/*
 * ZiarMedical — redesign.css v6.0 (Health Modern)
 * ───────────────────────────────────────────────────────────
 * OVERRIDE LAYER — încărcat după blog.css, editorial.css,
 * archive.css și single.css. NU rescrie tema, doar
 * suprascrie componentele cu impact vizual maxim:
 *
 *   1. Hero editorial (.zm-ed-hero, .zm-ed-lead, .zm-ed-side)
 *   2. Category mosaic (.zm-exp-grid, .zm-exp-tile)
 *   3. Section headers (.zm-sec-head, .zm-sec-h)
 *   4. Feature article (.zm-feature)
 *   5. Cards (.zm-card, .zm-card-featured)
 *   6. Numbered lists (.zm-num-*, .zm-ed-side-*)
 *   7. Stats bar (.zm-stat-*)
 *   8. Page wrap (.zm-page-wrap)
 *   9. Archive / category pages
 *
 * Toate funcționalitățile JS (vot, share, save, vreme, calculatoare,
 * progress, font A-/A+) rămân exact așa cum sunt în main.js.
 * ─────────────────────────────────────────────────────────── */


/* ══════════════════════════════════════════════════════
   1. PAGE WRAP — container central reutilizabil
   ══════════════════════════════════════════════════════ */

.zm-page-wrap {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 48px 24px 96px !important;
}
@media (max-width: 639px) {
  .zm-page-wrap { padding: 28px 16px 64px !important; }
}


/* ══════════════════════════════════════════════════════
   2. EDITORIAL HERO v6.0
   Layout: 1.7fr (lead) + 1fr (sidebar Trending)
   ══════════════════════════════════════════════════════ */

.zm-ed-hero {
  background: transparent !important;
  border-bottom: none !important;
  padding: 24px 0 0 !important;
}

.zm-ed-hero-inner {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}
@media (max-width: 639px) {
  .zm-ed-hero-inner { padding: 0 16px !important; }
}

/* Top bar editorial — rule + eyebrow */
.zm-ed-eyebrow-row {
  padding-bottom: 14px !important;
  margin-bottom: 24px !important;
  border-bottom: 1px solid var(--zm-bd2) !important;
}
.zm-ed-eyebrow-title {
  color: var(--zm-ac) !important;
  font-size: 11px !important;
  letter-spacing: 2.2px !important;
}
.zm-ed-date,
.zm-ed-issue-num {
  color: var(--zm-t3) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* Hero grid: card mare (lead) + sidebar trending */
.zm-ed-hero-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 24px !important;
}
@media (min-width: 960px) {
  .zm-ed-hero-grid {
    grid-template-columns: 1.7fr 1fr !important;
    gap: 28px !important;
  }
}
@media (min-width: 1200px) {
  .zm-ed-hero-grid { gap: 32px !important; }
}


/* ══════════════════════════════════════════════════════
   3. LEAD STORY — card mare cu overlay degradat
   ══════════════════════════════════════════════════════ */

.zm-ed-lead {
  position: relative !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #10243f 0%, #1255a0 45%, #1860b5 100%) !important;
  min-height: 460px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  box-shadow: 0 8px 32px rgba(18, 85, 160, 0.18) !important;
  isolation: isolate;
}
@media (max-width: 639px) { .zm-ed-lead { min-height: 380px !important; } }

.zm-ed-lead-img-link {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  z-index: 1 !important;
}

.zm-ed-lead-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .7s cubic-bezier(.25, .46, .45, .94) !important;
  filter: brightness(0.78) saturate(1.05) !important;
}
.zm-ed-lead:hover .zm-ed-lead-img { transform: scale(1.03) !important; }

/* Overlay degradat de jos în sus */
.zm-ed-lead-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  background: linear-gradient(
    to top,
    rgba(8, 4, 20, 0.98) 0%,
    rgba(8, 4, 20, 0.95) 25%,
    rgba(8, 4, 20, 0.85) 45%,
    rgba(8, 4, 20, 0.60) 65%,
    rgba(8, 4, 20, 0.25) 85%,
    rgba(8, 4, 20, 0.08) 100%
  ) !important;
  pointer-events: none !important;
}

/* Badge Lead Story — pill cu pulse */
.zm-ed-lead-badge {
  position: absolute !important;
  top: 18px !important; left: 18px !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 6px 13px !important;
  border-radius: 999px !important;
  background: rgba(18, 85, 160, 0.95) !important;
  color: #fff !important;
  font-family: var(--zm-font-b) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 14px rgba(18, 85, 160, 0.30) !important;
}

/* Body lead — text peste overlay */
.zm-ed-lead-body {
  position: relative !important;
  z-index: 3 !important;
  padding: 28px 32px 32px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  color: #fff !important;
}
@media (max-width: 639px) {
  .zm-ed-lead-body { padding: 22px 20px 24px !important; }
}

.zm-ed-lead-cat {
  display: inline-block !important;
  width: fit-content !important;
  padding: 4px 11px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.16) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #FFD9B8 !important;
  font-family: var(--zm-font-b) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  margin-bottom: 4px !important;
  transition: background .15s, color .15s !important;
}
.zm-ed-lead-cat:hover {
  background: rgba(255, 255, 255, 0.28) !important;
  color: #fff !important;
  text-decoration: none !important;
}

body .zm-ed-lead-title {
  font-family: var(--zm-font-h) !important;
  font-size: clamp(26px, 3.6vw, 40px) !important;
  font-weight: 600 !important;
  line-height: 1.13 !important;
  letter-spacing: -0.5px !important;
  margin: 0 !important;
  color: #fff !important;
  max-width: 720px;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.55), 0 1px 4px rgba(0, 0, 0, 0.85) !important;
}
body .zm-ed-lead-title a {
  color: #fff !important;
  text-decoration: none !important;
  background-image: none !important;
}
body .zm-ed-lead-title a:hover { color: rgba(255, 255, 255, 0.86) !important; }

.zm-ed-lead-excerpt {
  font-family: var(--zm-font-b) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  margin: 0 !important;
  max-width: 600px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6) !important;
}

.zm-ed-lead-meta {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-top: 6px !important;
  flex-wrap: wrap !important;
}

.zm-ed-lead-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 20px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.16) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #fff !important;
  font-family: var(--zm-font-b) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all .18s !important;
  min-height: 42px !important;
}
.zm-ed-lead-cta:hover {
  background: var(--zm-ac-soft) !important;
  border-color: var(--zm-ac-soft) !important;
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-1px);
}

.zm-ed-lead-rt {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-family: var(--zm-font-b) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.66) !important;
}
.zm-ed-lead-rt svg { color: rgba(255, 255, 255, 0.66) !important; }


/* ══════════════════════════════════════════════════════
   4. SIDE STORIES — sidebar "Trending" cu progress bars
   ══════════════════════════════════════════════════════ */

.zm-ed-side {
  background: var(--zm-bg2) !important;
  border: 1px solid var(--zm-bd) !important;
  border-radius: 20px !important;
  padding: 22px 22px 8px !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: var(--zm-sh-sm) !important;
  border-left: 1px solid var(--zm-bd) !important;
}

.zm-ed-side-hd {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid var(--zm-bd) !important;
  margin: 0 0 16px !important;
  font-family: var(--zm-font-b) !important;
}
.zm-ed-side-hd > span:first-child {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  color: var(--zm-ink) !important;
}
.zm-ed-side-hd::before {
  content: "";
  width: 8px; height: 8px;
  background: var(--zm-live);
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: 0 0 0 4px var(--zm-live-pulse);
  animation: zm-live-pulse-anim-sm 2.5s ease-out infinite;
}
@keyframes zm-live-pulse-anim-sm {
  0%, 100% { box-shadow: 0 0 0 4px rgba(18, 85, 160, 0.32); }
  50%      { box-shadow: 0 0 0 7px rgba(18, 85, 160, 0.10); }
}
.zm-ed-side-line {
  flex: 1;
  height: 1px;
  background: var(--zm-bd) !important;
  margin-left: auto !important;
  display: none !important; /* înlocuit cu border-bottom pe parent */
}

.zm-ed-side-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

.zm-ed-side-item {
  border-bottom: 1px solid var(--zm-bd) !important;
  padding: 0 !important;
}
.zm-ed-side-item:last-child { border-bottom: none !important; }

.zm-ed-side-link {
  display: grid !important;
  grid-template-columns: 30px 1fr !important;
  gap: 12px !important;
  padding: 14px 0 !important;
  text-decoration: none !important;
  align-items: start !important;
  transition: opacity .15s !important;
}
.zm-ed-side-link:hover { opacity: 0.78 !important; text-decoration: none !important; }

.zm-ed-side-num {
  font-family: var(--zm-font-h) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: var(--zm-ac) !important;
  line-height: 1 !important;
  padding-top: 2px !important;
}

.zm-ed-side-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.zm-ed-side-thumb { display: none !important; }

.zm-ed-side-cat {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  background: var(--zm-ac-light) !important;
  color: var(--zm-ac) !important;
  font-family: var(--zm-font-b) !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
}

/* Categorii cu culori semantice în sidebar */
.zm-ed-side-item:nth-child(1) .zm-ed-side-num { color: var(--zm-cat-info); }
.zm-ed-side-item:nth-child(1) .zm-ed-side-cat { background: var(--zm-cat-info-l); color: var(--zm-cat-info); }
.zm-ed-side-item:nth-child(2) .zm-ed-side-num { color: var(--zm-cat-health); }
.zm-ed-side-item:nth-child(2) .zm-ed-side-cat { background: var(--zm-cat-health-l); color: var(--zm-cat-health); }
.zm-ed-side-item:nth-child(3) .zm-ed-side-num { color: var(--zm-cat-interview); }
.zm-ed-side-item:nth-child(3) .zm-ed-side-cat { background: var(--zm-cat-interview-l); color: var(--zm-cat-interview); }
.zm-ed-side-item:nth-child(4) .zm-ed-side-num { color: var(--zm-cat-video); }
.zm-ed-side-item:nth-child(4) .zm-ed-side-cat { background: var(--zm-cat-video-l); color: var(--zm-cat-video); }

.zm-ed-side-title {
  font-family: var(--zm-font-h) !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  line-height: 1.32 !important;
  color: var(--zm-ink) !important;
  margin: 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/* ══════════════════════════════════════════════════════
   5. CATEGORY MOSAIC — 5/6 tiles refacute
   ══════════════════════════════════════════════════════ */

.zm-cat-mosaic { background: transparent !important; padding-top: 0 !important; }

.zm-exp-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 14px !important;
  margin-top: 24px !important;
}
@media (min-width: 720px) {
  .zm-exp-grid { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (min-width: 1024px) {
  .zm-exp-grid { grid-template-columns: repeat(6, 1fr) !important; gap: 16px !important; }
}

.zm-exp-tile {
  background: var(--zm-bg2) !important;
  border: 1px solid var(--zm-bd) !important;
  border-radius: 16px !important;
  padding: 18px 16px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  text-decoration: none !important;
  transition: border-color .16s, transform .16s, box-shadow .16s, background .16s !important;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.zm-exp-tile::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--zm-ac);
  opacity: 0;
  transition: opacity .16s;
  z-index: 1;
}
.zm-exp-tile:hover {
  transform: translateY(-2px);
  border-color: var(--zm-bd2) !important;
  box-shadow: 0 6px 18px rgba(31, 26, 20, 0.08) !important;
  text-decoration: none !important;
}
.zm-exp-tile:hover::before { opacity: 1; }

/* Color variants — mapate la culorile semantice */
.zm-exp-v::before  { background: var(--zm-ac); }
.zm-exp-o::before  { background: var(--zm-cat-events); }
.zm-exp-pk::before { background: var(--zm-cat-interview); }
.zm-exp-b::before  { background: var(--zm-cat-info); }
.zm-exp-am::before { background: var(--zm-cat-video); }
.zm-exp-t::before  { background: var(--zm-cat-calc); }

.zm-exp-v  .zm-exp-kicker-num { color: var(--zm-ac); }
.zm-exp-o  .zm-exp-kicker-num { color: var(--zm-cat-events); }
.zm-exp-pk .zm-exp-kicker-num { color: var(--zm-cat-interview); }
.zm-exp-b  .zm-exp-kicker-num { color: var(--zm-cat-info); }
.zm-exp-am .zm-exp-kicker-num { color: var(--zm-cat-video); }
.zm-exp-t  .zm-exp-kicker-num { color: var(--zm-cat-calc); }

.zm-exp-v  .zm-exp-label { background: var(--zm-ac-light);          color: var(--zm-ac); }
.zm-exp-o  .zm-exp-label { background: var(--zm-cat-events-l);      color: var(--zm-cat-events); }
.zm-exp-pk .zm-exp-label { background: var(--zm-cat-interview-l);   color: var(--zm-cat-interview); }
.zm-exp-b  .zm-exp-label { background: var(--zm-cat-info-l);        color: var(--zm-cat-info); }
.zm-exp-am .zm-exp-label { background: var(--zm-cat-video-l);       color: var(--zm-cat-video); }
.zm-exp-t  .zm-exp-label { background: var(--zm-cat-calc-l);        color: var(--zm-cat-calc); }

.zm-exp-kicker {
  font-family: var(--zm-font-b) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  color: var(--zm-t4) !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;
}
.zm-exp-kicker-num {
  font-family: var(--zm-font-h) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  letter-spacing: -0.5px !important;
  line-height: 1 !important;
  color: var(--zm-ac);
}

.zm-exp-name {
  font-family: var(--zm-font-h) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  letter-spacing: -0.2px !important;
  color: var(--zm-ink) !important;
  margin-top: 4px !important;
}

.zm-exp-teaser {
  font-family: var(--zm-font-b) !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  color: var(--zm-t3) !important;
  flex: 1 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.zm-exp-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 6px !important;
  padding-top: 10px !important;
  border-top: 1px solid var(--zm-bd) !important;
}

.zm-exp-label {
  font-family: var(--zm-font-b) !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  background: var(--zm-ac-light);
  color: var(--zm-ac);
}

.zm-exp-arr {
  color: var(--zm-t3) !important;
  width: 14px !important;
  height: 14px !important;
  transition: transform .15s, color .15s !important;
  flex-shrink: 0;
}
.zm-exp-tile:hover .zm-exp-arr {
  transform: translateX(3px);
  color: var(--zm-ac) !important;
}
.zm-exp-o:hover  .zm-exp-arr { color: var(--zm-cat-events) !important; }
.zm-exp-pk:hover .zm-exp-arr { color: var(--zm-cat-interview) !important; }
.zm-exp-b:hover  .zm-exp-arr { color: var(--zm-cat-info) !important; }
.zm-exp-am:hover .zm-exp-arr { color: var(--zm-cat-video) !important; }
.zm-exp-t:hover  .zm-exp-arr { color: var(--zm-cat-calc) !important; }


/* ══════════════════════════════════════════════════════
   6. SECTION HEADERS — refined
   ══════════════════════════════════════════════════════ */

.zm-sec-head {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 0 24px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid var(--zm-bd2) !important;
}

.zm-sec-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--zm-font-b) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  color: var(--zm-ac) !important;
  margin-bottom: 6px !important;
}

.zm-sec-h {
  font-family: var(--zm-font-h) !important;
  font-size: clamp(22px, 2.6vw, 30px) !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
  letter-spacing: -0.3px !important;
  color: var(--zm-ink) !important;
  margin: 0 !important;
}

.zm-sec-sub {
  font-family: var(--zm-font-b) !important;
  font-size: 13px !important;
  color: var(--zm-t3) !important;
  margin: 4px 0 0 !important;
  line-height: 1.5 !important;
}

.zm-sec-more {
  font-family: var(--zm-font-b) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  color: var(--zm-ac) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  white-space: nowrap !important;
  transition: gap .13s !important;
}
.zm-sec-more:hover { gap: 7px !important; text-decoration: none !important; }
.zm-sec-more::after { content: "→"; }


/* ══════════════════════════════════════════════════════
   7. SECTION SPACING — mai aerisit
   ══════════════════════════════════════════════════════ */

.zm-section,
body .zm-section {
  margin-top: 72px !important;
}
@media (min-width: 1024px) {
  .zm-section, body .zm-section { margin-top: 88px !important; }
}
@media (max-width: 639px) {
  .zm-section, body .zm-section { margin-top: 48px !important; }
}


/* ══════════════════════════════════════════════════════
   8. CARDS — refined (un singur efect hover: image zoom)
   ══════════════════════════════════════════════════════ */

.zm-card {
  background: var(--zm-bg2) !important;
  border: 1px solid var(--zm-bd) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  position: relative !important;
  box-shadow: none !important;
  transition: border-color .16s, transform .16s, box-shadow .16s !important;
}
.zm-card:hover {
  border-color: var(--zm-bd2) !important;
  box-shadow: 0 6px 20px rgba(31, 26, 20, 0.06) !important;
  transform: translateY(-2px) !important;
}

.zm-card-img-wrap {
  display: block !important;
  overflow: hidden !important;
  aspect-ratio: 16/10 !important;
  background: var(--zm-bg3) !important;
  position: relative;
}

.zm-card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .5s cubic-bezier(.25, .46, .45, .94) !important;
}
.zm-card:hover .zm-card-img { transform: scale(1.05) !important; }

.zm-card-body {
  padding: 14px 16px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.zm-card-meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 0 !important;
}

.zm-card-cat {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 9px !important;
  border-radius: 4px !important;
  background: var(--zm-ac-light) !important;
  color: var(--zm-ac) !important;
  font-family: var(--zm-font-b) !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: background .13s !important;
}
.zm-card-cat:hover {
  background: var(--zm-ac-light2) !important;
  text-decoration: none !important;
}

.zm-card-date {
  font-family: var(--zm-font-b) !important;
  font-size: 11.5px !important;
  color: var(--zm-t4) !important;
}

.zm-card-title {
  font-family: var(--zm-font-h) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.2px !important;
  margin: 0 !important;
}
.zm-card-title a {
  color: var(--zm-ink) !important;
  text-decoration: none !important;
  background-image: none !important;
}
.zm-card-title a:hover { color: var(--zm-ac) !important; }


/* ══════════════════════════════════════════════════════
   9. FEATURE — articol în atenție (păstrăm full-bleed)
   ══════════════════════════════════════════════════════ */

.zm-feature {
  position: relative !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  margin-top: 80px !important;
  margin-bottom: 24px !important;
  min-height: 380px !important;
  isolation: isolate;
}
@media (max-width: 639px) {
  .zm-feature {
    border-radius: 16px !important;
    min-height: 340px !important;
    margin-top: 48px !important;
  }
}

.zm-feature-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
}
.zm-feature-bg-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  filter: brightness(0.5) saturate(1.1) !important;
}
.zm-feature-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(42, 30, 74, 0.78) 0%, rgba(18, 85, 160, 0.45) 100%) !important;
}

.zm-feature-inner {
  position: relative !important;
  z-index: 2 !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 56px 40px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 18px !important;
  text-align: center !important;
}
@media (max-width: 639px) {
  .zm-feature-inner { padding: 36px 20px !important; gap: 14px !important; }
}

.zm-feature-kicker {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-family: var(--zm-font-b) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 2.2px !important;
  text-transform: uppercase !important;
}
.zm-feature-kicker-line {
  width: 28px;
  height: 1px;
  background: rgba(255, 255, 255, 0.45) !important;
  display: inline-block;
}

.zm-feature-quote {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}
.zm-feature-quote-mark {
  color: rgba(255, 217, 184, 0.55) !important;
  margin-bottom: 8px !important;
}
.zm-feature-quote-text {
  font-family: var(--zm-font-h) !important;
  font-size: clamp(22px, 3vw, 34px) !important;
  font-weight: 500 !important;
  font-style: italic !important;
  line-height: 1.25 !important;
  color: #fff !important;
  margin: 0 !important;
  letter-spacing: -0.3px !important;
}

.zm-feature-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  margin-top: 6px !important;
}

.zm-feature-cat {
  display: inline-flex !important;
  align-items: center !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #FFD9B8 !important;
  font-family: var(--zm-font-b) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
.zm-feature-cat:hover {
  background: rgba(255, 255, 255, 0.24) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.zm-feature-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 20px !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--zm-ac) !important;
  font-family: var(--zm-font-b) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: transform .15s, box-shadow .15s !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}
.zm-feature-cta:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.20) !important;
  color: var(--zm-ac-hover) !important;
  text-decoration: none !important;
}
.zm-feature-cta::after { content: "→"; font-size: 14px; }


/* ══════════════════════════════════════════════════════
   10. NUMBERED LISTS — Interviuri / Sănătate
   ══════════════════════════════════════════════════════ */

.zm-num-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.zm-num-item {
  border-bottom: 1px solid var(--zm-bd) !important;
}
.zm-num-item:last-child { border-bottom: none !important; }

.zm-num-link {
  display: grid !important;
  grid-template-columns: 36px 1fr auto !important;
  gap: 14px !important;
  padding: 16px 0 !important;
  text-decoration: none !important;
  align-items: center !important;
  transition: opacity .13s !important;
}
.zm-num-link:hover { opacity: 0.78 !important; text-decoration: none !important; }

.zm-num-no {
  font-family: var(--zm-font-h) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: var(--zm-cat-interview) !important;
  line-height: 1 !important;
  letter-spacing: -0.5px !important;
}

.zm-num-content { display: flex !important; flex-direction: column !important; gap: 5px !important; min-width: 0 !important; }

.zm-num-title {
  font-family: var(--zm-font-h) !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--zm-ink) !important;
  margin: 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.zm-num-meta {
  font-family: var(--zm-font-b) !important;
  font-size: 11.5px !important;
  color: var(--zm-t4) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.zm-num-thumb {
  width: 64px !important;
  height: 64px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  background: var(--zm-bg3);
}
.zm-num-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}


/* ══════════════════════════════════════════════════════
   11. STATS BAR — păstrăm subtil, dar mai elegant
   ══════════════════════════════════════════════════════ */

.zm-stats-bar {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px !important;
  margin-top: 32px !important;
  padding: 24px !important;
  background: var(--zm-bg2) !important;
  border: 1px solid var(--zm-bd) !important;
  border-radius: 16px !important;
}
@media (min-width: 720px) {
  .zm-stats-bar { grid-template-columns: repeat(4, 1fr) !important; }
}

.zm-stat-n,
.zm-stat-num {
  font-family: var(--zm-font-h) !important;
  font-size: clamp(24px, 2.5vw, 32px) !important;
  font-weight: 600 !important;
  color: var(--zm-ac) !important;
  line-height: 1 !important;
  margin-bottom: 4px !important;
  letter-spacing: -0.5px !important;
}
.zm-stat-l {
  font-family: var(--zm-font-b) !important;
  font-size: 11.5px !important;
  color: var(--zm-t3) !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}
.zm-stat-plus { color: var(--zm-ac); }


/* ══════════════════════════════════════════════════════
   12. CARD FEATURED & CARD ROW — refined
   ══════════════════════════════════════════════════════ */

.zm-card-featured {
  border-radius: 16px !important;
  border: 1px solid var(--zm-bd) !important;
  background: var(--zm-bg2) !important;
  box-shadow: none !important;
}
.zm-card-featured:hover {
  box-shadow: 0 8px 24px rgba(31, 26, 20, 0.08) !important;
  border-color: var(--zm-bd2) !important;
}

.zm-card-featured .zm-card-body { padding: 28px !important; }

.zm-card-row {
  border-radius: 12px !important;
  background: transparent !important;
  border: 1px solid var(--zm-bd) !important;
}
.zm-card-row:hover {
  background: var(--zm-bg2) !important;
  border-color: var(--zm-bd2) !important;
}


/* ══════════════════════════════════════════════════════
   13. BOOKMARK BUTTON — refined
   ══════════════════════════════════════════════════════ */

.zm-card-bookmark {
  position: absolute !important;
  top: 12px !important; right: 12px !important;
  width: 34px !important; height: 34px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(31, 26, 20, 0.08) !important;
  color: var(--zm-t2) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(31, 26, 20, 0.10) !important;
  transition: background .14s, color .14s, transform .14s !important;
  z-index: 5;
}
.zm-card-bookmark:hover {
  background: var(--zm-ac) !important;
  color: #fff !important;
  border-color: var(--zm-ac) !important;
  transform: scale(1.06);
}
.zm-card-bookmark.zm-saved {
  background: var(--zm-ac) !important;
  color: #fff !important;
  border-color: var(--zm-ac) !important;
}


/* ══════════════════════════════════════════════════════
   14. ARCHIVE / CATEGORY PAGE — header curățat
   ══════════════════════════════════════════════════════ */

body.category .zm-arc-title,
body.archive .zm-arc-title,
.zm-arc-title {
  font-family: var(--zm-font-h) !important;
  font-size: clamp(32px, 5vw, 48px) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.8px !important;
  color: var(--zm-ink) !important;
  margin: 0 0 12px !important;
}

.zm-arc-desc {
  font-family: var(--zm-font-b) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: var(--zm-t3) !important;
  max-width: 640px !important;
  margin: 0 0 8px !important;
}

.zm-arc-feat-title {
  font-family: var(--zm-font-h) !important;
  font-size: clamp(20px, 2.6vw, 28px) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}


/* ══════════════════════════════════════════════════════
   15. PAGINATION — refined
   ══════════════════════════════════════════════════════ */

.zm-pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 48px !important;
}
.zm-pagination a,
.zm-pagination span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px;
  height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid var(--zm-bd);
  background: var(--zm-bg2);
  font-family: var(--zm-font-b);
  font-size: 14px;
  font-weight: 600;
  color: var(--zm-t2);
  text-decoration: none;
  transition: background .14s, color .14s, border-color .14s;
}
.zm-pagination a:hover {
  background: var(--zm-ac-light);
  color: var(--zm-ac);
  border-color: var(--zm-ac-light2);
}
.zm-pagination .current,
.zm-pagination .page-numbers.current {
  background: var(--zm-ac) !important;
  color: #fff !important;
  border-color: var(--zm-ac) !important;
}


/* ═══════════════════════════════════════════════════════════
   16. ASCUNDE TIMP DE LECTURĂ
   ─ user nu vrea „X min" pe cardurile/articolele de pe site
   ─ păstrăm calcul în PHP pentru schema.org / meta,
     dar nu afișăm vizual nicăieri
   ═══════════════════════════════════════════════════════════ */
.zm-s-rel-rt { display: none !important; }

/* ═══════════════════════════════════════════════════════════
   17. BACK-TO-TOP BUTTON — ascuns, creează spațiu urât
   ═══════════════════════════════════════════════════════════ */
.zm-btt { display: none !important; }

/* ═══════════════════════════════════════════════════════════
   18. CREDIT EWDIGITAL în bottom bar
   ═══════════════════════════════════════════════════════════ */
.zm-footer-credit {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 12px !important;
  color: rgba(255, 255, 255, .50) !important;
  font-family: var(--zm-font-b) !important;
  white-space: nowrap !important;
}
.zm-footer-credit-logo {
  height: 16px !important;
  width: auto !important;
  display: inline-block !important;
  vertical-align: middle !important;
  opacity: .65 !important;
}

/* ═══════════════════════════════════════════════════════════
   19. HEADING COLORS — Per-component, fără forest green
   ─ Warm ink #1F1A14 pe fundal deschis
   ─ Alb #fff pe fundal dark (hero lead, feature quote)
   ─ Fiecare componentă are propria regulă
   ─ Override: --zm-heading-clr și --zm-t1 revin la warm ink
   ═══════════════════════════════════════════════════════════ */
:root {
  --zm-heading-clr: #1F1A14 !important;
}
body {
  --zm-t1: #1F1A14 !important;
  --zm-heading-clr: #1F1A14 !important;
}

/* ── HERO LEAD (fundal dark overlay) ── */
body .zm-ed-lead-title      { color: #fff !important; }
body .zm-ed-lead-title a    { color: #fff !important; text-decoration: none !important; }
body .zm-ed-lead-title a:hover { color: rgba(255,255,255,.85) !important; }

/* ── SIDEBAR "De asemenea" (fundal alb) ── */
html body .zm-ed-side-title      { color: #1F1A14 !important; }
body .zm-ed-side-link       { color: #1F1A14 !important; }
body .zm-ed-side-link:hover .zm-ed-side-title { color: var(--zm-ac) !important; }

/* ── SECTION HEADERS ── */
html body .zm-sec-h              { color: #1F1A14 !important; }

/* ── ARCHIVE / CATEGORY page titles ── */
html body .zm-arc-ed-title       { color: #1F1A14 !important; }
html body .zm-arc-ed-feat-title  { color: #1F1A14 !important; }
html body .zm-arc-ed-feat-title a { color: #1F1A14 !important; }
html body .zm-arc-ed-feat-title a:hover { color: var(--zm-ac) !important; }

/* ── MAGAZINE FEATURED card ── */
html body .zm-mag-ed-feat-title  { color: #1F1A14 !important; }
html body .zm-mag-ed-feat-title a { color: #1F1A14 !important; }
html body .zm-mag-ed-feat-title a:hover { color: var(--zm-ac) !important; }

/* ── REGULAR CARDS ── */
html body .zm-card-title         { color: #1F1A14 !important; }
html body .zm-card-title a       { color: #1F1A14 !important; }
html body .zm-card-title a:hover { color: var(--zm-ac) !important; }

/* ── NUMBERED LISTS (dual columns) ── */
html body .zm-num-title          { color: #1F1A14 !important; }
html body .zm-num-title a        { color: #1F1A14 !important; }
html body .zm-num-title a:hover  { color: var(--zm-ac) !important; }

/* ── MINI CARDS ── */
html body .zm-mini-title         { color: #1F1A14 !important; }
html body .zm-mini-title a       { color: #1F1A14 !important; }
html body .zm-mini-title a:hover { color: var(--zm-ac) !important; }

/* ── EVENTS ── */
html body .zm-event-title        { color: #1F1A14 !important; }

/* ── VIDEO ── */
html body .zm-video-hero-title   { color: #1F1A14 !important; }
html body .zm-video-row-title    { color: #1F1A14 !important; }

/* ── STATEMENT ── */
html body .zm-statement-title    { color: #1F1A14 !important; }
html body .zm-statement-title em { color: var(--zm-orange) !important; }

/* ── FEATURE QUOTE (fundal dark) ── */
body .zm-feature-quote      { color: #fff !important; }

/* ── GENERIC h1-h4 (doar pe body, nu în header/footer) ── */
body .zm-s-content h1,
body .zm-s-content h2,
body .zm-s-content h3,
body .zm-s-content h4,
body .zm-about h2,
body .zm-calc-section h2,
body .zm-cardiac-section h2 { color: #1F1A14 !important; }

/* ═══════════════════════════════════════════════════════════
   20. v7 ÎMBUNĂTĂȚIRI — Trenduri editoriale 2026
   ─ Trust signals (E-E-A-T), archival index, byline medical
   ═══════════════════════════════════════════════════════════ */

/* ── Unbleached neutral — paper mai cald decât alb pur ── */
:root { --zm-paper: #F4F2EC; }
html body.home,
html body.archive,
html body.single { background: var(--zm-paper) !important; }

/* ── Verified badge (reutilizabil) ── */
.zm-verified {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  background: rgba(16, 62, 114, .1);
  border-radius: 999px;
  font-family: var(--zm-font-b);
  font-size: 10.5px;
  font-weight: 600;
  color: #2a6332;
  white-space: nowrap;
  flex-shrink: 0;
}
.zm-verified svg { color: #103e72; flex-shrink: 0; }
.zm-verified--lg { font-size: 12px; padding: 6px 13px; }

/* ── HERO byline (front-page) ── */
.zm-ed-lead-byline {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 4px;
  margin-bottom: 4px;
}
.zm-ed-lead-byline-av {
  width: 26px; height: 26px;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.32);
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; font-weight: 600; color: #fff;
  flex-shrink: 0; text-transform: uppercase;
}
.zm-ed-lead-byline-name {
  font-family: var(--zm-font-b);
  font-size: 12px; font-weight: 600;
  color: #fff;
}
.zm-ed-lead-verified {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 10px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px;
  font-family: var(--zm-font-b);
  font-size: 10px; font-weight: 600;
  color: #fff;
}
.zm-ed-lead-verified svg { color: #7fdba0; }

/* ── TRUST BAR (front-page) ── */
.zm-trust-bar {
  margin-top: 28px;
}
.zm-trust-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  padding: 18px 28px;
  background: #fff;
  border: 0.5px solid var(--zm-bd);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(31,26,20,.04);
}
.zm-trust-item {
  display: flex;
  align-items: center;
  gap: 9px;
  font-family: var(--zm-font-b);
  font-size: 13.5px;
  color: #5a564e;
}
.zm-trust-item strong { color: #1F1A14; font-weight: 600; }
.zm-trust-item svg { flex-shrink: 0; }
@media (max-width: 819px) {
  .zm-trust-inner { gap: 14px 20px; padding: 16px 18px; }
  .zm-trust-item { font-size: 12.5px; flex: 1 1 40%; }
}
@media (max-width: 479px) {
  .zm-trust-item { flex: 1 1 100%; }
}

/* ── ARCHIVAL LABEL (single) ── */
.zm-s-archival {
  font-family: var(--zm-font-mono, ui-monospace, monospace);
  font-size: 10px;
  letter-spacing: .5px;
  color: #8a857c;
  margin-left: 10px;
  text-transform: uppercase;
}

/* ── SINGLE byline ── */
.zm-s-byline {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  margin-bottom: 4px;
  border-top: 0.5px solid var(--zm-bd);
  border-bottom: 0.5px solid var(--zm-bd);
}
.zm-s-byline-av {
  width: 42px; height: 42px;
  border-radius: 50%;
  background: var(--zm-ac);
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--zm-font-b);
  font-weight: 600; font-size: 13px;
  flex-shrink: 0; text-transform: uppercase;
}
.zm-s-byline-info { flex: 1; min-width: 0; }
.zm-s-byline-name {
  display: block;
  font-family: var(--zm-font-b);
  font-size: 13.5px; font-weight: 600;
  color: #1F1A14 !important;
  text-decoration: none;
}
.zm-s-byline-name:hover { color: var(--zm-ac) !important; }
.zm-s-byline-meta {
  font-family: var(--zm-font-b);
  font-size: 11.5px;
  color: #8a857c;
}

/* ── SOURCES / verification box (single, medical only) ── */
.zm-s-sources {
  margin: 32px 0 8px;
  padding: 16px 18px;
  background: rgba(16, 62, 114, .05);
  border: 0.5px solid rgba(16, 62, 114, .2);
  border-left: 3px solid #103e72;
  border-radius: 0;
}
.zm-s-sources-head {
  display: flex; align-items: center; gap: 7px;
  margin-bottom: 8px;
}
.zm-s-sources-head svg { color: #103e72; }
.zm-s-sources-head span {
  font-family: var(--zm-font-b);
  font-size: 10.5px; font-weight: 700;
  letter-spacing: .8px; text-transform: uppercase;
  color: #2a6332;
}
.zm-s-sources-text {
  font-family: var(--zm-font-b);
  font-size: 12.5px;
  line-height: 1.6;
  color: #5a564e;
  margin: 0;
}

/* ── ARCHIVE kicker count + trust bar ── */
.zm-arc-ed-kicker-count {
  font-family: var(--zm-font-mono, ui-monospace, monospace);
  font-size: 10px;
  color: #a09a8e;
  letter-spacing: .5px;
  font-weight: 400;
}
.zm-arc-trust {
  border-bottom: 0.5px solid var(--zm-bd);
  background: #fff;
}
.zm-arc-trust-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}
.zm-arc-trust-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--zm-font-b);
  font-size: 12px;
  color: #5a564e;
}
.zm-arc-trust-item strong { color: #1F1A14; font-weight: 600; }
.zm-arc-trust-item svg { flex-shrink: 0; }

/* ── CARD byline (archive + category grid) ── */
.zm-card-date-mono {
  font-family: var(--zm-font-mono, ui-monospace, monospace);
  font-size: 9px;
  letter-spacing: .4px;
  color: #a09a8e;
  margin-left: auto;
}
.zm-card-byline {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
  padding-top: 9px;
  border-top: 0.5px solid rgba(31,26,20,.07);
}
.zm-card-byline-av {
  width: 20px; height: 20px;
  border-radius: 50%;
  background: var(--zm-ac);
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--zm-font-b);
  font-size: 8.5px; font-weight: 600;
  flex-shrink: 0; text-transform: uppercase;
}
.zm-card-byline-name {
  font-family: var(--zm-font-b);
  font-size: 10.5px;
  color: #8a857c;
}
.zm-card-byline-check {
  margin-left: auto;
  flex-shrink: 0;
}

/* ── Serif weight 500 pe titluri (editorial 2026) ── */
html body .zm-ed-lead-title,
html body .zm-s-title,
html body .zm-arc-ed-title,
html body .zm-sec-h { font-weight: 500 !important; }

/* ── Line-length optim pe articol (66ch) ── */
html body .zm-s-content > p,
html body .zm-s-content > ul,
html body .zm-s-content > ol { max-width: 66ch; }

/* ═══════════════════════════════════════════════════════════
   21. v7.1 — HEADER & FOOTER refinements + responsive complet
   ─ Trenduri 2026: typography wide, micro-interactions subtile
   ─ Mobil perfect de la 320px la 480px+, accesibilitate WCAG
   ═══════════════════════════════════════════════════════════ */

/* ── HEADER — rafinare typography & spacing ── */
html body .zm-hdr-nav a {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  letter-spacing: .2px;
}
html body .zm-hdr-nav a.zm-nav-active { font-weight: 600 !important; }

html body .zm-hdr-cta {
  font-weight: 500 !important;
  letter-spacing: .3px;
}

/* Logo mai mare pe desktop, scalat pe mobil */
html body .zm-hdr-logo img { height: 36px !important; }
@media (max-width: 639px) {
  html body .zm-hdr-logo img { height: 30px !important; }
}

/* ── ACCESIBILITATE — tap targets minim 44×44px (WCAG 2.5.5) ── */
@media (max-width: 979px) {
  html body .zm-hdr-btn {
    min-width: 44px !important;
    height: 44px !important;
  }
  html body .zm-hdr-burger { min-width: 44px !important; height: 44px !important; }
}

/* Focus vizibil pe TOATE elementele interactive (WCAG 2.4.7) */
html body a:focus-visible,
html body button:focus-visible,
html body input:focus-visible,
html body [tabindex]:focus-visible {
  outline: 3px solid var(--zm-ac) !important;
  outline-offset: 2px !important;
  border-radius: 4px;
}

/* Skip link vizibil la focus */
html body .zm-skip-link:focus {
  position: fixed !important;
  top: 8px !important; left: 8px !important;
  z-index: 9999 !important;
  background: var(--zm-ac) !important;
  color: #fff !important;
  padding: 12px 20px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  width: auto !important; height: auto !important;
  clip: auto !important; clip-path: none !important;
}

/* ── INFO STRIP responsive — fix complet mobil ── */
@media (max-width: 639px) {
  html body .zm-info-strip-inner {
    padding: 8px 14px !important;
    gap: 0 !important;
  }
  html body .zm-live-seg {
    width: 100% !important;
    justify-content: flex-start !important;
    padding: 3px 0 !important;
  }
  html body .zm-live-label {
    font-size: 11px !important;
    font-weight: 600 !important;
  }
  /* Pe mobil arătăm data scurtă, ascundem cea lungă */
  html body .zm-live-date-full  { display: none !important; }
  html body .zm-live-date-short { display: inline !important; }
}
@media (min-width: 640px) {
  html body .zm-live-date-short { display: none !important; }
  html body .zm-live-date-full  { display: inline !important; }
}

/* Weather band pe mobil — rând propriu, wrap curat */
@media (max-width: 639px) {
  html body .zm-weather-band {
    flex: 1 0 100% !important;
    margin: 6px 0 0 0 !important;
    padding: 8px 0 2px !important;
    border-left: 0 !important;
    border-top: 1px solid var(--zm-bd) !important;
  }
  html body .zm-wb-inner {
    flex-wrap: wrap !important;
    gap: 6px 0 !important;
    align-items: flex-start !important;
  }
  html body .zm-wb-left {
    flex: 1 1 100% !important;
    flex-wrap: wrap !important;
    gap: 6px 10px !important;
    row-gap: 6px !important;
  }
  /* Alertele meteo — rând propriu cu fundal subtil, mereu vizibile */
  html body .zm-wb-right {
    flex: 1 0 100% !important;
    margin: 6px 0 0 0 !important;
    padding: 8px 38px 8px 10px !important;
    border-left: 0 !important;
    border-radius: 8px !important;
    background: rgba(18, 85, 160, .07) !important;
    position: relative !important;
    max-width: none !important;
  }
  html body .zm-wb-alert {
    white-space: normal !important;
    line-height: 1.4 !important;
    font-size: 11.5px !important;
  }
  /* X-ul de închidere — poziționat absolut în colțul dreapta al alertei */
  html body .zm-wb-close {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    margin: 0 !important;
  }
}

/* Pe ecrane foarte mici (≤360px) — compactare suplimentară */
@media (max-width: 360px) {
  html body .zm-wb-item:nth-child(n+3) { display: none !important; }
  html body .zm-live-label { font-size: 10.5px !important; }
  html body .zm-hdr-logo img { height: 28px !important; }
}

/* ── MOBILE MENU — tap targets generoase + safe-area iOS ── */
html body .zm-mobile-menu {
  padding-bottom: env(safe-area-inset-bottom, 0);
}
html body .zm-mobile-menu a { min-height: 54px !important; font-size: 16px !important; }
html body .zm-mobile-menu-hd { padding: 16px 20px !important; }
html body [data-zm-menu-close] {
  min-width: 44px !important;
  height: 44px !important;
}
html body [data-zm-menu-close] svg { width: 22px !important; height: 22px !important; }

/* Blocăm scroll pe body când meniul mobil e deschis */
html body.zm-menu-open { overflow: hidden !important; }

/* ── FOOTER — rafinare typography 2026 + responsive ── */
@media (max-width: 979px) {
  html body .zm-footer-nav-cols {
    grid-template-columns: 1fr 1fr !important;
    gap: 36px 28px !important;
  }
}
@media (max-width: 639px) {
  html body .zm-footer-main-inner { padding: 40px 20px 32px !important; }
  html body .zm-footer-nav-cols {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  html body .zm-footer-stats { max-width: 320px; }
}

/* Footer social — tap targets 44px pe mobil */
@media (max-width: 639px) {
  html body .zm-footer-soc-btn {
    width: 44px !important;
    height: 44px !important;
  }
}

/* Footer headings — letter-spacing wide (trend 2026) */
html body .zm-footer-nav-title {
  letter-spacing: 1.8px !important;
}

/* ── Reduce motion — respectăm preferința utilizatorului (WCAG 2.3.3) ── */
@media (prefers-reduced-motion: reduce) {
  html body *,
  html body *::before,
  html body *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
  html body .zm-live-pulse-ring { animation: none !important; opacity: .35 !important; }
  html body .zm-footer-pulse-path,
  html body .zm-footer-pulse-dot { animation: none !important; stroke-dashoffset: 0 !important; opacity: 1 !important; }
}

/* ── Touch — dezactivăm hover transform pe touch (evită sticky-hover) ── */
@media (hover: none) {
  html body .zm-hdr-btn:hover,
  html body .zm-hdr-cta:hover,
  html body .zm-card:hover { transform: none !important; }
}

/* ═══════════════════════════════════════════════════════════
   22. v7.2 — EKG background + typography mai mare
   ═══════════════════════════════════════════════════════════ */

/* EKG-ul stă în spate; conținutul are fundal opac ca să nu fie tăiat */
html body .zm-flow-bg { z-index: 0 !important; }
html body .zm-ed-hero,
html body .zm-mag-ed,
html body .zm-dual,
html body .zm-feature,
html body .zm-video-mod,
html body .zm-events-mod,
html body .zm-statement,
html body .zm-about,
html body .zm-calc-section,
html body .zm-cardiac-section { position: relative; z-index: 1; }

/* Cardurile/hero au fundal solid — EKG-ul nu trece prin text */
html body .zm-ed-lead,
html body .zm-ed-side,
html body .zm-mag-card,
html body .zm-mag-ed-feat,
html body .zm-card,
html body .zm-num-row { position: relative; z-index: 1; }

/* ── HOMEPAGE — titluri mai mari (h2/h3/h4; h1 rămâne) ── */
html body.home .zm-sec-h {
  font-size: clamp(28px, 3.4vw, 40px) !important;
}
html body.home .zm-mag-ed-feat-title {
  font-size: clamp(22px, 2.6vw, 30px) !important;
}
html body.home .zm-card-title {
  font-size: 17px !important;
  line-height: 1.3 !important;
}
html body.home .zm-num-title {
  font-size: 17px !important;
}
html body.home .zm-ed-side-title {
  font-size: 15px !important;
  line-height: 1.32 !important;
}
html body.home .zm-statement-title {
  font-size: clamp(34px, 5vw, 60px) !important;
}
html body.home .zm-video-row-title {
  font-size: 15px !important;
}
html body.home .zm-event-title {
  font-size: 18px !important;
}

/* ── SINGLE POST — body 18px + headinguri proporționale ── */
html body.single .zm-s-content {
  font-size: 18px !important;
  line-height: 1.75 !important;
}
html body.single .zm-s-content p,
html body.single .zm-s-content li {
  font-size: 18px !important;
  line-height: 1.75 !important;
}
html body.single .zm-s-content h2 {
  font-size: 27px !important;
  line-height: 1.25 !important;
  margin-top: 1.8em !important;
}
html body.single .zm-s-content h3 {
  font-size: 22px !important;
  line-height: 1.3 !important;
  margin-top: 1.5em !important;
}
html body.single .zm-s-content h4 {
  font-size: 19px !important;
  line-height: 1.35 !important;
  margin-top: 1.3em !important;
}
html body.single .zm-s-content blockquote {
  font-size: 20px !important;
  line-height: 1.5 !important;
}
html body.single .zm-s-lead {
  font-size: 20px !important;
  line-height: 1.55 !important;
}
/* Listele și paragrafele păstrează line-length confortabil la 18px */
html body.single .zm-s-content > p,
html body.single .zm-s-content > ul,
html body.single .zm-s-content > ol { max-width: 68ch; }

/* ═══════════════════════════════════════════════════════════
   23. ELITE MEDICALE — bandă parteneriat (paletă brand violet)
   ─ fundal paper cu accente violet, font uniform cu tema
   ═══════════════════════════════════════════════════════════ */
.zm-elite { margin-top: 64px; }
@media (max-width: 639px) { .zm-elite { margin-top: 44px; } }

.zm-elite-card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: linear-gradient(135deg, #0a2138 0%, #10243f 45%, #0a1a30 100%);
  border: 1px solid rgba(156,194,236,.20);
  box-shadow: 0 8px 30px rgba(10,33,56,.28);
  padding: 34px 32px;
  isolation: isolate;
}
@media (max-width: 639px) { .zm-elite-card { padding: 26px 20px; border-radius: 16px; } }

/* Accent auriu pe margine */
.zm-elite-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; bottom: 0;
  width: 4px;
  background: #1565c0;
  z-index: 2;
}

.zm-elite-glow { position: absolute; border-radius: 50%; filter: blur(50px); pointer-events: none; z-index: 0; }
.zm-elite-glow-1 {
  top: -80px; right: -40px; width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(156,194,236,.16), transparent 70%);
}
.zm-elite-glow-2 {
  bottom: -80px; left: 5%; width: 240px; height: 240px;
  background: radial-gradient(circle, rgba(18,85,160,.08), transparent 70%);
}

.zm-elite-ekg {
  position: absolute;
  top: 50%; left: 0; width: 100%; height: 24px;
  opacity: .14;
  transform: translateY(-50%);
  z-index: 0;
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation: zm-elite-ekg-draw 3s ease-out .3s forwards;
}
.zm-elite-ekg path { stroke: #1565c0 !important; }
@keyframes zm-elite-ekg-draw { to { stroke-dashoffset: 0; } }

.zm-elite-inner { position: relative; z-index: 1; }

/* Bridge — ZiarMedical · parte din · Elite */
.zm-elite-bridge {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
  flex-wrap: wrap;
}
.zm-elite-bridge-zm {
  font-family: var(--zm-font-h);
  font-weight: 500;
  font-size: 20px;
  color: #fff;
}
.zm-elite-bridge-mid {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--zm-font-b);
  font-size: 12px;
  letter-spacing: .5px;
  color: rgba(255,255,255,.55);
}
.zm-elite-bridge-line { width: 28px; height: 1px; background: rgba(255,255,255,.25); display: inline-block; }
.zm-elite-logo-link { display: inline-flex; align-items: center; line-height: 0; }
.zm-elite-logo {
  height: 60px; width: auto; display: block;
  transition: transform .2s, filter .2s;
}
.zm-elite-logo-link:hover .zm-elite-logo { transform: scale(1.03); }
@media (max-width: 639px) {
  .zm-elite-bridge { gap: 10px; }
  .zm-elite-bridge-zm { font-size: 17px; }
  .zm-elite-logo { height: 48px; }
}

.zm-elite-title {
  font-family: var(--zm-font-h) !important;
  font-size: clamp(24px, 3vw, 32px) !important;
  font-weight: 500 !important;
  line-height: 1.22 !important;
  color: #fff !important;
  margin: 0 0 14px !important;
  max-width: 38ch;
}
.zm-elite-title em { font-style: italic; color: #e5c06a !important; }

.zm-elite-desc {
  font-family: var(--zm-font-b);
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255,255,255,.72);
  margin: 0 0 24px;
  max-width: 64ch;
}

.zm-elite-pillars {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
  margin-bottom: 26px;
}
.zm-elite-pillar {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--zm-font-b);
  font-size: 15px;
  color: rgba(255,255,255,.72);
}
.zm-elite-pillar strong { color: #fff; font-weight: 600; }
.zm-elite-pillar svg { flex-shrink: 0; stroke: #1565c0; }
@media (max-width: 639px) { .zm-elite-pillars { gap: 14px; flex-direction: column; } }

.zm-elite-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #1565c0;
  color: #0a2138 !important;
  padding: 13px 24px;
  border-radius: 999px;
  font-family: var(--zm-font-b);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: background .15s, transform .15s, box-shadow .15s;
  box-shadow: 0 2px 14px rgba(156,194,236,.3);
}
.zm-elite-cta:hover {
  background: #e5c06a;
  transform: translateY(-1px);
  box-shadow: 0 4px 20px rgba(156,194,236,.4);
  color: #0a2138 !important;
  text-decoration: none;
}
.zm-elite-cta:focus-visible { outline: 3px solid #1565c0; outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  .zm-elite-ekg { animation: none !important; stroke-dashoffset: 0 !important; }
  .zm-elite-cta:hover, .zm-elite-logo-link:hover .zm-elite-logo { transform: none !important; }
}
@media (hover: none) { .zm-elite-cta:hover { transform: none !important; } }


/* ── Link evenimente trecute (sub agenda Elite) ── */
.zm-events-past-link {
  margin-top: 18px;
  text-align: center;
}
.zm-events-past-link a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--zm-font-b);
  font-size: 13px;
  font-weight: 500;
  color: var(--zm-t2);
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid var(--zm-bd);
  transition: background .14s, color .14s, border-color .14s;
}
.zm-events-past-link a:hover {
  background: var(--zm-ac-light);
  color: var(--zm-ac);
  border-color: rgba(18,85,160,.25);
}

/* ═══════════════════════════════════════════════════════════
   24. ABOUT BAND — bandă collapsed cu preview umbrit
   ═══════════════════════════════════════════════════════════ */
.zm-about-band {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}
@media (max-width: 639px) { .zm-about-band { padding: 0 16px; } }

.zm-about-band-inner {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid var(--zm-bd);
  border-radius: 14px;
  padding: 16px 22px;
  /* Shadow „preview" — banda pare ridicată de pagină */
  box-shadow: 0 1px 3px rgba(31,26,20,.05), 0 10px 30px rgba(31,26,20,.07);
  position: relative;
  overflow: hidden;
}
/* Accent violet pe margine */
.zm-about-band-inner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; bottom: 0;
  width: 4px;
  background: var(--zm-ac);
}

.zm-about-band-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
}
.zm-about-band-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--zm-ac);
  flex-shrink: 0;
}
html body .zm-about-band-slogan {
  font-family: var(--zm-font-h) !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  color: var(--zm-ink) !important;
  white-space: nowrap;
}
html body .zm-about-band-slogan em { font-style: italic; color: var(--zm-ac) !important; }
html body .zm-about-band-sub {
  font-family: var(--zm-font-b) !important;
  font-size: 13px !important;
  color: var(--zm-t3) !important;
  white-space: nowrap;
}
@media (max-width: 859px) { html body .zm-about-band-sub { display: none; } }

.zm-about-band-stats {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-shrink: 0;
}
.zm-about-band-stat {
  font-family: var(--zm-font-b);
  font-size: 13px;
  color: var(--zm-t2);
  white-space: nowrap;
}
.zm-about-band-stat strong {
  font-family: var(--zm-font-h);
  font-weight: 500;
  color: var(--zm-ink);
}
@media (max-width: 639px) {
  .zm-about-band-stats { gap: 12px; flex: 1 1 100%; order: 3; }
  .zm-about-band-stat { font-size: 12px; }
}

/* Buton Află mai mult */
html body .zm-about-band .zm-about-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex-shrink: 0;
  background: var(--zm-ac-light);
  border: 1px solid rgba(18,85,160,.2);
  color: var(--zm-ac);
  padding: 9px 16px;
  border-radius: 999px;
  font-family: var(--zm-font-b);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s;
}
html body .zm-about-band .zm-about-btn:hover { background: rgba(18,85,160,.12); }
.zm-about-btn .zm-about-chev { transition: transform .25s; }
.zm-about-btn--open .zm-about-chev { transform: rotate(180deg); }

/* Corpul expandabil */
html body .zm-about-body {
  max-width: 1280px;
  margin: 10px auto 0;
  padding: 0 24px;
}
@media (max-width: 639px) { html body .zm-about-body { padding: 0 16px; } }

/* ═══════════════════════════════════════════════════════════
   25. SPACING UNIFORM — un singur sistem, fără straturi
   ═══════════════════════════════════════════════════════════ */
:root { --zm-gap: 48px; }
@media (max-width: 859px) { :root { --zm-gap: 36px; } }

/* TOATE secțiunile majore: același margin-top, zero padding vertical.
   Resetăm tot ce vine din editorial.css. */
html body .zm-ed-hero,
html body .zm-trust-bar,
html body .zm-mag-ed,
html body .zm-elite,
html body .zm-events-mod,
html body .zm-cat-mosaic,
html body .zm-dual,
html body .zm-feature,
html body .zm-video-mod,
html body .zm-cardiac-section,
html body .zm-calc-section,
html body .zm-statement {
  margin: var(--zm-gap) 0 0 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: transparent !important;
}

/* Doar secțiunile care CHIAR au nevoie de fundal vizibil primesc padding intern.
   (dual = coloane interviuri/sănătate, feature = articol atenție) */
html body .zm-dual,
html body .zm-feature {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* Secțiuni cu conținut bogat — puțin aer intern ca titlurile să nu fie lipite */
html body .zm-cardiac-section,
html body .zm-calc-section,
html body .zm-statement {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

/* Prima secțiune (banda About) — spațiu mic de la header */
html body .zm-about {
  margin: 5px 0 0 0 !important;
  padding: 0 !important;
}
@media (max-width: 639px) { html body .zm-about { margin-top: 5px !important; } }

/* Hero — padding intern minim */
html body .zm-ed-hero {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Elite card — fără spațiu mort */
html body .zm-elite-card { padding: 28px 30px !important; }
@media (max-width: 639px) { html body .zm-elite-card { padding: 24px 20px !important; } }

/* Banda About — corp expandabil aproape de bandă */
html body .zm-about-body { margin-top: 10px; }

/* ═══════════════════════════════════════════════════════════
   26. FOOTER BENTO GLASSMORPHISM
   ─ fundal violet-ink gradient, tile-uri frosted (backdrop-blur)
   ─ fonturi ABSOLUTE (identice pe home / single / archive)
   ═══════════════════════════════════════════════════════════ */
html body .zm-footer {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, #0a1a30 0%, #10243f 45%, #0a2138 100%) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  flex: 0 0 auto !important;   /* nu se întinde în flex column (GeneratePress #page) */
}
/* Elimină orice spațiu sub footer de la GeneratePress */
html body .site-footer,
html body .zm-footer + * { margin: 0 !important; }
/* GeneratePress wrapper — fără min-height care lasă gol sub footer pe home */
html body.home .site,
html body.home #page { min-height: 0 !important; }
html body .zm-main-flow { margin-bottom: 0 !important; padding-bottom: 0 !important; }
/* Glow-uri difuze de fundal */
html body .zm-footer::before,
html body .zm-footer::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
  z-index: 0;
}
html body .zm-footer::before {
  top: -100px; left: 8%;
  width: 360px; height: 360px;
  background: radial-gradient(circle, rgba(124,93,201,.35), transparent 70%);
}
html body .zm-footer::after {
  bottom: -120px; right: 10%;
  width: 320px; height: 320px;
  background: radial-gradient(circle, rgba(18,85,160,.18), transparent 70%);
}

/* EKG animat în brand tile footer — amber pe fundal violet */
html body .zm-footer-pulse { display: block !important; margin: 14px 0 16px; }
html body .zm-footer-pulse-svg { width: 100%; height: 26px; display: block; }
html body .zm-footer-pulse-path { stroke: #1565c0 !important; opacity: .75; }
html body .zm-footer-pulse-dot { fill: #1565c0 !important; }

/* Container — grid bento */
html body .zm-footer-main { position: relative; z-index: 1; background: transparent !important; padding-top: 8px; }
html body .zm-footer-main-inner {
  display: grid !important;
  grid-template-columns: 1.4fr 1fr 1fr 1.1fr !important;
  gap: 14px !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 56px 24px 40px !important;
  align-items: stretch !important;
}
@media (max-width: 959px) {
  html body .zm-footer-main-inner { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 539px) {
  html body .zm-footer-main-inner { grid-template-columns: 1fr !important; padding: 40px 16px 28px !important; }
}

/* ── TILE GLASS — stil comun ── */
html body .zm-footer-brand-col,
html body .zm-footer-nav-col {
  background: rgba(255,255,255,.06) !important;
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 18px !important;
  padding: 24px 22px !important;
}

/* Brand tile ocupă prima coloană */
html body .zm-footer-brand-col { grid-column: 1; }
@media (max-width: 959px) {
  html body .zm-footer-brand-col { grid-column: 1 / -1; }
}

/* ── Brand tile conținut ── */
html body .zm-footer-logo { filter: brightness(0) invert(1); height: 38px !important; width: auto !important; }
html body .zm-footer-tagline {
  font-family: var(--zm-font-h) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #fff !important;
  margin: 14px 0 10px !important;
}
html body .zm-footer-tagline em { font-style: italic; color: #9cc2ec !important; }
html body .zm-footer-desc {
  font-family: var(--zm-font-b) !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: rgba(255,255,255,.65) !important;
  margin: 0 0 16px !important;
}
html body .zm-footer-meta-row { gap: 8px !important; }
html body .zm-footer-badge {
  font-size: 11px !important;
  color: rgba(255,255,255,.7) !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 999px !important;
  padding: 4px 10px !important;
}
html body .zm-footer-badge--ac { color: #9cc2ec !important; }

/* Social buttons */
html body .zm-footer-social { gap: 8px !important; margin-top: 4px !important; }
html body .zm-footer-soc-btn {
  width: 36px !important; height: 36px !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 10px !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background .15s, transform .15s;
}
html body .zm-footer-soc-btn:hover {
  background: rgba(255,255,255,.16) !important;
  transform: translateY(-2px);
}

/* ── Nav columns — reset din grid-ul vechi ── */
html body .zm-footer-nav-cols {
  display: contents !important;
}
html body .zm-footer-nav-title {
  font-family: var(--zm-font-b) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.5) !important;
  margin: 0 0 16px !important;
}
html body .zm-footer-nav-col ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
html body .zm-footer-nav-col li { margin-bottom: 9px !important; }
html body .zm-footer-nav-col a {
  font-family: var(--zm-font-b) !important;
  font-size: 15.5px !important;
  color: rgba(255,255,255,.82) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  transition: color .14s;
}
html body .zm-footer-nav-col a:hover { color: #fff !important; }

/* Dots colorați rămân vizibili */
html body .zm-fnav-dot { width: 7px !important; height: 7px !important; border-radius: 50% !important; flex-shrink: 0; }

/* ── Stats tile ── */
html body .zm-footer-stats { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; }
html body .zm-fstat-n {
  font-family: var(--zm-font-h) !important;
  font-size: 25px !important;
  font-weight: 500 !important;
  color: #fff !important;
  line-height: 1 !important;
}
html body .zm-fstat-n span { font-size: 13px !important; color: #9cc2ec !important; }
html body .zm-fstat-l {
  font-family: var(--zm-font-b) !important;
  font-size: 12px !important;
  color: rgba(255,255,255,.58) !important;
  margin-top: 5px !important;
}

/* ── Bottom bar ── */
html body .zm-footer-bottom {
  position: relative; z-index: 1;
  background: rgba(0,0,0,.2) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}
html body .zm-footer-bottom-inner {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 18px 24px !important;
}
html body .zm-footer-copy,
html body .zm-footer-disclaimer { color: rgba(255,255,255,.5) !important; font-size: 12px !important; }
html body .zm-footer-credit { color: rgba(255,255,255,.6) !important; font-size: 12px !important; }
html body .zm-footer-credit-logo { filter: brightness(0) invert(1); opacity: .7; }

@media (prefers-reduced-motion: reduce) {
  html body .zm-footer-soc-btn:hover { transform: none !important; }
}

/* ═══════════════════════════════════════════════════════════
   27. VIDEO OVERLAY (player) — lipsea complet CSS-ul
   ─ ascuns by default; close poziționat să NU taie video pe mobil
   ═══════════════════════════════════════════════════════════ */
.zm-video-overlay {
  display: none;            /* CRITIC: ascuns până se deschide un video */
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(15, 12, 28, .92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.zm-video-overlay[aria-hidden="false"] { display: flex; }

.zm-video-overlay-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  transition: background .15s;
}
.zm-video-overlay-close:hover { background: rgba(255,255,255,.22); }
.zm-video-overlay-close:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

.zm-video-overlay-inner {
  width: 100%;
  max-width: 900px;
}
.zm-video-ratio {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 14px;
  overflow: hidden;
  background: #000;
}
.zm-video-ratio iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.zm-video-overlay-title {
  color: #fff;
  font-family: var(--zm-font-h);
  font-size: 17px;
  font-weight: 500;
  margin: 16px 0 0;
  text-align: center;
}

/* Mobil — close DEASUPRA video, nu peste el */
@media (max-width: 639px) {
  .zm-video-overlay { padding: 0; flex-direction: column; justify-content: flex-start; }
  .zm-video-overlay-close {
    position: relative;
    top: auto; right: auto;
    align-self: flex-end;
    margin: 12px 12px 8px 0;
  }
  .zm-video-overlay-inner { padding: 0 12px 24px; display: flex; flex-direction: column; justify-content: center; flex: 1; }
  .zm-video-ratio { border-radius: 10px; }
}