/* ══ BUTONUL „PROGRAMEAZĂ-TE" DIN MENIU — DIAMANT, STATIC ═══════════════════
   Cerut pe 25 sept 2026: butonul stilizat, „fără efecte”. Nimic nu se mișcă, nici
   la încărcare, nici la hover; la hover doar culoarea se închide puțin, instant.
   De aceea: fără clasa `ripple` în includes/header.php (cercul de la click), fără
   cercul care creștea la hover (::after din navbar-spectacular.css), fără tranziții.

   Materialul e cel al tablourilor specialiștilor: albastru-diamant cu fațetele
   pietrei (img/diamant-fatete.svg) în colțul din dreapta, în nuanța butonului de
   acțiune din meniu (#6ec1ff), ca să iasă în evidență pe bleumarin. Doar text: fără
   iconiță și fără săgeată (scoase la cererea utilizatorului, tot 25 sept).

   navbar-spectacular.css (desktop) și meniu-mobil.css (≤1200px) pun fundalul cu
   !important, deci și aici: `a.btn.nav-programare` le bate prin specificitate, iar
   foaia se încarcă ultima (includes/header.php). */

header.nav .menu a.btn.nav-programare {
    position: relative; isolation: isolate; overflow: hidden;
    display: inline-flex; align-items: center; justify-content: center;
    /* aceeași mărime ca butonul de dinainte (156×32): pe 25 sept era prea „gras” la 40px */
    height: 32px !important; min-height: 0 !important;
    padding: 0 16px !important;
    border-radius: 12px !important;
    background: radial-gradient(130% 230% at 100% 0%, #e2f3ff 0%, #a6d9ff 38%, #6ec1ff 74%, #5fb5f7 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.42) !important;
    color: #06213f !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.75),
        inset 0 -1px 0 rgba(6, 33, 63, 0.12),
        0 3px 10px rgba(110, 193, 255, 0.14) !important;
    font-weight: 700 !important; letter-spacing: -0.005em;
    text-decoration: none; white-space: nowrap;
    transform: none !important;
    transition: none !important;
    animation: none !important;}

/* fațetele: ancorate în dreapta sus, estompate spre stânga (textul rămâne pe albastru plin) */
header.nav .menu a.btn.nav-programare::before {
    content: '' !important;
    position: absolute; inset: 0; z-index: -1;
    border-radius: inherit; opacity: 1 !important;
    background: url('../img/diamant-fatete.svg') right top / 360px auto no-repeat !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.3) 38%, #000 100%);
            mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.3) 38%, #000 100%);
    pointer-events: none;
    transition: none !important;}

/* cercul care creștea la hover — scos */
header.nav .menu a.btn.nav-programare::after { content: none !important; display: none !important;}

/* hover: aceeași piatră, puțin mai adâncă; nimic nu se deplasează */
header.nav .menu a.btn.nav-programare:hover {
    background: radial-gradient(130% 230% at 100% 0%, #d2ebff 0%, #8ccdff 38%, #58b1f4 74%, #4aa4ec 100%) !important;
    color: #041a33 !important;
    transform: none !important;}
header.nav .menu a.btn.nav-programare:active { transform: none !important;}

/* ── Meniul de pe mobil (≤1200px): rând pe toată lățimea, ca celelalte butoane ── */
@media (max-width: 1200px) {
    header.nav .menu a.btn.nav-programare {
        display: flex !important; justify-content: center !important;
        width: 100% !important; height: auto !important; min-height: 48px !important;
        padding: 12px 16px !important;
        border-radius: 12px !important;
        font-size: 0.98rem !important;}
    header.nav .menu a.btn.nav-programare::before { background-size: 640px auto !important;}
}