/* ══ PROFILURILE DE REZERVARE: SUB BANNER, TEMA DESCHISĂ ════════════════ Încărcată pe cele 6 profiluri de rezervare (profil, profil-psihiatru, -neurolog, -medic, -nutritionist), după foaia familiei și după profil-banner.css. Aceleași culori ca pe profilurile cu videoclipuri și pe pagina de vizionare (video-player.css): aproape alb cu un iz de albastru, text în culoarea pupilei din logo (#0b1623), accente în albastrul inelului exterior (#0a3aa5). Cum: zona de sub banner (.page-wrap) își redefinește tokenii de culoare, deci cardurile, calendarul, recenziile și formularul se întorc singure. Bannerul, meniul, footerul și ferestrele (modalurile) rămân închise. `.cp-banner ~ .page-wrap` prinde doar aceste pagini: .page-wrap e fratele bannerului numai pe profilurile de rezervare. */ .cp-banner ~ .page-wrap { /* tokenii din tokens.css */ --mv-bg: #f3f7fc; --mv-elev-1: rgba(10, 58, 165, 0.045); --mv-elev-2: rgba(10, 58, 165, 0.07); --mv-elev-3: rgba(10, 58, 165, 0.1); --mv-elev-4: rgba(10, 58, 165, 0.14); --mv-text: #0b1623; --mv-text-soft: #0b1623; --mv-text-2: #4a5d74; --mv-text-3: #4a5d74; --mv-text-inverse: #ffffff; /* textul de pe butoanele albastre */ --mv-accent: #0a3aa5; --mv-accent-soft: #1f4fbf; --mv-border: rgba(11, 22, 35, 0.14); --mv-border-soft: rgba(11, 22, 35, 0.09); --mv-success: #03634a; --mv-danger: #b91c1c; /* tokenii paginii (profil.css / profil-pacient.css). Se calculează o singură dată, la :root, deci nu urmează singuri tokenii de mai sus: trebuie redefiniți și ei. */ /* cardurile: albastru diamant: rece, ca de gheață, puțin mai închis decât fundalul (ca să nu pară foi albe) */ --surface: #dbe8f8; --surface-hover: #d2e1f5; --border: rgba(11, 22, 35, 0.1); --border-hover: rgba(10, 58, 165, 0.3); --primary: #0a3aa5; --accent: #0a3aa5; --text: #0b1623; --muted: #4a5d74; --green: #03634a; --red: #b91c1c; color: #0b1623; /* Fundalul, pe toată lățimea ecranului deși coloana are 1300px: umbra întinde culoarea lateral, iar clip-path o taie sus și jos. Acoperă și stelele (.space-bg), care stau dedesubt, pe un strat fix. */ background: #f3f7fc; box-shadow: 0 0 0 100vmax #f3f7fc; clip-path: inset(0 -100vmax); /* footerul are margin-top: 80px; spațiul trece aici, pe fundalul deschis */ padding-bottom: 140px; } /* .page-wrap e fie direct în (profil.php), fie în

(celelalte cinci), deci footerul nu e mereu fratele lui: ținta e footerul din body. */ body:has(.cp-banner ~ .page-wrap) > footer { margin-top: 0 !important; } /* ── Cardurile: albastru diamant deschis, cu o umbră fină ──────────────── */ .cp-banner ~ .page-wrap .s-card { border-color: rgba(10, 58, 165, 0.12); box-shadow: 0 1px 2px rgba(11, 22, 35, 0.05), 0 6px 18px rgba(10, 58, 165, 0.06); } .cp-banner ~ .page-wrap .s-icon { background: rgba(10, 58, 165, 0.08); } /* ── Specializările ─────────────────────────────────────────────────────── */ .cp-banner ~ .page-wrap .spec-tag { background: rgba(10, 58, 165, 0.06); border-color: rgba(10, 58, 165, 0.18); } .cp-banner ~ .page-wrap .spec-tag:hover { background: rgba(10, 58, 165, 0.1); } .cp-banner ~ .page-wrap .total-box { background: rgba(10, 58, 165, 0.05); border-color: rgba(10, 58, 165, 0.14); } /* ── Calendarul de programare (booking-widget.css scrie aici alb direct) ── */ .cp-banner ~ .page-wrap .bk-cal-nav { color: #4a5d74; } .cp-banner ~ .page-wrap .bk-cal-dow span { color: #4a5d74; } .cp-banner ~ .page-wrap .bk-cal-cell { color: #0b1623; } .cp-banner ~ .page-wrap .bk-cal-cell.past, .cp-banner ~ .page-wrap .bk-cal-cell.none { color: rgba(11, 22, 35, 0.3); } .cp-banner ~ .page-wrap button.bk-cal-day.is-sel { color: #ffffff; } .cp-banner ~ .page-wrap .bk-slot.is-taken { color: rgba(11, 22, 35, 0.42); } .cp-banner ~ .page-wrap .bk-meta-item { background: rgba(10, 58, 165, 0.04); }