/*
Theme Name:   ZiarMedical
Theme URI:    https://ziarmedical.ro
Description:  Child theme GeneratePress pentru ZiarMedical.ro — design editorial modern v4.0
Author:       ZiarMedical
Author URI:   https://ziarmedical.ro
Template:     generatepress
Version:      5.2.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  ziarmedical
*/

/* ══════════════════════════════════════════════════════
   DESIGN TOKENS — Light mode (default)
   ══════════════════════════════════════════════════════ */
:root {
  /* Accent violet */
  --zm-ac:        #4c22ad;
  --zm-ac-light:  rgba(76, 34, 173, 0.08);
  --zm-ac-dark:   #3a1882;
  --zm-ac-grad:   linear-gradient(135deg, #4c22ad 0%, #7c3aed 100%);

  /* Fundal — warm off-white */
  --zm-bg:   #F6F5F2;
  --zm-bg2:  #FFFFFF;
  --zm-bg3:  #EEECEA;
  --zm-bg4:  #E2DFD9;
  --zm-card: #FFFFFF;

  /* Borduri */
  --zm-bd:  rgba(0, 0, 0, 0.09);
  --zm-bd2: rgba(0, 0, 0, 0.18);

  /* Glassmorphism — păstrat pentru header */
  --zm-glass-bg:      rgba(255, 255, 255, 0.92);
  --zm-glass-bg2:     rgba(255, 255, 255, 0.70);
  --zm-glass-bd:      rgba(255, 255, 255, 0.55);
  --zm-glass-bd2:     rgba(76, 34, 173, 0.18);
  --zm-glass-blur:    saturate(200%) blur(20px);
  --zm-glass-blur-sm: saturate(160%) blur(12px);

  /* Text */
  --zm-t1: #1F1A14;
  --zm-t2: #2D2B28;
  --zm-t3: #6B6860;
  --zm-t4: #9E9B96;

  /* Accente funcționale */
  --zm-red:         #B91C1C;
  --zm-red-light:   rgba(185, 28, 28, 0.08);
  --zm-green:       #166534;
  --zm-green-light: rgba(22, 101, 52, 0.08);
  --zm-orange:      #ff5200;
  --zm-orange-l:    rgba(255, 82, 0, 0.10);
  --zm-orange-d:    #cc4100;

  /* Fonturi */
  --zm-font-h: 'Lora', Georgia, serif;
  --zm-font-b: 'DM Sans', system-ui, -apple-system, sans-serif;
  --zm-font-m: 'JetBrains Mono', 'Courier New', monospace;

  /* Spacing */
  --zm-r-sm:   6px;
  --zm-r-md:   10px;
  --zm-r-lg:   14px;
  --zm-r-xl:   18px;
  --zm-r-2xl:  22px;
  --zm-r-pill: 999px;

  /* Font sizes */
  --zm-fs-meta: 13px; /* WCAG: min 12px, using 13 */
  --zm-fs-sm:   14px; /* WCAG: min 14px for UI text */
  --zm-fs-base: 17px; /* Apple HIG healthcare: 17px */
  --zm-fs-lg:   clamp(19px, 2vw, 26px);   /* H3 subsections */
  --zm-fs-xl:   clamp(24px, 3vw, 38px);   /* H2 section headings */
  --zm-fs-2xl:  clamp(32px, 5vw, 52px);   /* H1 hero/article — NYT standard */

  /* Transitions */
  --zm-tr:      .18s ease;
  --zm-tr-slow: .32s ease;
  --zm-focus:   var(--zm-ac);

  /* Shadows — mai definite */
  --zm-sh-sm: 0 1px 3px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04);
  --zm-sh:    0 3px 14px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);
  --zm-sh-lg: 0 10px 36px rgba(0,0,0,.10), 0 3px 10px rgba(0,0,0,.06);
  --zm-sh-ac: 0 8px 28px rgba(76,34,173,.20);
}


html { color-scheme: light; }


/* ══ RESET ══════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  font-size: 15px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  background: var(--zm-bg) !important;
  color: var(--zm-t1) !important;
  font-family: var(--zm-font-b) !important;
  font-size: var(--zm-fs-base);
  line-height: 1.7;
  overflow-x: hidden;
  transition: background var(--zm-tr), color var(--zm-tr);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--zm-font-h) !important;
  font-weight: 600;
  color: var(--zm-t1);
  line-height: 1.2;
}

p   { font-size: var(--zm-fs-base); line-height: 1.75; }
a   { color: var(--zm-ac); }
a:hover { text-decoration: underline; }
strong { font-weight: 700; }
img, svg, video { max-width: 100%; height: auto; }

/* Ascunde elementele GeneratePress */
#site-header, .site-header, .main-navigation, .nav-primary,
.top-bar, .footer-widgets, #colophon, .site-info,
.generate-back-to-top, .entry-header, .breadcrumb-trail,
.page-header, .post-navigation, .comments-area,
#site-footer, .site-footer { display: none !important; }

/* Full-width forțat */
body .site-content, body #content, body .content-area, body #primary {
  display: block !important; float: none !important;
  width: 100% !important; max-width: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
body #page, body .site-inner, body .grid-container {
  max-width: 100% !important; width: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
body #secondary, body .widget-area, body aside.sidebar, body .sidebar-container {
  display: none !important;
}
body .entry-content, body .page-content {
  max-width: 100% !important; padding: 0 !important;
  margin: 0 !important; float: none !important;
}

/* ══ GENERAREPRESS FULL-WIDTH — override agresiv ══════ */
.site-main, .inside-article, .inside-page-hero,
.generate-columns-container, .has-sidebar .content-area,
.one-container .site-main, .container,
main.site-main, body .site-main { 
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}
.entry-content, .page-content {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
article.post, article.page, article.type-post {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
body .grid-container { padding: 0 !important; }
/* Hero editorial full-width */
.zm-hero-ed {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}


/* ══ ACCESIBILITATE ══════════════════════════════════════ */
.skip-link {
  position: absolute; top: -100px; left: 16px;
  background: var(--zm-ac); color: #fff;
  padding: 10px 20px; border-radius: var(--zm-r-pill);
  font-size: 14px; font-weight: 700; text-decoration: none;
  z-index: 9999; transition: top .15s;
}
.skip-link:focus { top: 16px; }
:focus { outline: none; }
:focus-visible { outline: 2px solid var(--zm-ac); outline-offset: 3px; border-radius: 4px; }
.sr-only {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

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

/* ══ ARCHIVE / CATEGORY FULL-WIDTH FORCE ══════════════ */
body.category .site-main > article,
body.category .site-main > div,
body.archive  .site-main > article,
body.archive  .site-main > div,
body.search   .site-main > article,
body.search   .site-main > div,
body.error404 .site-main > div {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  float: none !important;
  width: 100% !important;
}

/* GP content separator */
body.category .entry-header,
body.archive  .entry-header,
body.category .entry-content,
body.archive  .entry-content {
  padding: 0 !important; margin: 0 !important;
  max-width: 100% !important;
}