/* ============================================================
   iTech Media — Rafinarea umbrelor
   ------------------------------------------------------------
   Cerință: „umbrele să fie fine".

   Diagnostic: problema nu erau umbrele negre, ci HALOURILE COLORATE.
   Butonul principal avea un glow albastru la opacitate 0.8 pe o rază
   de 44px. Un halou colorat atât de saturat citește ca neon, adică
   exact opusul lui premium. Registrul premium se obține din umbre
   desaturate și strânse, nu din lumină colorată.

   Ce facem:
   - halourile colorate coboară de la 0.5–0.8 la 0.18–0.28
   - umbrele negre rămân vizibile (pe fundal închis, o umbră la 0.18
     dispare complet), dar se strâng: rază mai mică, ofset negativ mai
     mare, deci margine mai clară și mai puțină ceață
   - nimic nu se schimbă la culori, text sau layout

   Se încarcă ULTIMUL, ca să poată suprascrie. Fără `!important`
   nicăieri: aceeași specificitate + ordine mai târzie e suficient.
   ============================================================ */

/* ------------------------------------------------------------
   DERULAREA SE OPREȘTE LA SUBSOL (verificat la auditul pe telefon)

   Constatare: `html` nu avea nici `background`, nici `overscroll-behavior`.
   Când `html` nu are fundal propriu, fundalul lui `body` se propagă pe
   toată pânza, inclusiv în zona de overscroll. La capătul paginii,
   rubber-band-ul de pe iOS scotea la iveală o bandă cu fundalul
   body-ului sub footer, în loc să continue footerul.

   Nu e spațiu în plus în layout — auditul a măsurat gap 0 sub footer pe
   toate paginile — de aceea defectul nu apare la măsurători și pare că
   „nu ai ce repara". Se vede doar cu degetul pe ecran.

   Footerul e #0f172a (footer.php), deci aceea e culoarea pânzei.
   ------------------------------------------------------------ */
html {
    background: #0f172a;
    /* Taie rubber-band-ul și pull-to-refresh pe Chrome/Android și Safari 16+.
       Pe iOS mai vechi bounce-ul rămâne, de aceea culoarea pânzei de mai sus
       nu e opțională, e plasa de siguranță. */
    overscroll-behavior-y: none;
}

:root {
    /* Umbra generală: era 0 24px 60px -20px rgba(0,0,0,.65).
       Rază redusă cu o treime, opacitate aproape la jumătate. */
    --rd-shadow: 0 16px 38px -18px rgba(0, 0, 0, .42);

    /* Haloul albastru: era 0 0 40px -8px rgba(37,99,235,.55).
       Un glow fără ofset e un halou; îi dăm ofset ca să pară umbră. */
    --rd-glow-blue: 0 8px 26px -12px rgba(37, 99, 235, .26);

    /* Scară nouă, pentru ce adăugăm de acum înainte. */
    --itm-sh-sm: 0 2px 8px rgba(8, 16, 32, .22);
    --itm-sh-md: 0 10px 26px -12px rgba(8, 16, 32, .38);
    --itm-sh-lg: 0 20px 46px -22px rgba(8, 16, 32, .48);
}

/* ------------------------------------------------------------
   Butonul principal — cel mai vizibil caz
   Era .6 în repaus și .8 la survolare: haloul creștea mai tare
   decât se ridica butonul, deci ochiul citea lumină, nu mișcare.
   Acum umbra rămâne discretă și ridicarea devine semnalul principal.
   ------------------------------------------------------------ */
.rd-btn-primary {
    box-shadow: 0 6px 18px -8px rgba(37, 99, 235, .34);
}
.rd-btn-primary:hover {
    box-shadow: 0 12px 28px -12px rgba(37, 99, 235, .42);
}

/* ------------------------------------------------------------
   Banda de statistici
   ------------------------------------------------------------ */
.rd-statband .s:hover {
    box-shadow: 0 12px 28px -16px rgba(37, 99, 235, .28);
}

/* ------------------------------------------------------------
   Etichete și insigne — glow-uri fără ofset, cele mai „neon"
   ------------------------------------------------------------ */
.rd-chip.active {
    box-shadow: 0 4px 12px -6px rgba(37, 99, 235, .32);
}
.rd-promo-badge {
    box-shadow: 0 4px 12px -6px rgba(239, 68, 68, .32);
}

/* ------------------------------------------------------------
   Medalioanele de icon
   Aveau umbre colorate puternice care le făceau să „plutească"
   detașat de card. O umbră strânsă le așază pe suprafață.
   ------------------------------------------------------------ */
.rd-detail-icon,
.rd-finder-ic,
.rd-svc-ic {
    box-shadow: 0 6px 16px -8px rgba(8, 16, 32, .45);
}

/* ------------------------------------------------------------
   BUTONUL „HELP" — roșu la survolare

   Butonul de asistență e singurul din bară care semnalează urgență, nu
   navigare. Roșul îl scoate din grupul albastru și îl face de găsit când
   omul chiar are o problemă.

   `!important` e necesar: `.btn-outline-light:hover` din style.css
   (linia 58-63) declară deja culoarea cu `!important`. Se aplică doar
   pe această clasă, nu pe restul butoanelor.

   Roșul rămâne rezervat erorilor în formulare; aici e o excepție
   deliberată, pe un singur buton, care nu apare pe nicio pagină de
   formular alături de mesaje de eroare.
   ------------------------------------------------------------ */
.btn-help:hover,
.btn-help:focus-visible {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
    box-shadow: 0 8px 20px -10px rgba(220, 38, 38, .55) !important;
}
.btn-help:focus-visible {
    outline: 2px solid #fca5a5;
    outline-offset: 2px;
}

/* ------------------------------------------------------------
   Restul foilor de pagină, unde umbrele au fost scrise direct
   ------------------------------------------------------------ */
.spotlight-card:hover,
.rd-card:hover,
.rd-finder-card:hover,
.tech-card:hover {
    box-shadow: var(--itm-sh-lg);
}