/* ══ PAGINILE DE LISTARE: SUB ANTET, TEMA DESCHISĂ ══════════════════════
   Încărcată pe cele 8 pagini cu carduri de specialist: psihologi,
   psihiatri, neurologi, medici, nutritionisti,
   dezvoltare-personala și videoclipuri-alimentatie. Vine după foaia
   fiecărei pagini (psihologi.css, listare-specialisti.css, nutritionisti.css,
   dezvoltare-personala.css, videoclipuri-alimentatie.css).

   Aceleași culori ca pe profiluri (profil-tema-deschisa.css):
     - fundal #f3f7fc (alb cu iz de albastru)
     - cardurile albastru diamant #dbe8f8
     - partea de jos a cardului (nume, preț, buton) în culorile bannerului
       de pe /psihologi (bleumarin #081731 → albastru #17539a)
   Antetul (bannerul cu galaxia, respectiv titlul și căutarea pe cerul cu
   stele) rămâne închis, ca bannerele de pe profiluri.

   Cele trei feluri de card au clase diferite (psy-card, coach-card,
   nut-card), dar aceeași structură; panoul cu cardurile e `section.glass`,
   singurul de pe fiecare dintre aceste pagini. Nu cerem să existe carduri:
   și lista goală („niciun specialist") trebuie să fie pe fundalul deschis. */

section.glass {
    /* tokenii paginii (definiți la :root în foaia fiecărei pagini) */
    --text: #0b1623;
    --muted: #4a5d74;
    --primary: #0a3aa5;
    --accent: #0a3aa5;
    /* tokenii din tokens.css */
    --mv-text: #0b1623;
    --mv-text-2: #4a5d74;
    --mv-text-3: #4a5d74;
    --mv-text-soft: #0b1623;
    --mv-text-inverse: #ffffff;
    --mv-accent: #0a3aa5;
    --mv-elev-4: rgba(10, 58, 165, 0.14);
    color: #0b1623;

    /* Panoul rotunjit dispare: devine o bandă deschisă pe toată lățimea
       (umbra întinde culoarea lateral, clip-path o taie sus și jos). */
    background: #f3f7fc !important;
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: 0 0 0 100vmax #f3f7fc !important;
    clip-path: inset(0 -100vmax);
    margin-bottom: 0 !important;
    /* footerul are margin-top: 80px; spațiul trece aici, pe fundalul deschis */
    padding-bottom: 120px !important;
}
body:has(section.glass) > footer { margin-top: 0 !important; }

/* ── Cardul: albastru diamant ─────────────────────────────────────────── */
section.glass .psy-card,
section.glass .coach-card,
section.glass .nut-card {
    background: #dbe8f8 !important;
    border-color: rgba(10, 58, 165, 0.14) !important;
    box-shadow: 0 1px 2px rgba(11, 22, 35, 0.05), 0 8px 22px rgba(10, 58, 165, 0.08);
}
/* stelele animate și luminile din card sunt gândite pentru fundal închis */
section.glass .ps-stars-canvas,
section.glass .cc-stars,
section.glass .nc-stars,
section.glass .psy-card-bg,
section.glass .coach-card-bg,
section.glass .nut-card-bg { display: none !important; }

/* Specializările, ca etichete albastre deschise */
section.glass :is(.psy-card, .coach-card, .nut-card) [class$="-spec-item"] {
    background: rgba(10, 58, 165, 0.06) !important;
    border-color: rgba(10, 58, 165, 0.16) !important;
}
section.glass :is(.psy-card, .coach-card, .nut-card):hover [class$="-spec-item"] {
    background: rgba(10, 58, 165, 0.1) !important;
    border-color: rgba(10, 58, 165, 0.26) !important;
}

/* Eticheta „N videoclipuri" de pe poză are fundal închis: textul rămâne
   albastrul deschis al temei închise (accentul de aici e albastru închis). */
section.glass :is(.coach-card-vcount, .nut-card-vcount) { color: #6ec1ff !important; }

/* ── Partea de jos: culorile bannerului de pe /psihologi ──────────────── */
section.glass :is(.psy-card-footer, .coach-card-footer, .nut-card-footer) {
    /* înapoi la tema închisă, doar aici: nume, preț și buton pe albastru */
    --text: #ffffff;
    --muted: rgba(255, 255, 255, 0.78);
    --primary: #6ec1ff;
    --accent: #6ec1ff;
    --mv-text: #ffffff;
    --mv-text-2: rgba(255, 255, 255, 0.78);
    --mv-text-3: rgba(255, 255, 255, 0.78);
    --mv-text-soft: #ffffff;
    --mv-text-inverse: #001a2e;
    --mv-accent: #6ec1ff;
    --mv-elev-4: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    background: linear-gradient(120deg, #081731 0%, #0f2a52 55%, #17427a 100%) !important;
    border-top: 0 !important;
}