/*
Theme Name:  LaVet Blog Child
Template:    lavet blog
Description: Child theme — override paletă brand (salmon/terracotta) + protecție la update-uri temă.
Version:     1.0
Author:      LaVet Medical Sibiu
*/

/* ============================================================
   BRAND TOKENS — suprascrie verde cu paleta lavet.ro
   --lavet: #e29a8a / --lavet-dark: #d17662 / --lavet-light: #f9e7e3
   ============================================================ */
:root {
  --lv:        #e29a8a;   /* salmon — culoarea brand primară (lavet.ro --lavet)     */
  --lv-dk:     #d17662;   /* terracotta — hover / stare activă                      */
  --lv-lite:   #f9e7e3;   /* roz pal — fundal accent                                */
  --lv-bg:     #fff8f6;   /* alb cald — hero, fundal secțiuni                       */
  --lv-border: #ead5d0;   /* bordură caldă în loc de gri neutru                     */
  --lv-subtle: #fdf6f4;   /* fundal subtil cald                                     */
}

/* ============================================================
   BUTON PROGRAMARE — hardcodat verde în temă, suprascriem explicit
   ============================================================ */
.btn-programare,
header.lavet-header a.btn-programare,
header.lavet-header .btn-programare {
  background:       #e29a8a !important;
  background-color: #e29a8a !important;
  color:            #fff    !important;
  border-radius:    8px     !important;
}
.btn-programare:hover,
header.lavet-header a.btn-programare:hover,
header.lavet-header .btn-programare:hover {
  background:       #d17662 !important;
  background-color: #d17662 !important;
  color:            #fff    !important;
}

/* ============================================================
   PLACEHOLDER ARTICOLE FĂRĂ IMAGINE — gradient verde → brand
   ============================================================ */
.post-card-img--empty {
  background: linear-gradient(135deg, #f9e7e3 0%, #f0cfc7 100%) !important;
  color: #d17662 !important;
}

/* ============================================================
   NAV DESKTOP — hover culoare brand
   ============================================================ */
.lavet-nav-desktop a:hover {
  background: var(--lv-subtle);
  color: var(--lv);
}

/* ============================================================
   LINKURI ÎN CORPUL ARTICOLELOR — vizibile, cu underline
   ============================================================ */
.entry-content a:not(.btn) {
  color: var(--lv-dark);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
  font-weight: 600;
  transition: color .18s;
}
.entry-content a:not(.btn):hover {
  color: var(--lv);
}

/* ============================================================
   CTA INLINE ÎN ARTICOLE — buton de conversie în text
   ============================================================ */
.article-cta-box {
  background: linear-gradient(120deg, var(--lv-light) 0%, #fff8f6 100%);
  border: 1.5px solid #f0c8bc;
  border-radius: 16px;
  padding: 1.5rem 1.75rem;
  margin: 2rem 0;
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
.article-cta-box p {
  margin: 0;
  font-size: .95rem;
  color: #444;
  line-height: 1.6;
}
.article-cta-box strong { color: #2f2430; }
.article-cta-box .cta-buttons {
  display: flex;
  gap: .75rem;
  flex-wrap: wrap;
  margin-top: .25rem;
}