/* Magpress v0.3 — tema clasica PHP. Design inspirat din povesteacasei.ro.
   LiteSpeed se ocupa de minify/critical CSS — noi scriem CSS uman, lizibil. */

:root{
  --c-primary:         #1a1a1a;
  --c-accent:          #6fa84a;
  --c-bg:              #ffffff;
  --c-text:            #1a1a1a;
  --c-text-muted:      #6b6b6b;
  --c-border:          #e6e6e6;
  --c-surface:         #f6f7f5;
  --c-heading-h1:      #1a1a1a;
  --c-heading-h2:      #1a1a1a;
  --c-heading-h3:      #1a1a1a;
  --c-link:            #6fa84a;
  --c-link-hover:      #1a1a1a;
  --c-header-bg:       #ffffff;
  --c-header-border:   #e6e6e6;
  --c-menu-bg:         #ffffff;
  --c-menu-link:       #1a1a1a;
  --c-menu-link-hover: #6fa84a;
  --c-menu-hover-bg:   #f6f7f5;
  --c-search-color:    #1a1a1a;
  --c-badge-bg:        #6fa84a;
  --c-badge-text:      #ffffff;
  --c-footer-bg:       #f6f7f5;
  --c-footer-text:     #6b6b6b;
  --c-footer-link:        #1a1a1a;
  --c-footer-link-hover:  #6fa84a;
  --c-footer-border:      #e6e6e6;
  --c-footer-heading:  #1a1a1a;
  --f-sans:            'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif;
  --container:         1320px;
  --content:           780px;
  --radius:            8px;
  --radius-lg:         12px;
  --gap:               1.5rem;
}

*,*::before,*::after{box-sizing:border-box}
/* overflow-x:clip NU strica position:sticky (spre deosebire de hidden) */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{margin:0;font-family:var(--f-sans);font-size:16px;line-height:1.6;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;max-width:100vw}
/* v0.9.241: CSS-ul critic generat de LiteSpeed/QUIC.cloud strecoara pe unele site-uri
   `body{display:flex;flex-direction:column;height:100vh;min-height:100vh}` (regula nu e
   a temei). Cu body inalt de UN ecran, meniul „fix" ramanea lipit doar in primul ecran
   si apoi pleca odata cu pagina. Selectorul mai specific bate regula din CCSS indiferent
   de ordinea in care se incarca. */
html body.magpress{display:block;height:auto;min-height:0}

img,svg,video{max-width:100%;height:auto;display:block}
a{color:var(--c-text);text-decoration:none;transition:color .15s}
a:hover{color:var(--c-link-hover)}

h1,h2,h3,h4,h5,h6{margin:0 0 .75em;line-height:1.25;font-weight:800;letter-spacing:-.015em;color:var(--c-text)}
h1{color:var(--c-heading-h1)}
h2{color:var(--c-heading-h2)}
h3{color:var(--c-heading-h3)}
p{margin:0 0 1em}
ul,ol{padding-left:1.25em;margin:0 0 1em}

.container{max-width:var(--container);margin:0 auto;padding:0 clamp(1rem,3vw,2rem);width:100%}
.site-content{padding-top:1.5rem;padding-bottom:3rem}
/* Titlu H1 homepage (vizibil) — centrat, la fel ca textul din meniu */
.home-h1{text-align:center;color:#2c2c2c;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.4;margin:.75rem 0 1.25rem}

.skip-link{position:absolute;left:-9999px}
.skip-link:focus{position:fixed;top:1rem;left:1rem;background:var(--c-primary);color:#fff;padding:.5rem 1rem;z-index:9999;border-radius:6px}

/* ===================== HEADER — LAYOUT INLINE (default) ===================== */
.site-header{background:var(--c-header-bg);border-bottom:1px solid var(--c-header-border)}
/* Inline = logo+meniu pe acelasi rand → background-ul ține de header-bg */
.site-header--inline{background:var(--c-header-bg)}

/* ===================== STICKY HEADER ===================== */
/* Bara de meniu separata (centered layout) — sibling al header-ului */
.site-nav-bar{background:var(--c-menu-bg);border-top:1px solid var(--c-header-border);border-bottom:1px solid var(--c-header-border)}
.site-nav-bar__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.4rem clamp(1rem,3vw,2rem)}
.site-nav-bar__inner::before{content:""}
.site-nav-bar__inner .primary-nav{justify-self:center}
.site-nav-bar__inner .search-toggle{justify-self:end}
.site-nav-bar .primary-nav .menu{justify-content:center}
@media (max-width: 768px){
  .site-nav-bar__inner{grid-template-columns:1fr auto}
  .site-nav-bar__inner::before{display:none}
}

/* Sticky — doar pe desktop (≥ 768px), doar daca body are .has-sticky-header */
@media (min-width: 768px) {
  /* INLINE: tot header-ul ramane sticky (border = header-border ca pe header normal) */
  .has-sticky-header .site-header--inline{position:sticky;top:0;z-index:100;background:var(--c-header-bg);border-bottom:1px solid var(--c-header-border);box-shadow:0 2px 8px rgba(0,0,0,.04)}
  .has-sticky-header.admin-bar .site-header--inline{top:32px}

  /* CENTERED: doar bara de meniu (sibling al header-ului) ramane sticky */
  .has-sticky-header .site-nav-bar--centered{position:sticky;top:0;z-index:100;background:var(--c-menu-bg);border-bottom:1px solid var(--c-header-border);box-shadow:0 2px 8px rgba(0,0,0,.04)}
  .has-sticky-header.admin-bar .site-nav-bar--centered{top:32px}
}
@media (min-width: 768px) and (max-width: 782px) {
  .has-sticky-header.admin-bar .site-header--inline{top:46px}
  .has-sticky-header.admin-bar .site-nav-bar--centered{top:46px}
}
.site-header--inline .site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:1rem;padding-bottom:1rem}

/* ===================== HEADER — LAYOUT CENTERED (logo sus, meniu sub) ===================== */
.site-header--centered{background:var(--c-header-bg)}
.site-header--centered .site-header__top{display:flex !important;justify-content:center !important;align-items:center !important;padding:2rem clamp(1rem,3vw,2rem) 1.25rem !important;text-align:center !important}
.site-header--centered .site-header__top .site-branding{display:flex !important;justify-content:center !important;align-items:center !important;margin:0 auto !important;flex-shrink:1}
.site-header--centered .site-header__top .site-logo{max-height:110px !important;width:auto !important;display:block !important;margin:0 auto}
.site-header--centered .site-header__top .site-title{font-size:2.25rem !important;text-align:center}

/* ===================== BRANDING ===================== */
.site-branding{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none}
.site-branding .site-logo{max-height:48px;width:auto}
.site-branding .site-title{font-size:1.4rem;font-weight:800;color:var(--c-text);letter-spacing:-.02em}

/* ===================== HAMBURGER MOBILE ===================== */
.menu-toggle-checkbox{position:absolute;left:-9999px;width:0;height:0;opacity:0}
.menu-toggle{display:none;cursor:pointer;width:38px;height:38px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:50%;border:1px solid var(--c-border);background:var(--c-bg);transition:border-color .15s;flex-shrink:0}
.menu-toggle:hover{border-color:var(--c-accent)}
.menu-toggle span{display:block;width:18px;height:2px;background:var(--c-text);transition:all .25s}
.mobile-menu{display:none}
.header-spacer{display:none;width:38px;height:1px}

@media (max-width: 768px) {
  /* === Centered layout pe mobil: [LOGO] ....... [☰] (v0.9.178) ===
     DOM-ul e [toggle][branding][spacer]; inversăm vizual cu `order`. */
  .site-header--centered .site-header__top{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:center !important;
    padding:.85rem clamp(1rem,3vw,2rem) !important;
    gap:.75rem;
    text-align:left !important
  }
  .site-header--centered .site-header__top .site-branding{
    order:1;
    justify-self:start !important;
    margin:0 !important
  }
  .site-header--centered .site-header__top .site-logo{
    max-height:54px !important
  }
  .site-header--centered .site-header__top .site-title{
    font-size:1.2rem !important
  }
  .site-header--centered .site-header__top .menu-toggle--mobile{
    order:2;
    justify-self:end
  }
  .site-header--centered .header-spacer{display:none !important}

  /* === Inline layout pe mobil: [LOGO] ....... [☰] === */
  .site-header--inline .site-header__inner{
    display:flex;
    align-items:center;
    gap:.75rem;
    padding:.85rem clamp(1rem,3vw,2rem)
  }
  .site-header--inline .site-header__inner .site-branding{
    order:1;
    flex:1;
    display:flex;
    justify-content:flex-start
  }
  .site-header--inline .site-header__inner .primary-nav,
  .site-header--inline .site-header__inner .header-tools{
    display:none
  }
  .site-header--inline .site-header__inner .menu-toggle--mobile{order:2}

  /* === Hamburger button vizibil pe mobil === */
  .menu-toggle--mobile{display:inline-flex}

  /* === Bara nav (centered) ascunsa pe mobil === */
  .site-nav-bar{display:none}

  /* === Dropdown meniu mobil deschis cu hamburger === */
  .mobile-menu{display:none;background:var(--c-menu-bg);border-bottom:1px solid var(--c-border);box-shadow:0 4px 12px rgba(0,0,0,.06);position:relative;z-index:90}
  body:has(.menu-toggle-checkbox:checked) .mobile-menu{display:block}
  .mobile-menu .menu{list-style:none;margin:0;padding:0;display:block}
  .mobile-menu .menu li{display:block;border-bottom:1px solid var(--c-border)}
  .mobile-menu .menu li:last-child{border-bottom:0}
  .mobile-menu .menu > li > a{display:block;padding:.9rem 1.25rem;font-size:.95rem;font-weight:700;color:var(--c-menu-link);text-transform:uppercase;letter-spacing:.04em}
  .mobile-menu .menu > li > a:hover{background:rgba(0,0,0,.08);color:var(--c-menu-link-hover)}
  /* FIX v0.9.178: submeniul avea fundal `--c-surface` (MEREU deschis) cu text
     `--c-menu-link` (deschis pe site-urile cu meniu închis) → text alb pe alb,
     invizibil. Acum umbrim fundalul meniului cu un strat translucid: merge la fel
     de bine pe meniu închis și pe meniu deschis, indiferent de paleta site-ului
     (nu depinde de vreo variabilă pe care userul poate să n-o fi setat). */
  .mobile-menu .sub-menu{list-style:none;padding:0 0 0 1rem;margin:0;background:rgba(0,0,0,.14);border-top:1px solid var(--c-border)}
  .mobile-menu .sub-menu a{display:block;padding:.6rem 1.25rem;font-size:.85rem;color:var(--c-menu-link);text-transform:none;font-weight:500;opacity:.92}
  .mobile-menu .sub-menu a:hover{color:var(--c-menu-link-hover);opacity:1}
  /* Item „Caută" în meniul hamburger (căutare accesibilă pe mobil) */
  .mobile-menu__search{display:flex;align-items:center;gap:.5rem;padding:.9rem 1.25rem;font-size:.95rem;font-weight:700;color:var(--c-menu-link);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--c-border);cursor:pointer}
  .mobile-menu__search:hover{background:rgba(0,0,0,.08);color:var(--c-menu-link-hover)}
  .mobile-menu__search svg{width:18px;height:18px;flex:0 0 auto}
  /* iOS nu mai face auto-zoom la focus pe input-uri sub 16px */
  .search-form input[type=search],.comment-form input,.comment-form textarea{font-size:16px}

  /* === Hamburger animat -> X === */
  body:has(.menu-toggle-checkbox:checked) .menu-toggle--mobile span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body:has(.menu-toggle-checkbox:checked) .menu-toggle--mobile span:nth-child(2){opacity:0}
  body:has(.menu-toggle-checkbox:checked) .menu-toggle--mobile span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* ===================== PRIMARY NAV ===================== */
.primary-nav{flex:1;display:flex;justify-content:center}
.primary-nav .menu{display:flex;gap:.25rem;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:center}
.primary-nav .menu li{position:relative}
.primary-nav .menu > li > a{display:inline-block;padding:.5rem .9rem;font-size:.9rem;font-weight:700;color:var(--c-menu-link);text-transform:uppercase;letter-spacing:.04em;border-radius:6px;transition:background .15s, color .15s}
.primary-nav .menu > li > a:hover{background:var(--c-menu-hover-bg);color:var(--c-menu-link-hover)}
.primary-nav .sub-menu{position:absolute;top:100%;left:0;background:var(--c-bg);border:1px solid var(--c-border);border-radius:8px;padding:.5rem;min-width:220px;list-style:none;margin:0;box-shadow:0 8px 24px rgba(0,0,0,.08);opacity:0;visibility:hidden;transform:translateY(4px);transition:all .15s;z-index:50}
.primary-nav li:hover > .sub-menu,
.primary-nav li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.primary-nav .sub-menu a{display:block;padding:.5rem .75rem;font-size:.9rem;text-transform:none;font-weight:500;border-radius:4px}
.primary-nav .sub-menu a:hover{background:var(--c-surface)}
.header-tools{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.search-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--c-search-color);border:1px solid var(--c-search-color);background:transparent;transition:all .15s;cursor:pointer}
.search-toggle:hover{border-color:var(--c-accent);color:var(--c-accent)}

/* ===================== FEATURED (homepage hero) ===================== */
.featured-grid{display:grid;grid-template-columns:1fr;gap:var(--gap);margin:2rem 0 3rem;width:100%}
.featured-grid > *{min-width:0;max-width:100%}
.featured-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/10;min-height:280px;background:var(--c-surface);width:100%;max-width:100%}

/* Variant: TWO (2 side-by-side, default) */
@media (min-width:768px){
  .featured-grid--two{grid-template-columns:1fr 1fr}
  .featured-grid--two .featured-card{min-height:340px}
}

/* Variant: THREE (3 egale) */
@media (min-width:768px){
  .featured-grid--three{grid-template-columns:repeat(3,1fr)}
  .featured-grid--three .featured-card{min-height:420px;aspect-ratio:3/4}
}

/* Variant: ONE_TWO (1 mare + 2 mici stivuit dreapta) */
@media (min-width:768px){
  .featured-grid--one_two{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;height:600px}
  .featured-grid--one_two .featured-card{min-height:0;aspect-ratio:auto;height:100%}
  .featured-grid--one_two .featured-card--big{grid-column:1;grid-row:1/3}
}
@media (max-width:767px){
  .featured-grid--one_two{grid-template-columns:1fr}
  .featured-grid--three .featured-card{aspect-ratio:16/10;min-height:280px}
}

/* Variant: MOSAIC (1 mare + 4 mici grid 2x2) */
@media (min-width:768px){
  .featured-grid--mosaic{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;height:620px}
  .featured-grid--mosaic .featured-card{min-height:0;aspect-ratio:auto;height:100%}
  .featured-grid--mosaic .featured-card--big{grid-column:1;grid-row:1/3}
}
@media (max-width:767px){
  .featured-grid--mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}
  .featured-grid--mosaic .featured-card--big{grid-column:1/3;aspect-ratio:16/9}
  .featured-grid--mosaic .featured-card{aspect-ratio:4/3;min-height:160px}
}
@media (max-width:480px){
  .featured-grid--mosaic{grid-template-columns:1fr}
  .featured-grid--mosaic .featured-card--big{grid-column:1}
}

/* Variant: HERO_BANNER (1 articol full-width mare) */
.featured-grid--hero_banner{grid-template-columns:1fr;margin:1rem 0 3rem}
.featured-grid--hero_banner .featured-card{aspect-ratio:21/9;min-height:380px;border-radius:var(--radius-lg)}
.featured-grid--hero_banner .featured-card__title{font-size:clamp(1.5rem,3.5vw,2.5rem)!important;-webkit-line-clamp:3}
.featured-grid--hero_banner .featured-card__content{padding:clamp(1.5rem,3vw,3rem)}
@media (max-width:768px){
  .featured-grid--hero_banner .featured-card{aspect-ratio:16/10;min-height:300px}
}

/* Variant: BIG_LIST (1 mare stânga + 5 articole listă text dreapta) */
.featured-grid--big_list{grid-template-columns:1fr;gap:1.5rem}
@media (min-width:768px){
  .featured-grid--big_list{grid-template-columns:1.6fr 1fr;height:520px;align-items:stretch}
  .featured-grid--big_list .featured-card{min-height:0;aspect-ratio:auto;height:100%}
}
.featured-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--c-border)}
.featured-list__item{border-bottom:1px solid var(--c-border)}
.featured-list__link{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding:.85rem .25rem;text-decoration:none;color:var(--c-text);transition:background .15s, transform .15s}
.featured-list__link:hover{background:var(--c-surface);color:var(--c-text)}
.featured-list__num{font-size:1.5rem;font-weight:800;color:var(--c-accent);line-height:1;min-width:1.5rem;font-variant-numeric:tabular-nums}
.featured-list__body{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.featured-list__cat{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c-accent)}
.featured-list__title{font-size:.95rem;line-height:1.35;font-weight:700;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--c-text)}
.featured-card__image{position:absolute;inset:0;display:block;z-index:1}
.featured-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.featured-card:hover .featured-card__image img{transform:scale(1.04)}
.featured-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.4) 50%, transparent 80%);z-index:2;pointer-events:none}
.featured-card__content{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:clamp(1rem,2.5vw,1.5rem);color:#fff}
.featured-card__title{margin:.6rem 0 0;font-size:clamp(.95rem,1.4vw,1.15rem);line-height:1.3;color:#fff;font-weight:700;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.featured-card__title a{color:#fff}
.featured-card__title a:hover{color:#fff}
/* Cardul BIG din layout-urile asimetrice/mosaic — font puțin mai mare, dar tot aproape de tema */
.featured-card--big .featured-card__title{font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:800;-webkit-line-clamp:4}

/* ===================== BADGE (categorie) ===================== */
.badge{display:inline-block;background:var(--c-badge-bg);color:var(--c-badge-text);padding:.3rem .75rem;border-radius:4px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;line-height:1.2;text-decoration:none;white-space:nowrap}
.badge:hover{color:var(--c-badge-text);opacity:.9}
.badge--pill{border-radius:20px;padding:.4rem 1rem}
.featured-card .badge{box-shadow:0 2px 8px rgba(0,0,0,.15)}
.magpress-card-overlay .badge{background:var(--c-badge-bg);color:var(--c-badge-text)}

/* ===================== SECTION HEADER ===================== */
.section-header{display:flex;align-items:center;gap:.65rem;margin-bottom:1.5rem;padding-bottom:.85rem;border-bottom:1px solid var(--c-border);position:relative}
.section-header::after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:2px;background:var(--c-accent)}
.section-header__icon{width:14px;height:14px;background:var(--c-accent);border-radius:3px;flex-shrink:0;display:inline-block}
.section-header__title{font-size:1.5rem;margin:0;font-weight:800;letter-spacing:-.02em;color:var(--c-heading-h2)}
.section-header__link{margin-left:auto;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);text-decoration:none;white-space:nowrap}
.section-header__link::after{content:" →";display:inline-block;transition:transform .2s}
.section-header__link:hover{color:var(--c-accent)}
.section-header__link:hover::after{transform:translateX(3px)}

/* ===================== CARD GRID ===================== */
.card-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
@media (min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:900px){.card-grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1100px){.card-grid{grid-template-columns:repeat(4,1fr)}}
/* Arhive (categorie, etichetă, autor, dată): 3 coloane, 9 articole = 3 rânduri pline */
@media (min-width:1100px){.card-grid--3{grid-template-columns:repeat(3,1fr)}}

.category-row,
.related-row{margin:2.5rem 0}
/* Extensia unui slot: al doilea bloc de articole, sub acelasi antet de sectiune. */
.category-row__ext{margin-top:1rem}

/* ===================== LAYOUT: ASIMETRIC (1 mare + 4 mici) ===================== */
.layout-asymmetric{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem;height:560px}
.layout-asymmetric .magpress-card-overlay{height:100%;min-height:0}
.layout-asymmetric .magpress-card-overlay--big{grid-column:1;grid-row:1/3}
.layout-asymmetric .magpress-card-overlay--small{grid-column:auto;grid-row:auto}
/* Gradient mai puternic + text-shadow pentru lizibilitate */
.layout-asymmetric .magpress-card-overlay::after{background:linear-gradient(to top, rgba(0,0,0,.95) 0%, rgba(0,0,0,.75) 22%, rgba(0,0,0,.35) 40%, rgba(0,0,0,.05) 60%, transparent 75%)}
.layout-asymmetric .magpress-card-overlay__title{text-shadow:0 2px 6px rgba(0,0,0,.85), 0 1px 2px rgba(0,0,0,1)}
.layout-asymmetric .magpress-card-overlay .badge{box-shadow:0 2px 6px rgba(0,0,0,.3)}
.layout-asymmetric .magpress-card-overlay--small .magpress-card-overlay__title{font-size:1.05rem;-webkit-line-clamp:2;line-height:1.3;font-weight:800;text-shadow:0 2px 6px rgba(0,0,0,.9), 0 1px 2px rgba(0,0,0,1)}
.layout-asymmetric .magpress-card-overlay--small .card-overlay{padding:.9rem 1.1rem 1.05rem}
.layout-asymmetric .magpress-card-overlay--small .badge{font-size:.65rem;padding:.25rem .65rem}
.layout-asymmetric .magpress-card-overlay--big .magpress-card-overlay__title{font-size:1.3rem;-webkit-line-clamp:4;line-height:1.25;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.9), 0 1px 3px rgba(0,0,0,1)}
.layout-asymmetric .magpress-card-overlay--big .card-overlay{padding:1.2rem 1.5rem 1.35rem}
@media (max-width: 900px){
  .layout-asymmetric{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}
  .layout-asymmetric .magpress-card-overlay--big{grid-column:1/3;grid-row:auto;aspect-ratio:16/9;height:auto}
  .layout-asymmetric .magpress-card-overlay--small{aspect-ratio:4/3;height:auto}
}
@media (max-width: 480px){
  .layout-asymmetric{grid-template-columns:1fr}
  .layout-asymmetric .magpress-card-overlay--big{grid-column:1}
}

/* ===================== LAYOUT: HERO (4 carduri portret) ===================== */
.layout-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.layout-hero .magpress-card-overlay--hero{aspect-ratio:3/4}
/* Gradient mai puternic in jumatatea de jos pentru lizibilitate */
.layout-hero .magpress-card-overlay--hero::after{background:linear-gradient(to top, rgba(0,0,0,.95) 0%, rgba(0,0,0,.75) 18%, rgba(0,0,0,.35) 35%, rgba(0,0,0,.05) 55%, transparent 70%)}
.layout-hero .magpress-card-overlay--hero .card-overlay{padding:.9rem 1.1rem 1.15rem;gap:.55rem}
.layout-hero .magpress-card-overlay--hero .badge{align-self:flex-start;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.layout-hero .magpress-card-overlay--hero .magpress-card-overlay__title{font-size:1.05rem;line-height:1.3;-webkit-line-clamp:3;font-weight:800;text-shadow:0 2px 6px rgba(0,0,0,.85), 0 1px 2px rgba(0,0,0,1)}
@media (max-width: 900px){.layout-hero{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 480px){.layout-hero{grid-template-columns:1fr}.layout-hero .magpress-card-overlay--hero{aspect-ratio:16/10}}

/* ===================== CARD-OVERLAY (folosit de asimetric si hero) ===================== */
.magpress-card-overlay{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--c-surface);min-height:200px}
.magpress-card-overlay .card-link{display:block;width:100%;height:100%;color:#fff;text-decoration:none}
.magpress-card-overlay img,
.magpress-card-overlay .wp-post-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.magpress-card-overlay:hover img,
.magpress-card-overlay:hover .wp-post-image{transform:scale(1.05)}
.magpress-card-overlay::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,.95) 0%, rgba(0,0,0,.7) 30%, rgba(0,0,0,.3) 55%, rgba(0,0,0,.1) 75%, transparent 100%);z-index:1;pointer-events:none}
.magpress-card-overlay .card-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1rem 1.1rem 1.1rem;color:#fff;display:flex;flex-direction:column;gap:.5rem;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.magpress-card-overlay .badge{align-self:flex-start;background:var(--c-badge-bg);color:var(--c-badge-text);padding:.25rem .65rem;font-size:.65rem;border-radius:3px;line-height:1;letter-spacing:.06em;text-shadow:none}
.magpress-card-overlay__title,
.magpress-card-overlay h3,
.magpress-card-overlay h2{font-size:1.05rem;line-height:1.3;font-weight:800;color:#fff !important;margin:0;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.magpress-card-overlay a,
.magpress-card-overlay__title a{color:#fff !important;text-decoration:none}
.magpress-card-overlay--big .magpress-card-overlay__title,
.magpress-card-overlay--hero .magpress-card-overlay__title{font-size:1.25rem;-webkit-line-clamp:4}
.magpress-card-overlay--big .card-overlay{padding:1.5rem 1.75rem}

/* ===================== LAYOUT: LISTĂ (image left + text right) ===================== */
.layout-list{display:flex;flex-direction:column;gap:1rem}
.magpress-card-list{display:grid;grid-template-columns:160px 1fr;gap:1.25rem;align-items:center;padding:.85rem;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);transition:box-shadow .2s, transform .2s}
.magpress-card-list:hover{box-shadow:0 4px 14px rgba(0,0,0,.06);transform:translateY(-1px)}
.magpress-card-list .card-list__image{display:block;aspect-ratio:1/1;border-radius:6px;overflow:hidden;background:var(--c-surface)}
.magpress-card-list .card-list__image img,
.magpress-card-list .card-list__image .wp-post-image{width:100%;height:100%;object-fit:cover;display:block}
.magpress-card-list .card-list__body{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.magpress-card-list .card-list__category{display:inline-block;width:fit-content;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-accent);text-decoration:none}
.magpress-card-list .card-list__title{margin:0;font-size:1.15rem;line-height:1.3;font-weight:700;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.magpress-card-list .card-list__title a{color:var(--c-text)}
.magpress-card-list .card-list__title a:hover{color:var(--c-accent)}
.magpress-card-list .card-list__meta{font-size:.82rem;color:var(--c-text-muted);display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.magpress-card-list .card-list__meta .sep{color:var(--c-border)}
@media (max-width: 640px){
  .magpress-card-list{grid-template-columns:100px 1fr;gap:.85rem;padding:.65rem}
  .magpress-card-list .card-list__title{font-size:1rem}
}

/* ===================== AD SLOT (AdSense/HTML pe homepage si articol) ===================== */
.ad-slot{margin:2.5rem auto;text-align:center;min-height:90px;display:block;overflow:visible;max-width:1000px;width:100%}
.ad-slot ins.adsbygoogle{display:block!important;margin:0 auto;min-width:300px}
.ad-slot iframe{max-width:100%!important;display:block;margin:0 auto}
/* Variante pe articol — spatiere putin diferita */
.ad-slot--mid-article{margin:2rem auto;clear:both}
.ad-slot--end-article{margin:2rem auto 3rem;clear:both}

/* Lazy load variante:
   --lazy-push  = <ins adsbygoogle> e în DOM, doar push() amânat (cazul AdSense standard)
   --lazy-full  = tot HTML-ul amânat (banner custom, image, etc.)
   Min-height 280px = rezervăm spațiul pentru ad responsive (Google returnează ~250-280px).
   Fără asta, ad-ul se umflă la load → CLS mare (acesta era cauza CLS=1 pe site-uri news). */
.ad-slot--lazy-push,
.ad-slot--lazy-full{min-height:280px;display:flex;align-items:center;justify-content:center}
.ad-slot--lazy-push ins.adsbygoogle{min-height:280px;width:100%}
.ad-slot--lazy-full .ad-slot__placeholder{width:100%;height:280px;background:linear-gradient(90deg, var(--c-surface) 25%, var(--c-bg) 50%, var(--c-surface) 75%);background-size:200% 100%;animation:adShimmer 1.8s infinite;border-radius:6px;opacity:.6}
/* Slot unfilled (Google nu a returnat ad) → colaps la 0 ca să nu rămână gol mare */
.ad-slot:has(ins.adsbygoogle[data-ad-status="unfilled"]){min-height:0;margin:0}
.ad-slot:has(ins.adsbygoogle[data-ad-status="unfilled"]) ins.adsbygoogle{min-height:0}
.ad-slot--loaded{min-height:0}
/* Hide slot-urile unfilled (oficial Google) — evită spațiu gol când AdSense nu returnează ad.
   Min-height stă pe .ad-slot (wrapper), nu pe <ins>, ca să eviți CLS dar permiți colaps cand unfilled. */
ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}
.ad-slot:has(ins.adsbygoogle[data-ad-status="unfilled"]){min-height:0;margin:0}
@keyframes adShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media (prefers-reduced-motion: reduce){
  .ad-slot--lazy-full .ad-slot__placeholder{animation:none}
}

/* Header opțional deasupra slot-ului HTML/widget (titlu h2 + paragraf descriere) */
.ad-slot-header{text-align:center;margin:2.5rem auto 1rem;max-width:760px;padding:0 1rem}
.ad-slot-header__title{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.2;font-weight:800;letter-spacing:-.02em;margin:0 0 .65rem;color:var(--c-heading-h2)}
.ad-slot-header__subtitle{font-size:1rem;line-height:1.55;color:var(--c-text-muted);margin:0}

/* ===================== LIGHTBOX (galerie + imagini articol) ===================== */
.magpress-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;padding:20px;animation:mpLbFadeIn .2s ease-out}
.magpress-lightbox.is-open{display:flex}
.magpress-lightbox__img{max-width:95vw;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 10px 40px rgba(0,0,0,.5);user-select:none}
.magpress-lightbox__btn{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;backdrop-filter:blur(6px)}
.magpress-lightbox__btn:hover{background:rgba(255,255,255,.25)}
.magpress-lightbox__btn svg{width:24px;height:24px;stroke:#fff;stroke-width:2.5;fill:none}
.magpress-lightbox__close{top:20px;right:20px}
.magpress-lightbox__prev{left:20px;top:50%;transform:translateY(-50%)}
.magpress-lightbox__next{right:20px;top:50%;transform:translateY(-50%)}
.magpress-lightbox__counter{position:absolute;top:20px;left:20px;color:#fff;font-size:.85rem;background:rgba(0,0,0,.4);padding:.4rem .8rem;border-radius:20px;backdrop-filter:blur(6px)}
.magpress-lightbox__caption{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;font-size:.9rem;background:rgba(0,0,0,.5);padding:.5rem 1rem;border-radius:6px;max-width:80vw;text-align:center;backdrop-filter:blur(6px)}
@keyframes mpLbFadeIn{from{opacity:0}to{opacity:1}}
@media (max-width:640px){
  .magpress-lightbox__btn{width:40px;height:40px}
  .magpress-lightbox__close{top:12px;right:12px}
  .magpress-lightbox__prev{left:8px}
  .magpress-lightbox__next{right:8px}
  .magpress-lightbox__counter{top:12px;left:12px;font-size:.75rem}
}
body.magpress-lightbox-open{overflow:hidden}

/* ===================== CARD ===================== */
.card{position:relative;display:flex;flex-direction:column;background:var(--c-bg);border-radius:var(--radius);overflow:hidden;border:1px solid var(--c-border);transition:box-shadow .2s, transform .2s, border-color .2s}
.card:hover{box-shadow:0 4px 16px rgba(0,0,0,.06);transform:translateY(-2px);border-color:var(--c-border)}
.card-image{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--c-surface);position:relative}
.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.card:hover .card-image img{transform:scale(1.05)}
.card-image-placeholder{display:block;width:100%;height:100%;background:var(--c-surface)}
.card-body{padding:1rem 1.1rem 1.25rem;flex:1;display:flex;flex-direction:column}
.card-title{margin:0;font-size:.95rem;line-height:1.4;font-weight:700;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.card-title a{color:var(--c-text)}
.card-title a:hover{color:var(--c-accent)}

/* Egalizam inaltimea cardurilor in grid (toate la fel) */
.card-grid{align-items:stretch}
/* v0.9.224: reclama din arhivă, așezată după primul rând de articole, ocupă toată
   lățimea grilei (pe orice număr de coloane). */
.card-grid__ad{grid-column:1/-1}
.card{height:100%}

/* ===================== BREADCRUMBS ===================== */
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-size:.85rem;color:var(--c-text-muted);margin-bottom:1rem}
.breadcrumbs a{color:var(--c-text-muted)}
.breadcrumbs a:hover{color:var(--c-accent)}
.breadcrumbs .sep{color:var(--c-border)}
.breadcrumbs .current{color:var(--c-text-muted)}
/* Titlul articolului (ultima firimitură) poate fi lung — îl tăiem elegant
   ca să rămână pe un singur rând, mai ales pe mobil (v0.9.181). */
.breadcrumbs .current{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:600px){.breadcrumbs .current{max-width:60vw}}

/* ===================== ARCHIVE ===================== */
.archive-header{margin:1rem 0 2rem}
.archive-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;letter-spacing:-.025em;margin:.25rem 0 .5rem;color:var(--c-heading-h1)}
.archive-description{font-size:1rem;color:var(--c-text-muted);max-width:none;margin:0}

/* Ascunde label-ul "Paginație articole" generat de WP */
.magpress-pagination .screen-reader-text{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}

/* ===================== LAYOUT BOXED (v0.9.221) =====================
   Foaie alba centrata pe fundal gri. Se aplica doar cand body are clasa
   .magpress-boxed (Customizer -> Magpress: Layout -> „Latime site: boxed").
   Bara de curs/vreme, headerul, bara de meniu, continutul si subsolul intra
   toate in aceeasi foaie, ca sa arate ca un singur bloc. */
body.magpress-boxed{background:#e8e8ec}
/* v0.9.225: foaia e PROPORTIONALA cu ecranul, nu fixa la 1240px. Pe monitoarele
   mari, latimea fixa lasa benzi gri enorme si continutul parea inghesuit la mijloc.
   90% pana la plafonul de 1560px: la 1440 raman ~72px de fiecare parte, la 1920
   raman ~180px, iar peste 1920 foaia nu mai creste (peste 1560px randurile devin
   prea lungi de citit). */
.magpress-boxed .mp-curs-bar,
.magpress-boxed .mp-wx-bar,
.magpress-boxed .site-header,
.magpress-boxed .site-nav-bar,
.magpress-boxed .site-main,
.magpress-boxed .site-footer{width:100%;max-width:min(90%,1560px);margin-left:auto;margin-right:auto}
/* `width:100%` ramane ca plasa de siguranta: pe unele site-uri CSS-ul critic de la
   LiteSpeed facea body container flex pe coloana (vezi v0.9.241), iar marginile `auto`
   pe un element flex ii anuleaza intinderea — headerul si meniul se strangeau la
   latimea continutului. */
/* Containerul interior e plafonat la --container (1320px); in boxed il lasam sa
   umple foaia, altfel ar ramane alb gol in interiorul foii cand ea e mai lata. */
.magpress-boxed .container{max-width:100%}
/* Fundal punem DOAR pe .site-main. Headerul, bara de meniu si subsolul au deja
   culorile lor per site (--c-header-bg, --c-menu-bg, --c-footer-bg): un fundal alb
   pus aici le-ar sterge — s-a intamplat cu bara roz de pe femeiaconteaza si cu
   headerul negru de pe idei-casa. */
.magpress-boxed .site-main{background:var(--c-bg,#fff)}
.magpress-boxed .site-main{box-shadow:0 0 26px rgba(20,20,40,.10)}
.magpress-boxed .site-footer{box-shadow:0 0 26px rgba(20,20,40,.10)}
/* Sub 1400px banda gri ar fi prea subtire ca sa arate intentionat (20px la 1280,
   63px la 1366 — rezolutia celor mai multe laptopuri), deci revenim la latime
   completa. Boxed-ul se vede doar cand raman minimum ~80px de fiecare parte. */
@media (max-width:1399px){
  body.magpress-boxed{background:var(--c-bg,#fff)}
  .magpress-boxed .mp-curs-bar,
  .magpress-boxed .mp-wx-bar,
  .magpress-boxed .site-header,
  .magpress-boxed .site-nav-bar,
  .magpress-boxed .site-main,
  .magpress-boxed .site-footer{max-width:none;box-shadow:none}
}

/* ===================== ARTICLE HERO (single) ===================== */
.article-hero{margin:1rem auto 1.5rem;max-width:none}
.article-hero .badge--pill{margin-bottom:1rem}
/* v0.9.212 — ordinea: firimituri → poză → titlu → meta (cu categoria în rândul de meta). */
/* v0.9.213 — firimiturile, titlul si meta au ACEEASI latime ca poza si ca textul
   articolului (1000px). NU atingem .article-hero simplu: il foloseste si page.php,
   unde paginile sunt pe latime completa. */
.article-hero--top,
.article-hero--after-image{max-width:1000px;margin-left:auto;margin-right:auto}
.article-hero--after-image{margin-top:0}
.article-image--top{margin-bottom:1.25rem}
.article-meta__cat{margin-bottom:0!important;flex-shrink:0}
.article-meta--rich{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}
.article-meta--rich .article-meta__author{flex:1 1 auto;min-width:0}
.article-title{font-size:clamp(1.75rem,3.5vw,2.5rem);line-height:1.15;font-weight:800;letter-spacing:-.025em;margin:0 0 1rem;color:var(--c-heading-h1)}
.article-excerpt{font-size:1.1rem;line-height:1.55;color:var(--c-text-muted);margin:0 0 1.25rem}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.88rem;color:var(--c-text-muted);padding-top:1rem;border-top:1px solid var(--c-border)}
.article-meta strong{color:var(--c-text);font-weight:600}
.article-meta .sep{color:var(--c-border)}
/* v0.9.187 — „Actualizat la <dată>" pe meta-ul simplu; apare doar dacă articolul a
   fost chiar modificat după publicare (vezi magpress_updated_ts în functions.php) */
.article-meta__updated{color:var(--c-accent);font-weight:600}

/* ===================== ARTICLE IMAGE ===================== */
.article-image{margin:0 auto 2rem;max-width:1000px}
.article-image img{width:100%;height:auto;border-radius:var(--radius-lg);display:block}

/* ===================== ARTICLE BODY ===================== */
.article-body{max-width:none;margin:0 auto}
/* Pe articole single — textul limitat la 1000px (lizibilitate) */
.article-body .entry-content{max-width:1000px;margin:0 auto}
/* Pe pagini statice (Contact, Despre, GDPR) — textul full container */
body.page .article-body .entry-content{max-width:none}
.article-body .entry-content{font-size:1.125rem;line-height:1.75;color:#333}
.article-body .entry-content > *{margin-bottom:1.5rem}
.article-body .entry-content p{color:#333;margin-bottom:1.5rem;font-size:1.125rem;line-height:1.75}
.article-body .entry-content h2{font-size:1.5rem;margin-top:2.25rem;margin-bottom:1rem;font-weight:800;letter-spacing:-.02em}
.article-body .entry-content h3{font-size:1.2rem;margin-top:2rem;margin-bottom:.75rem;font-weight:700}
.article-body .entry-content img{margin:1.5rem auto;border-radius:var(--radius);height:auto}
.article-body .entry-content figure{margin:1.5rem auto;max-width:100%}

/* ===================== GALERIE (clasica + Gutenberg) ===================== */
.entry-content .gallery,
.entry-content .wp-block-gallery{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin:1.5rem 0;list-style:none;padding:0}
.entry-content .wp-block-gallery.has-nested-images{display:grid !important;flex-wrap:initial}
.entry-content .gallery-item,
.entry-content .wp-block-gallery .wp-block-image,
.entry-content .wp-block-gallery figure{margin:0 !important;width:auto !important}
.entry-content .gallery-item img,
.entry-content .wp-block-gallery img,
.entry-content .wp-block-gallery .wp-block-image img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block;aspect-ratio:4/3;cursor:zoom-in;transition:opacity .2s}
.entry-content .gallery-item img:hover,
.entry-content .wp-block-gallery img:hover{opacity:.92}
/* Pe 2 coloane mari (desktop), păstrăm aspect 4/3 dar capăm înălțimea pentru articole lizibile */
@media (min-width:900px){
  .entry-content .wp-block-gallery.columns-2 img,
  .entry-content .gallery.gallery-columns-2 img{aspect-ratio:3/2;max-height:420px}
}
.entry-content .gallery-icon{margin:0}
.entry-content .gallery-caption,
.entry-content .wp-block-image figcaption{font-size:.8rem;color:var(--c-text-muted);text-align:center;margin-top:.4rem}
/* Coloane fixe pentru galeria clasica */
.entry-content .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)}
.entry-content .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)}
.entry-content .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)}
.entry-content .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)}
.entry-content .gallery.gallery-columns-6{grid-template-columns:repeat(6,1fr)}
/* Coloane fixe pentru Gutenberg */
.entry-content .wp-block-gallery.columns-2{grid-template-columns:repeat(2,1fr)}
.entry-content .wp-block-gallery.columns-3{grid-template-columns:repeat(3,1fr)}
.entry-content .wp-block-gallery.columns-4{grid-template-columns:repeat(4,1fr)}
.entry-content .wp-block-gallery.columns-5{grid-template-columns:repeat(5,1fr)}
.entry-content .wp-block-gallery.columns-6{grid-template-columns:repeat(6,1fr)}
@media (max-width: 900px){
  .entry-content .gallery.gallery-columns-4,
  .entry-content .gallery.gallery-columns-5,
  .entry-content .gallery.gallery-columns-6,
  .entry-content .wp-block-gallery.columns-4,
  .entry-content .wp-block-gallery.columns-5,
  .entry-content .wp-block-gallery.columns-6{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 640px){
  .entry-content .gallery,
  .entry-content .wp-block-gallery{grid-template-columns:repeat(2,1fr) !important}
}
@media (max-width: 400px){
  .entry-content .gallery,
  .entry-content .wp-block-gallery{grid-template-columns:1fr !important}
}
.article-body .entry-content figcaption{font-size:.85rem;color:var(--c-text-muted);text-align:center;margin-top:.5rem}
.article-body .entry-content blockquote{border-left:3px solid var(--c-accent);padding:.5rem 0 .5rem 1.5rem;margin:1.5rem 0;font-style:italic;color:var(--c-text-muted)}
.article-body .entry-content a{color:var(--c-link);text-decoration:underline;text-underline-offset:3px}
.article-body .entry-content a:hover{color:var(--c-link-hover)}
.article-body .entry-content ul,
.article-body .entry-content ol{margin-bottom:1.25em;padding-left:1.5em}
.article-body .entry-content ul{list-style:disc}
.article-body .entry-content ol{list-style:decimal}
.article-body .entry-content li{margin-bottom:.35em}
/* v0.9.216: cifrele si bulinele listelor raman in culoarea textului, nu in accentul temei. */
.article-body .entry-content li::marker{color:inherit}

/* ===================== TABELE (responsive) ===================== */
.article-body .entry-content table,
.article-body .entry-content .wp-block-table table,
.entry-content > table,
.wp-block-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem;background:var(--c-bg);overflow:hidden;border-radius:8px;border:1px solid var(--c-border)}
.article-body .entry-content table th,
.article-body .entry-content table td,
.wp-block-table th,
.wp-block-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--c-border);vertical-align:top}
.article-body .entry-content table th,
.wp-block-table th{background:var(--c-surface);color:var(--c-text);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--c-border)}
.article-body .entry-content table tbody tr:nth-child(even) td,
.wp-block-table tbody tr:nth-child(even) td{background:var(--c-surface)}
.article-body .entry-content table tbody tr:hover td,
.wp-block-table tbody tr:hover td{background:rgba(111,168,74,.08)}
.article-body .entry-content table tr:last-child td,
.wp-block-table tr:last-child td{border-bottom:0}
.article-body .entry-content table caption,
.wp-block-table figcaption{caption-side:bottom;text-align:center;font-size:.85rem;color:var(--c-text-muted);padding:.5rem 0;font-style:italic}

/* Tabelul ramane intreg pe desktop; pe mobile scroll orizontal cu indicator vizual */
.article-body .entry-content figure.wp-block-table,
.article-body .entry-content > table{max-width:100%}
@media (max-width: 768px) {
  .article-body .entry-content table,
  .wp-block-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;font-size:.9rem;position:relative}
  .article-body .entry-content table th,
  .article-body .entry-content table td,
  .wp-block-table th,
  .wp-block-table td{padding:.6rem .85rem;white-space:nowrap}
  /* Indicator vizual ca se poate scrolla orizontal */
  .wp-block-table::after{content:"";position:sticky;right:0;top:0;width:1.5rem;height:100%;background:linear-gradient(to right,transparent,rgba(0,0,0,.08));pointer-events:none;display:block}
}

/* Variante stil Gutenberg pentru tabele */
.wp-block-table.is-style-stripes table tbody tr:nth-child(odd) td,
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) td{background:var(--c-surface)}
.wp-block-table.is-style-stripes table tbody tr:nth-child(even) td,
.wp-block-table.is-style-stripes tbody tr:nth-child(even) td{background:transparent}

/* Tabele in widget-uri sau alte zone */
.site-sidebar table,
.footer-col table{width:100%;font-size:.85rem;margin:.5rem 0}
.site-sidebar table th,
.site-sidebar table td,
.footer-col table th,
.footer-col table td{padding:.4rem .6rem;border-bottom:1px solid var(--c-border);text-align:left}

/* ===================== RELATED / COMMENTS ===================== */
.related-row{max-width:var(--container);margin:3rem auto 2rem}
.article-comments{max-width:var(--content);margin:3rem auto 0;padding-top:2rem;border-top:1px solid var(--c-border)}
.comments-title{font-size:1.25rem;margin-bottom:1.5rem}
.comments-list{list-style:none;padding:0;margin:0}
.comments-list .comment{padding:1rem 0;border-bottom:1px solid var(--c-border)}
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=url],
.comment-form textarea{width:100%;padding:.65rem .85rem;border:1px solid var(--c-border);border-radius:6px;font-family:inherit;font-size:.95rem;margin-bottom:.75rem}
.comment-form .btn,
.comment-form [type=submit]{background:var(--c-accent);color:#fff;border:0;padding:.65rem 1.5rem;border-radius:6px;font-weight:700;cursor:pointer}

/* ===================== PAGINATION ===================== */
.magpress-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:3rem 0 1rem}
.magpress-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 .75rem;border:1px solid var(--c-border);border-radius:6px;color:var(--c-text);font-weight:600;text-decoration:none;font-size:.9rem;transition:all .15s}
.magpress-pagination .page-numbers:hover{border-color:var(--c-accent);color:var(--c-accent)}
.magpress-pagination .current{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}
.magpress-pagination .dots{border:0}

/* ===================== SEARCH FORM ===================== */
.search-form{display:flex;gap:.5rem;max-width:480px;margin-top:1rem}
.search-form input[type=search]{flex:1;padding:.65rem .85rem;border:1px solid var(--c-border);border-radius:6px;font-size:.95rem;font-family:inherit}
.search-form button{padding:.65rem 1.25rem;background:var(--c-primary);color:#fff;border:0;border-radius:6px;font-weight:700;cursor:pointer;font-family:inherit}

/* ===================== 404 ===================== */
.error-404{text-align:center;max-width:560px;margin:3rem auto;padding:2rem 1rem}
.error-404 h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}
.error-404 .search-form{margin:2rem auto}
.error-404 .btn{display:inline-block;background:var(--c-accent);color:#fff;padding:.75rem 1.5rem;border-radius:6px;font-weight:700;text-decoration:none}
.error-404 .btn:hover{color:#fff;opacity:.9}

/* ===================== FOOTER ===================== */
.site-footer{background:var(--c-footer-bg);border-top:1px solid var(--c-footer-border);margin-top:0;padding:3rem 0 1.5rem;color:var(--c-footer-text);font-size:.92rem}
.site-footer a{color:var(--c-footer-link);text-decoration:none;transition:color .15s ease}
.site-footer a:hover{color:var(--c-footer-link-hover);text-decoration:underline}
.footer-cols{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}
@media (min-width:640px){.footer-cols{grid-template-columns:repeat(2,1fr)}}
@media (min-width:900px){.footer-cols{grid-template-columns:repeat(4,1fr)}}
.footer-col .widget-title,.footer-col h2,.footer-col h3,.footer-col h4{font-family:inherit;font-size:1.1rem;text-transform:uppercase!important;letter-spacing:.05em;color:var(--c-footer-heading);margin:0 0 1.1rem;font-weight:800;line-height:1.3}
.footer-col ul{list-style:none;padding:0;margin:0}
.footer-col ul li{padding:.3rem 0}
.footer-col a{color:var(--c-footer-link)}
.footer-col a:hover{color:var(--c-footer-link-hover)}
.footer-col .widget+.widget{margin-top:1rem}
.footer-bottom{border-top:1px solid var(--c-footer-border);padding-top:1.25rem;text-align:center;font-size:.85rem;color:var(--c-footer-text)}

/* Social media icons - sub coloane, deasupra copyright */
.footer-socials{display:flex;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem 0;margin:0}
.footer-social{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--c-footer-text);border:1px solid var(--c-footer-border);transition:all .2s;background:transparent}
.footer-social:hover{color:var(--c-accent);border-color:var(--c-accent);transform:translateY(-2px)}
.footer-social svg{width:18px;height:18px}
.footer-bottom p{margin:0}

/* ===================== SEARCH MODAL ===================== */
/* position:fixed (nu absolute) ca focusul pe checkbox la click pe label sa NU deruleze pagina la footer */
.search-modal-checkbox{position:fixed;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}
.search-modal{display:none;position:fixed;inset:0;z-index:1000;align-items:flex-start;justify-content:center;padding-top:15vh}
body:has(.search-modal-checkbox:checked) .search-modal{display:flex}
body:has(.search-modal-checkbox:checked){overflow:hidden}
.search-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);cursor:pointer}
.search-modal__panel{position:relative;z-index:1;width:min(640px,92vw);background:var(--c-bg);border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.25);padding:1.25rem 1.5rem 1.5rem;animation:searchModalIn .2s ease-out}
.search-modal__form{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--c-border);padding-bottom:.5rem}
.search-modal__icon{color:var(--c-accent);flex-shrink:0}
.search-modal__input{flex:1;border:0;background:transparent;font-size:1.1rem;font-family:inherit;padding:.5rem 0;outline:none;color:var(--c-text)}
.search-modal__input::placeholder{color:var(--c-text-muted)}
.search-modal__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--c-text-muted);border:1px solid var(--c-border);border-radius:50%;cursor:pointer;background:var(--c-surface);user-select:none;transition:all .15s;flex-shrink:0}
.search-modal__close:hover{color:var(--c-text);border-color:var(--c-text-muted);background:var(--c-bg)}
.search-modal__close svg{width:16px;height:16px}
.search-modal__hint{text-align:center;color:var(--c-text-muted);font-size:.85rem;margin:1rem 0 0}
@keyframes searchModalIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}

/* ===================== BACK TO TOP ===================== */
.back-to-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;background:var(--c-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:99;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.15);opacity:0;pointer-events:none;transition:opacity .3s, transform .2s}
.back-to-top:hover{transform:translateY(-2px);color:#fff;opacity:1!important}
@supports (animation-timeline: scroll()) {
  .back-to-top{animation:bttShow linear forwards;animation-timeline:scroll(root);animation-range:500px 700px}
  @keyframes bttShow{to{opacity:1;pointer-events:auto}}
}
/* Fallback: vizibil mereu pe browsere fara scroll-driven animations */
@supports not (animation-timeline: scroll()) {
  .back-to-top{opacity:.85;pointer-events:auto}
  .back-to-top:hover{opacity:1}
}
@media (max-width: 768px){
  .back-to-top{bottom:16px;right:16px;width:40px;height:40px}
}

/* ===================== GOOGLE DISCOVER FOLLOW BOX ===================== */
.gdiscover{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;max-width:1000px;margin:2rem auto 1rem;padding:1.25rem 1.5rem;background:var(--c-bg);border:1px solid var(--c-border);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.gdiscover__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--c-surface);border-radius:50%}
.gdiscover__icon svg{width:32px;height:32px}
.gdiscover__title{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:var(--c-text);line-height:1.35}
.gdiscover__desc{margin:0;font-size:.88rem;color:var(--c-text-muted);line-height:1.5}
.gdiscover__desc strong{color:var(--c-text);font-weight:600}
.gdiscover__btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--c-accent);color:#fff;padding:.7rem 1.4rem;border-radius:30px;font-weight:700;font-size:.85rem;letter-spacing:.05em;text-decoration:none;white-space:nowrap;transition:transform .15s, opacity .15s}
.gdiscover__btn:hover{color:#fff;opacity:.9;transform:translateY(-1px)}
.gdiscover__btn span{transition:transform .2s}
.gdiscover__btn:hover span{transform:translateX(3px)}
@media (max-width: 640px){
  .gdiscover{grid-template-columns:1fr;text-align:center;padding:1rem .9rem;gap:.6rem;margin:1.25rem auto .75rem;border-radius:10px}
  .gdiscover__icon{margin:0 auto;width:44px;height:44px}
  .gdiscover__icon svg{width:26px;height:26px}
  .gdiscover__title{font-size:.95rem;margin-bottom:.15rem}
  .gdiscover__desc{font-size:.82rem;line-height:1.4}
  .gdiscover__btn{justify-self:center;padding:.55rem 1.2rem;font-size:.8rem;margin-top:.15rem}
}

/* ===================== NEWS FEATURES (toate condiționate de Customizer toggle) ===================== */

/* --- Most Read widget --- */
.most-read-widget{max-width:1000px;margin:2.5rem auto;padding:1.5rem;background:var(--c-surface);border-radius:12px;border:1px solid var(--c-border)}
.most-read-widget__title{margin:0 0 1rem;font-size:1.2rem;font-weight:800;color:var(--c-text);position:relative;padding-left:1rem}
.most-read-widget__title::before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:4px;background:var(--c-accent);border-radius:2px}
.most-read-widget__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}
.most-read-widget__item{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding-bottom:.85rem;border-bottom:1px solid var(--c-border)}
.most-read-widget__item:last-child{border-bottom:0;padding-bottom:0}
.most-read-widget__rank{font-size:2rem;font-weight:800;color:var(--c-accent);line-height:1;font-variant-numeric:tabular-nums;min-width:1.5em;text-align:center}
.most-read-widget__body{display:flex;flex-direction:column;gap:.25rem}
.most-read-widget__cat{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted)}
.most-read-widget__link{font-size:1rem;font-weight:600;line-height:1.4;color:var(--c-text);text-decoration:none}
.most-read-widget__link:hover{color:var(--c-accent)}
@media (max-width: 640px){
  .most-read-widget{padding:1.1rem .9rem;margin:1.5rem auto}
  .most-read-widget__rank{font-size:1.5rem}
  .most-read-widget__link{font-size:.95rem}
}

/* --- Post tags pill list --- */
.post-tags{max-width:1000px;margin:1.5rem auto;padding:1rem 0;border-top:1px solid var(--c-border);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.post-tags__label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted)}
.post-tags__list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}
.post-tags__pill{display:inline-block;padding:.3rem .75rem;background:var(--c-surface);color:var(--c-text);font-size:.85rem;border-radius:30px;text-decoration:none;border:1px solid var(--c-border);transition:background .15s, color .15s, border-color .15s}
.post-tags__pill:hover{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}

/* --- Category color classes (.badge--cat-{slug}) — color-value setat inline din wp_head --- */
/* Doar dacă feature-ul e activ și user-ul a definit map. Nu există fallback (slug fără culoare = badge default). */

/* --- Article meta rich (byline E-E-A-T pentru news) --- */
.article-meta--rich{padding:1rem 0;border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);margin:1rem 0 1.5rem}
.article-meta--rich .article-meta__author{display:flex;align-items:center;gap:.85rem}
.article-meta--rich .article-meta__avatar img{width:44px;height:44px;border-radius:50%;display:block;object-fit:cover}
.article-meta--rich .article-meta__author-body{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}
.article-meta--rich .article-meta__author-name{font-weight:700;color:var(--c-text);text-decoration:none;font-size:1rem}
.article-meta--rich .article-meta__author-name:hover{color:var(--c-accent)}
.article-meta--rich .article-meta__dates{font-size:.85rem;color:var(--c-text-muted);display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;line-height:1.4}
.article-meta--rich .article-meta__updated{color:var(--c-accent);font-weight:600}
.article-meta--rich .sep{opacity:.5}
@media (max-width: 640px){
  .article-meta--rich .article-meta__dates{font-size:.78rem}
}

/* --- Web Stories carousel (horizontal scroll) --- */
.web-stories-carousel{max-width:1320px;margin:2rem auto;padding:0 1rem}
.web-stories-carousel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}
.web-stories-carousel__title{margin:0;font-size:1.3rem;font-weight:800;display:flex;align-items:center;gap:.5rem}
.web-stories-carousel__icon{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;background:var(--c-accent);color:#fff;border-radius:50%;font-size:.75rem;padding-left:2px}
.web-stories-carousel__track{display:flex;gap:.85rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.web-stories-carousel__card{flex:0 0 150px;scroll-snap-align:start;position:relative;height:240px;border-radius:14px;overflow:hidden;display:block;text-decoration:none;color:#fff;background:var(--c-surface);box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .15s}
.web-stories-carousel__card:hover{transform:translateY(-2px);color:#fff}
.web-stories-carousel__img{position:absolute;inset:0;background-size:cover;background-position:center;background-color:var(--c-surface)}
.web-stories-carousel__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.75) 100%)}
.web-stories-carousel__img--empty{background:linear-gradient(135deg,var(--c-accent),var(--c-primary))}
.web-stories-carousel__title-text{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;font-size:.85rem;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;z-index:1}
@media (max-width: 640px){
  .web-stories-carousel__card{flex-basis:130px;height:210px}
  .web-stories-carousel__title{font-size:1.1rem}
}

/* ===================== AUTHOR BOX ===================== */
.author-box{max-width:1000px;margin:2.5rem auto;padding:1.5rem;background:var(--c-surface);border-radius:12px;display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:start}
.author-box__avatar img{border-radius:50%;width:80px;height:80px;object-fit:cover;display:block}
.author-box__label{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--c-text-muted);text-transform:uppercase;margin-bottom:.35rem}
.author-box__name{font-size:1.1rem;font-weight:800;margin:0 0 .5rem;color:var(--c-accent)}
.author-box__name a{color:var(--c-accent)}
.author-box__name a:hover{color:var(--c-primary)}
.author-box__bio{margin:0;color:var(--c-text);font-size:.95rem;line-height:1.6}
@media (max-width: 640px){
  .author-box{grid-template-columns:1fr;text-align:center}
  .author-box__avatar img{margin:0 auto}
}

/* ===================== ACCESSIBILITY ===================== */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ===================== PRINT ===================== */
@media print{
  .site-header,.site-footer,.newsletter,.related-row,.article-comments,.magpress-pagination{display:none!important}
  .article-image,.article-body{max-width:none}
}

/* ---- Parteneri (feed extern, stil Libertatea) ---- */
.partners-row{margin:2.5rem 0}
.partners-grid{display:grid;gap:var(--gap);grid-template-columns:1fr}
@media (min-width:560px){.partners-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.partners-grid{grid-template-columns:repeat(4,1fr)}}
.partner-card{display:flex;flex-direction:column;gap:.45rem;background:#fff;border:1px solid var(--c-border);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}
.partner-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.09);transform:translateY(-2px)}
.partner-card__img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.partner-card__host{padding:.35rem .9rem 0;font-size:.74rem;font-weight:700;color:var(--c-accent)}
.partner-card__title{padding:0 .9rem .95rem;margin:0;font-size:.95rem;line-height:1.35;font-weight:700;color:var(--c-heading-h2,inherit)}

/* ===================== CATEGORII POPULARE (grila carduri homepage, v0.9.168) ===================== */
.popcats{margin:0 0 2.5rem}
.popcats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.popcats__card{display:flex;align-items:center;justify-content:center;min-height:64px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:10px;text-decoration:none;padding:12px;transition:border-color .15s,transform .15s}
.popcats__card:hover{border-color:var(--c-accent);transform:translateY(-2px)}
.popcats__name{font-size:.82rem;font-weight:700;color:var(--c-text);letter-spacing:.05em;text-transform:uppercase;text-align:center;transition:color .15s}
.popcats__card:hover .popcats__name{color:var(--c-accent)}
@media (max-width:900px){.popcats__grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.popcats__grid{grid-template-columns:repeat(2,1fr)}.popcats__card{min-height:56px}}

/* ===================== BARA NEWSLETTER (v0.9.171) ===================== */
.nlbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;margin:2rem 0;padding:1.15rem 1.5rem;border-radius:10px}
.nlbar--dark{background:#232936;color:#fff}
.nlbar--light{background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border)}
.nlbar__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px}
.nlbar__icon svg{width:38px;height:38px}
.nlbar--dark .nlbar__icon{color:#fff}
.nlbar--light .nlbar__icon{color:var(--c-accent)}
.nlbar__text{margin:0;font-size:.95rem;font-weight:700;line-height:1.45}
.nlbar__actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}
.nlbar__form{display:flex;align-items:center;gap:.5rem}
.nlbar__input{min-width:200px;padding:.62rem .9rem;border-radius:6px;border:1px solid var(--c-border);font-size:.9rem;font-family:inherit;background:#fff;color:#1a1a1a}
.nlbar__input:focus{outline:2px solid var(--c-accent);outline-offset:1px}
.nlbar__btn{padding:.68rem 1.6rem;border:0;border-radius:6px;background:var(--c-accent);color:#fff;font-weight:700;font-size:.9rem;font-family:inherit;cursor:pointer;white-space:nowrap;transition:opacity .15s,transform .15s}
.nlbar__btn:hover{opacity:.9;transform:translateY(-1px)}
.nlbar__gbtn{display:inline-flex;align-items:center;gap:.55rem;padding:.6rem 1.15rem;border-radius:6px;font-size:.88rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s}
.nlbar--dark .nlbar__gbtn{border:1px solid rgba(255,255,255,.45);color:#fff}
.nlbar--dark .nlbar__gbtn:hover{background:rgba(255,255,255,.1);color:#fff}
.nlbar--light .nlbar__gbtn{border:1px solid var(--c-border);color:var(--c-text);background:#fff}
.nlbar--light .nlbar__gbtn:hover{background:var(--c-surface);color:var(--c-text)}
.nlbar__gicon{display:inline-flex;width:18px;height:18px}
.nlbar__gicon svg{width:18px;height:18px}
@media (max-width:900px){
  .nlbar{grid-template-columns:auto 1fr;gap:.85rem 1rem;padding:1.1rem 1.15rem}
  .nlbar__actions{grid-column:1 / -1;justify-content:flex-start}
  .nlbar__form{flex:1;min-width:100%}
  .nlbar__input{flex:1;min-width:0}
}
@media (max-width:600px){
  .nlbar__text{font-size:.88rem}
  .nlbar__icon{width:34px;height:34px}
  .nlbar__icon svg{width:30px;height:30px}
  .nlbar__actions{flex-direction:column;align-items:stretch}
  .nlbar__gbtn{justify-content:center}
}

/* ===================== POPUP NEWSLETTER (v0.9.172) ===================== */
.nlpop[hidden]{display:none}
.nlpop{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}
.nlpop__backdrop{position:absolute;inset:0;background:rgba(15,17,22,.62)}
.nlpop__box{position:relative;z-index:1;width:100%;max-width:420px;background:var(--c-bg);border-radius:14px;padding:2rem 1.75rem 1.5rem;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.28)}
.nlpop__x{position:absolute;top:.5rem;right:.75rem;background:none;border:0;font-size:1.6rem;line-height:1;color:var(--c-text-muted);cursor:pointer;padding:.25rem .5rem}
.nlpop__x:hover{color:var(--c-text)}
.nlpop__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--c-surface);color:var(--c-accent);margin-bottom:.85rem}
.nlpop__icon svg{width:30px;height:30px}
.nlpop__title{margin:0 0 .5rem;font-size:1.25rem;font-weight:800;color:var(--c-text)}
.nlpop__desc{margin:0 0 1.25rem;font-size:.9rem;line-height:1.55;color:var(--c-text-muted)}
.nlpop__form{display:flex;flex-direction:column;gap:.6rem}
.nlpop__input{width:100%;padding:.75rem .9rem;border:1px solid var(--c-border);border-radius:8px;font-size:.95rem;font-family:inherit;background:#fff;color:#1a1a1a}
.nlpop__input:focus{outline:2px solid var(--c-accent);outline-offset:1px}
.nlpop__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.nlpop__consent{display:flex;align-items:flex-start;gap:.5rem;text-align:left;font-size:.8rem;line-height:1.45;color:var(--c-text-muted)}
.nlpop__consent input{margin-top:.2rem;flex-shrink:0}
.nlpop__submit{padding:.8rem 1.5rem;border:0;border-radius:8px;background:var(--c-accent);color:#fff;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;transition:opacity .15s}
.nlpop__submit:hover{opacity:.9}
.nlpop__submit:disabled{opacity:.6;cursor:default}
.nlpop__msg{margin:.25rem 0 0;font-size:.85rem;min-height:1.2em}
.nlpop__msg.is-ok{color:#1d9e75}
.nlpop__msg.is-err{color:#d84a4a}

/* ===================== PAGINA DEZABONARE (v0.9.174) ===================== */
.nlunsub{max-width:560px;margin:4rem auto;text-align:center;padding:2.5rem 1.5rem}
.nlunsub__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--c-surface);color:var(--c-accent);margin-bottom:1rem}
.nlunsub__icon svg{width:34px;height:34px}
.nlunsub__title{font-size:1.6rem;margin:0 0 .75rem;color:var(--c-heading-h1)}
.nlunsub__desc{font-size:1rem;line-height:1.6;color:var(--c-text-muted);margin:0 0 1.5rem}
.nlunsub__btn{display:inline-block;padding:.75rem 1.6rem;border-radius:8px;background:var(--c-accent);color:#fff;font-weight:700;text-decoration:none}
.nlunsub__btn:hover{color:#fff;opacity:.9}

/* ============ RECOMANDATE ÎN CATEGORIE (v0.9.204) ============
   Implicit „Mare + listă"; din Customizer se poate alege grilă, mozaic,
   bandă, compact sau Auto. Toate culorile vin din tokenii temei. */
.mp-featcat{margin:0 0 2.5rem}
.mp-featcat__head{display:flex;align-items:baseline;gap:.9rem;margin-bottom:1rem;
  padding-bottom:.6rem;border-bottom:2px solid var(--c-accent)}
.mp-featcat__label{margin:0;font-size:.8rem;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--c-text)}
.mp-featcat__star{width:11px;height:11px;flex:none}

/* --- cardul comun --- */
.mp-featcat__item{position:relative;display:flex;flex-direction:column;background:var(--c-bg);
  border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;
  transition:box-shadow .2s,transform .2s}
.mp-featcat__item:hover{box-shadow:0 6px 20px rgba(0,0,0,.07);transform:translateY(-2px)}
.mp-featcat__img{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:var(--c-surface)}
.mp-featcat__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.mp-featcat__item:hover .mp-featcat__img img{transform:scale(1.04)}
.mp-featcat__tag{position:absolute;left:0;bottom:0;display:inline-flex;align-items:center;gap:.4rem;
  padding:.45rem .8rem .4rem;background:var(--c-badge-bg);color:var(--c-badge-text);
  font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1;
  border-radius:0 var(--radius) 0 0}
.mp-featcat__tag--mini{left:6px;top:6px;bottom:auto;padding:.3rem;border-radius:4px}
.mp-featcat__body{padding:.9rem 1rem 1.05rem;display:flex;flex-direction:column;gap:.5rem;
  align-items:flex-start;flex:1}
.mp-featcat__title{margin:0;font-size:1rem;line-height:1.38;font-weight:700;letter-spacing:-.01em;color:var(--c-heading-h2)}
.mp-featcat__title a{color:inherit}
.mp-featcat__title a:hover{color:var(--c-accent)}
.mp-featcat__exc{margin:0;font-size:.92rem;line-height:1.6;color:var(--c-text-muted);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* cardul mare (capul de la mare+listă, capul de mozaic, grila cu un singur articol) */
.mp-featcat__item--big .mp-featcat__title{font-size:1.35rem;letter-spacing:-.02em;line-height:1.25}
.mp-featcat__lay--big .mp-featcat__item--big .mp-featcat__img{aspect-ratio:16/9}
.mp-featcat__lay--mosaic .mp-featcat__item--big .mp-featcat__img{aspect-ratio:16/10}
.mp-featcat__lay--big[data-n="1"] .mp-featcat__item--big .mp-featcat__img,
.mp-featcat__lay--grid[data-n="1"] .mp-featcat__item--big .mp-featcat__img{aspect-ratio:21/9}
.mp-featcat__lay--grid[data-n="1"] .mp-featcat__item--big .mp-featcat__title{font-size:1.45rem}

/* --- A. grilă egală --- */
.mp-featcat__lay--grid{display:grid;gap:var(--gap);grid-template-columns:repeat(4,1fr)}
.mp-featcat__lay--grid[data-n="1"]{grid-template-columns:1fr}
.mp-featcat__lay--grid[data-n="2"]{grid-template-columns:repeat(2,1fr)}
.mp-featcat__lay--grid[data-n="3"]{grid-template-columns:repeat(3,1fr)}
.mp-featcat__lay--grid[data-n="2"] .mp-featcat__title{font-size:1.08rem}

/* --- B. mozaic: coloanele sunt alese ca blocul să iasă plin, fără găuri --- */
.mp-featcat__lay--mosaic{display:grid;gap:var(--gap);grid-template-columns:repeat(4,1fr);grid-auto-flow:dense}
.mp-featcat__lay--mosaic .mp-featcat__item--big{grid-column:span 2;grid-row:span 2}
.mp-featcat__lay--mosaic[data-n="3"],.mp-featcat__lay--mosaic[data-n="6"],
.mp-featcat__lay--mosaic[data-n="8"],.mp-featcat__lay--mosaic[data-n="12"]{grid-template-columns:repeat(3,1fr)}
.mp-featcat__lay--mosaic[data-n="10"]{grid-template-columns:repeat(5,1fr)}
.mp-featcat__lay--mosaic[data-n="2"]{grid-template-columns:repeat(2,1fr)}
.mp-featcat__lay--mosaic[data-n="1"]{grid-template-columns:1fr}
/* fără cap dublu acolo unde ar rămâne o gaură */
.mp-featcat__lay--mosaic[data-n="1"] .mp-featcat__item--big,
.mp-featcat__lay--mosaic[data-n="2"] .mp-featcat__item--big,
.mp-featcat__lay--mosaic[data-n="4"] .mp-featcat__item--big,
.mp-featcat__lay--mosaic[data-n="10"] .mp-featcat__item--big{grid-column:span 1;grid-row:span 1}
/* cap lat, dar de un singur rând */
.mp-featcat__lay--mosaic[data-n="7"] .mp-featcat__item--big,
.mp-featcat__lay--mosaic[data-n="8"] .mp-featcat__item--big,
.mp-featcat__lay--mosaic[data-n="11"] .mp-featcat__item--big{grid-column:span 2;grid-row:span 1}
.mp-featcat__lay--mosaic[data-n="1"] .mp-featcat__item--big .mp-featcat__img,
.mp-featcat__lay--mosaic[data-n="2"] .mp-featcat__item--big .mp-featcat__img,
.mp-featcat__lay--mosaic[data-n="4"] .mp-featcat__item--big .mp-featcat__img,
.mp-featcat__lay--mosaic[data-n="10"] .mp-featcat__item--big .mp-featcat__img{aspect-ratio:3/2}

/* --- C. mare + listă (implicit) --- */
.mp-featcat__lay--big{display:grid;gap:var(--gap);grid-template-columns:1.35fr 1fr;align-items:start}
.mp-featcat__lay--big[data-n="1"]{grid-template-columns:1fr}
.mp-featcat__list{display:flex;flex-direction:column;gap:.65rem}
.mp-featcat__row{position:relative;display:flex;gap:.8rem;align-items:center;padding:.5rem;
  background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);
  transition:box-shadow .2s}
.mp-featcat__row:hover{box-shadow:0 4px 14px rgba(0,0,0,.06)}
.mp-featcat__rowimg{position:relative;flex:none;width:96px;aspect-ratio:3/2;border-radius:5px;
  overflow:hidden;background:var(--c-surface);display:block}
.mp-featcat__rowimg img{width:100%;height:100%;object-fit:cover}
.mp-featcat__rowtitle{margin:0;font-size:.92rem;line-height:1.35;font-weight:700;color:var(--c-heading-h2)}
.mp-featcat__rowtitle a{color:inherit}
.mp-featcat__rowtitle a:hover{color:var(--c-accent)}

/* --- D. bandă derulabilă --- */
.mp-featcat__lay--strip{display:flex;gap:var(--gap);overflow-x:auto;padding-bottom:.6rem;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.mp-featcat__lay--strip .mp-featcat__item{flex:0 0 260px;scroll-snap-align:start}
.mp-featcat__lay--strip[data-n="1"] .mp-featcat__item,
.mp-featcat__lay--strip[data-n="2"] .mp-featcat__item,
.mp-featcat__lay--strip[data-n="3"] .mp-featcat__item,
.mp-featcat__lay--strip[data-n="4"] .mp-featcat__item{flex:1 1 260px}
.mp-featcat__lay--strip::-webkit-scrollbar{height:6px}
.mp-featcat__lay--strip::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:99px}
/* indiciul apare doar când chiar are ce derula */
.mp-featcat__hintscroll{display:none;margin:.4rem 0 0;font-size:.75rem;color:var(--c-text-muted)}
.mp-featcat[data-n]:not([data-n="1"]):not([data-n="2"]):not([data-n="3"]):not([data-n="4"]) .mp-featcat__hintscroll{display:block}

/* --- E. compact, două coloane --- */
.mp-featcat__lay--compact{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}
.mp-featcat__lay--compact[data-n="1"],.mp-featcat__lay--compact[data-n="2"],
.mp-featcat__lay--compact[data-n="3"]{grid-template-columns:1fr}
.mp-featcat__crow{display:flex;gap:.7rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--c-border)}
.mp-featcat__crow:last-child{border-bottom:0}
.mp-featcat__crowimg{position:relative;flex:none;width:64px;aspect-ratio:1/1;border-radius:5px;
  overflow:hidden;background:var(--c-surface);display:block}
.mp-featcat__crowimg img{width:100%;height:100%;object-fit:cover}
.mp-featcat__star--inline{color:var(--c-accent);width:13px;height:13px}
.mp-featcat__crowtitle{margin:0;font-size:.92rem;line-height:1.35;font-weight:700;color:var(--c-heading-h2)}
.mp-featcat__crowtitle a{color:inherit}
.mp-featcat__crowtitle a:hover{color:var(--c-accent)}

/* --- tabletă: selectorii au [data-n] ca să bată regulile pe număr de mai sus --- */
@media (max-width:1100px){
  .mp-featcat__lay--grid[data-n]{grid-template-columns:repeat(2,1fr)}
  .mp-featcat__lay--grid[data-n="1"]{grid-template-columns:1fr}
  .mp-featcat__lay--mosaic[data-n]{grid-template-columns:repeat(2,1fr)}
  .mp-featcat__lay--mosaic[data-n] .mp-featcat__item--big{grid-column:span 1;grid-row:span 1}
  .mp-featcat__lay--mosaic[data-n="3"] .mp-featcat__item--big,
  .mp-featcat__lay--mosaic[data-n="5"] .mp-featcat__item--big,
  .mp-featcat__lay--mosaic[data-n="7"] .mp-featcat__item--big,
  .mp-featcat__lay--mosaic[data-n="9"] .mp-featcat__item--big,
  .mp-featcat__lay--mosaic[data-n="11"] .mp-featcat__item--big{grid-column:span 2}
  .mp-featcat__lay--mosaic[data-n] .mp-featcat__item--big .mp-featcat__img{aspect-ratio:16/9}
  .mp-featcat[data-n]:not([data-n="1"]):not([data-n="2"]) .mp-featcat__hintscroll{display:block}
}
@media (max-width:900px){
  .mp-featcat__lay--big[data-n]{grid-template-columns:1fr}
  .mp-featcat__lay--compact[data-n]{grid-template-columns:1fr}
}

/* --- mobil: cardurile devin rânduri cu poză mică --- */
@media (max-width:560px){
  .mp-featcat__lay--grid[data-n],.mp-featcat__lay--mosaic[data-n]{grid-template-columns:1fr;gap:.85rem}
  .mp-featcat__lay--mosaic[data-n] .mp-featcat__item--big{grid-column:span 1;grid-row:span 1}
  .mp-featcat__lay--grid[data-n] .mp-featcat__item,
  .mp-featcat__lay--mosaic[data-n] .mp-featcat__item,
  .mp-featcat__lay--big[data-n] > .mp-featcat__item{flex-direction:row;align-items:stretch}
  .mp-featcat__lay--grid[data-n] .mp-featcat__img,
  .mp-featcat__lay--mosaic[data-n] .mp-featcat__img,
  .mp-featcat__lay--big[data-n] > .mp-featcat__item .mp-featcat__img{flex:none;width:132px;aspect-ratio:auto!important;min-height:96px}
  .mp-featcat__title,.mp-featcat__item--big .mp-featcat__title{font-size:.95rem}
  .mp-featcat__exc{display:none}
  .mp-featcat__body{padding:.7rem .8rem}
  .mp-featcat__tag{font-size:.58rem;letter-spacing:.07em;padding:.32rem .55rem .28rem}
  .mp-featcat__rowimg{width:86px}
  .mp-featcat__lay--strip[data-n] .mp-featcat__item{flex:0 0 220px}
  .mp-featcat[data-n]:not([data-n="1"]) .mp-featcat__hintscroll{display:block}
}