/*
Theme Name: LaVet Blog
Author: LaVet
Version: 1.0
*/

/* =========================
   Variables (LaVet palette)
   ========================= */
:root{
  --primary-color: #dc9a89;    /* dusty peach */
  --secondary-color: #6d4842;  /* warm brown */
  --accent-color: #fcf8ea;     /* pale cream */
  --dark-color: #3a2b2a;       /* dark brown */
  --light-color: #ffffff;      /* white */
  --background-color: #fdf7f5; /* blush off-white */

  /* layout */
  --container-max: 1100px;
  --radius: 12px;
  --border: rgba(109, 72, 66, .18);
}

/* =============
   Base / Reset
   ============= */
*,
*::before,
*::after{ box-sizing:border-box; }

html{ -webkit-text-size-adjust:100%; }

body{
  margin:0;
  font-family: Arial, sans-serif;
  color: var(--dark-color);
  background: var(--background-color);
}

img{ max-width:100%; height:auto; display:block; }

a{ color: inherit; text-decoration:none; }
a:hover{ text-decoration:underline; }

.container{
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 16px;
}

/* =================
   Header (LaVet)
   ================= */
.lavet-header{
  background: var(--light-color);
  border-bottom: 1px solid var(--border);
  padding: 12px 0;
}

.lavet-header .container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}

.lavet-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width: 0;
}

/* logo sizing (stable) */
.lavet-brand img{
  height: 18px;
  width: auto;
  max-height: 18px;
}

/* Nav */
.lavet-nav{
  display:flex;
  gap: 10px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.lavet-nav a{
  font-weight:700;
  color: var(--secondary-color);
  opacity: .95;
  padding: 8px 10px;
  border-radius: var(--radius);
  white-space:nowrap;
}

.lavet-nav a:hover{
  opacity: 1;
  background: var(--accent-color);
  text-decoration:none;
}

/* =================
   Footer (LaVet)
   ================= */
.lavet-footer{
  background: var(--secondary-color);
  color: var(--light-color);
  padding: 36px 0;
  margin-top: 60px;
}

.lavet-footer a{
  color: var(--light-color);
  text-decoration:underline;
}

/* =================
   Posts list
   ================= */
.post-card{
  padding: 18px 0;
  border-bottom: 1px solid var(--border);
}

.post-card h2{
  margin: 0 0 8px;
  font-size: 28px;
  line-height: 1.2;
  color: var(--secondary-color);
}

.post-card p{
  margin: 0;
  opacity: .9;
  line-height: 1.7;
}

/* =================
   Single article
   ================= */
.article h1{
  font-size: 38px;
  line-height: 1.15;
  margin: 0 0 14px;
  color: var(--secondary-color);
}

.article .meta{
  opacity: .8;
  margin-bottom: 26px;
}

.article :where(p, ul, ol){
  line-height: 1.7;
}

.article img{
  border-radius: 14px;
}

/* =================
   Mobile tweaks
   ================= */
@media (max-width: 640px){
  .lavet-brand img{
    height: 48px;
    max-height: 48px;
  }

  .post-card h2{
    font-size: 22px;
  }

  .article h1{
    font-size: 28px;
  }
}
/* Force desktop logo size (WP overrides safe) */
@media (min-width: 641px){
  .lavet-brand img{
    height: 44px !important;
    max-height: 44px !important;
    width: auto !important;
  }
}