/* ==========================================================================
   NetDoktor — CELCSOPORT-SAV (ORVOSOKNAK / PACIENSEKNEK)
   --------------------------------------------------------------------------
   HATOKOR: az orvosi fooldal (`body.dm-sav`). A lakossagi oldalak ugyanezt a
   savot a `netdoktor-lakossagi.css`-bol kapjak — oda a lap teljes vizualis
   rendszere is kell, ide CSAK a sav.

   EREDET: a jovahagyott `/demmo/paciensek` stiluslapjanak 0., 1. es 2. blokkja.
   A fajlt NEM kezzel szerkesztjuk: a `tools/celcsoport-sav.pl` allitja elo a
   `demmo/assets/demmo.css`-bol.

   ELTERES A BEMUTATOTOL (szandekos):
     *  nincs "Bemutato valtozat" jelzes,
     *  a `scroll-behavior: smooth` kimarad — az oldal mukodeset nem valtoztatjuk,
     *  a valtot sajat szabaly tolja a sav jobb szelere.

   AMIT EZ A FAJL NEM CSINAL: egyetlen meglevo oldalelemhez sem nyul. A
   `.dm-sav` hatokoron kivul csak a sav sajat (`.dm-audbar`, `.dm-switch`)
   osztalyai vannak benne, amelyekhez markup csak ott tartozik, ahol a savot
   szandekosan betettuk.
   ========================================================================== */

/* ============================================ 0. BEMUTATO-PALETTA ========
   Hideg, neutralis-kekes feher skala. A NetDoktor kek marad a markaszin, a
   narancs pedig kizarolag akcio- es kiemeloszin. Egyetlen meleg (sargas)
   hattertonus sincs a rendszerben.                                          */

.dm-sav {
  --dm-cool-000: #ffffff;
  --dm-cool-050: #fbfdfd;
  --dm-cool-100: #f6f9fa;
  --dm-cool-200: #f0f5f6;
  --dm-cool-300: #e6eef0;

  /*  3. hatterszint: hatarozottabb, de tovabbra is vilagos NetDoktor-tonus.
      Nem szurke es nem tulzottan kek: a zold csatorna magas, ezert turkizes
      marad (HSL kb. 194deg / 39% / 94%) — friss, egeszsegugyi, premium.  */
  --dm-surface-3: #e9f3f6;

  --dm-hairline:        rgba(12, 92, 122, 0.10);
  --dm-hairline-strong: rgba(12, 92, 122, 0.16);

  --dm-radius-pill: 999px;
  --dm-audbar-h: 2.375rem;   /* 38 px — vekony utility-sav */
}

@media (max-width: 47.999rem) {
  .dm-sav { --dm-audbar-h: 2.25rem; }   /* 36 px */
}



/* ================================ 1. BEMUTATO-SCOPE ES VAZELTOLAS ========
   Az utility-sav a fix fejlec FOLE kerul, ezert a fejlecet es a fotartalom
   felso kitolteset ugyanannyival lejjebb kell tolni. Egyetlen tokenbol.     */

.dm-sav .gs-header { inset-block-start: var(--dm-audbar-h); }

/* Nem-flush oldalak: a shell a `--header-height`-tal kompenzal, ide jon a sav. */
.dm-sav .gs-page__main { padding-block-start: calc(var(--header-height) + var(--dm-audbar-h)); }

/* Flush oldalak: ott a hero sajat felso terkoze kompenzal. */
.dm-sav .gs-page--flush .gs-page__main { padding-block-start: 0; }
.dm-sav .gs-page--flush .gs-page__main > .gs-hero {
  padding-block-start: calc(var(--header-clearance) + var(--dm-audbar-h));
}
@media (max-width: 47.999rem) {
  .dm-sav .gs-page--flush .gs-page__main > .gs-hero {
    padding-block-start: calc(var(--header-clearance-sm) + var(--dm-audbar-h));
  }
}

/* A horgonyos bemutato-navigacio miatt minden szekcio a fix fejlec ALATT
   alljon meg, kulonben a cim a navigacio moge csuszik. */
.dm-sav [id] { scroll-margin-block-start: calc(var(--header-height) + var(--dm-audbar-h) + 0.75rem); }

/* A fejlec also hajszalvonala kotelezo: az utility-sav es a fejlec ugyanabbol
   a vilagos csaladbol valo, igy ez valasztja el a tartalomtol. */
.dm-sav .gs-header { border-block-end: 1px solid var(--dm-hairline); }


/* ================================ 2. UTILITY-SAV + CELCSOPORT-VALTO ======
   Vekony, vilagos sav a fejlec folott. Nem onallo fejlec: azonos vilagos
   csaladbol valo, mint a fejlec, es csak egy hajszalvonal valasztja el.
   Balra a diszkret bemutato-jelzes, jobbra a valto.                        */

.dm-audbar {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: calc(var(--z-header) + 1);
  min-block-size: var(--dm-audbar-h);
  display: flex;
  align-items: center;
  background: var(--dm-cool-100);
  border-block-end: 1px solid var(--dm-hairline);
  color: var(--nd-ink-500, #5a6b72);
}

.dm-audbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  inline-size: 100%;
}

@media (max-width: 35.999rem) {
  .dm-audbar__inner { justify-content: space-between; gap: 0.5rem; }
}

/* --- a valto: minimal szoveges kapcsolo --------------------------------- */

.dm-switch {
  display: flex;
  align-items: stretch;
  margin-inline-end: -0.5rem;   /* a szoveg optikailag a raccsal egy vonalban */
}

.dm-switch__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0.4375rem 0.6875rem;
  font-size: 0.6875rem;         /* 11 px */
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  color: var(--nd-ink-500, #5a6b72);
  transition: color 180ms var(--ease-standard, ease);
}

/* Hajszalvekony elvalaszto a ket allapot kozott. */
.dm-switch__link + .dm-switch__link::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block: 0.5rem;
  inline-size: 1px;
  background: var(--dm-hairline-strong);
}

.dm-switch__link:hover,
.dm-switch__link:focus-visible { color: var(--nd-ink-900, #16303d); }

/* AKTIV allapot: sotetebb tinta + vekony also jel. Nincs kitoltott pirula. */
.dm-switch__link[aria-current="true"] {
  color: var(--nd-deep-700, #0c5c7a);
  font-weight: 700;
}
.dm-switch__link[aria-current="true"]::after {
  content: "";
  position: absolute;
  inset-inline: 0.6875rem;
  inset-block-end: -1px;
  block-size: 2px;
  border-radius: 2px 2px 0 0;
  background: var(--nd-deep-600, #17a0bf);
}

/* Pacienskornyezet: az aktiv jel narancs — ez az egyetlen narancs a savon. */
.dm-a-paciens .dm-switch__link[aria-current="true"] { color: var(--nd-warm-700, #d96c0f); }
.dm-a-paciens .dm-switch__link[aria-current="true"]::after { background: var(--nd-warm-600, #f6851f); }

@media (max-width: 29.999rem) {
  .dm-switch__link { padding-inline: 0.5rem; letter-spacing: 0.05em; }
}

/* --- a valto a mobil fiokban -------------------------------------------
   Nyitott mobilmenuben a fiok (z-index 300) eltakarja a fix savot, ezert a
   valto a fiok tetejen is ott van. Ott nincs korulotte utility-sav, ezert
   kap egy visszafogott, vilagos alatetet.                                  */

.dm-drawer-switch {
  background: var(--dm-cool-100);
  border: 1px solid var(--dm-hairline);
  border-radius: var(--radius-md);
  padding: 0.25rem;
  margin-block-end: 1.25rem;
}
.dm-switch--fiok { display: grid; grid-template-columns: 1fr 1fr; margin-inline-end: 0; }
.dm-switch--fiok .dm-switch__link { justify-content: center; padding-block: 0.5625rem; }
.dm-switch--fiok .dm-switch__link[aria-current="true"] {
  background: var(--surface);
  border-radius: calc(var(--radius-md) - 0.25rem);
  box-shadow: 0 1px 3px rgba(12, 92, 122, 0.10);
}
.dm-switch--fiok .dm-switch__link[aria-current="true"]::after { inset-block-end: 0.3125rem; inset-inline: 1.25rem; }
.dm-switch--fiok .dm-switch__link + .dm-switch__link::before { display: none; }



/* ============================ ELES: A VALTO HELYE A SAVON ================
   Bemutato-jelzes nelkul a `space-between`-nek nincs bal oldali eleme, ezert
   a valtot explicit toljuk a sav jobb szelere.                             */

.dm-audbar__inner > .dm-switch { margin-inline-start: auto; }