/*
 * Culorile de brand AquaVentura, luate din logo (assets/img/logo.svg).
 * Portocaliu = etichetele incadrate (h6). Verde = tot ce se poate apasa.
 * Fisierul se incarca dupa style.css, deci nu depinde de recompilarea SCSS.
 */
:root {
    --av-orange: #F17631;
    --av-orange-dark: #D9611F;
    --av-green: #428641;        /* verdele de brand, pentru contur si text */
    --av-green-fill: #356647;   /* acelasi verde din logo, mai inchis: alb pe el = 7,4:1 */
    --av-green-dark: #295E3C;
}

/* --- Etichete incadrate ---
   Verzi, ca sa alterneze cu butoanele portocalii de dedesubt. */
h6,
.h6,
.indications-container .indications .indication .inner .title {
    color: var(--av-green-fill);
    border-color: var(--av-green-fill);
}

/* pe fundal inchis eticheta ramane alba, ca inainte */
.color-white h6,
.color-white .h6 {
    color: #FDFDFD;
    border-color: #FDFDFD;
}

/* --- Butoane --- */
.btn {
    background-color: var(--av-green-fill);
    border-color: var(--av-green-fill);
    color: #FDFDFD;
}

.btn:hover,
.btn:focus-visible {
    background-color: var(--av-green-dark);
    border-color: var(--av-green-dark);
    color: #FDFDFD;
}

/* Butoanele secundare: portocaliu plin cu text inchis.
   Conturul verde disparea pe fundalurile colorate (#93b6e6, #e5ecf9),
   iar alb pe portocaliu are contrast 2,7:1 — sub pragul de lizibilitate.
   Portocaliu + #2A2725 da 7,4:1. */
.btn.btn-secondary {
    background-color: var(--av-orange);
    border-color: var(--av-orange-dark);
    color: #2A2725;
}

.btn.btn-secondary:hover,
.btn.btn-secondary:focus-visible {
    background-color: var(--av-orange-dark);
    border-color: var(--av-orange-dark);
    color: #FDFDFD;
}

/* Peste fotografie sau sectiune inchisa: portocaliu plin.
   Verdele nu are destul contrast pe imagine, iar conturul alb dispare. */
.btn.btn-primary.white,
.btn.btn-secondary.white,
.color-white .btn.btn-primary,
.color-white .btn.btn-secondary {
    background-color: var(--av-orange);
    border-color: var(--av-orange);
    color: #2A2725;
}

.btn.btn-primary.white:hover,
.btn.btn-secondary.white:hover,
.color-white .btn.btn-primary:hover,
.color-white .btn.btn-secondary:hover {
    background-color: var(--av-orange-dark);
    border-color: var(--av-orange-dark);
    color: #FDFDFD;
}

/* textul e fortat la alb de `.color-white *`; pe portocaliu vrem text inchis */
.btn.white,
.btn.white *,
.color-white .btn.btn-primary *,
.color-white .btn.btn-secondary * {
    color: #2A2725;
}

/* sageata de hover, pe fundal portocaliu */
.btn.btn-secondary:after,
.btn.white:after {
    filter: none;
}

/* Butonul din header: avea text inchis pe verde (selector cu id in style.css) */
#header a.btn.btn-primary,
#header a.btn.btn-primary * {
    color: #FDFDFD;
}

#header a.btn.btn-secondary {
    background-color: transparent;
    border-color: var(--av-green);
}

#header a.btn.btn-secondary,
#header a.btn.btn-secondary * {
    color: var(--av-green);
}

#header a.btn.btn-secondary:hover {
    background-color: var(--av-green);
}

#header a.btn.btn-secondary:hover,
#header a.btn.btn-secondary:hover * {
    color: #FDFDFD;
}

.color-white .btn.btn-primary * {
    color: inherit;
}

/* sageata din buton ramane vizibila pe verde */
.btn:not(.white):after {
    filter: brightness(0) invert(1);
}

.btn.btn-secondary:not(.white):after {
    filter: none;
}