/* ---------------------------------------------------------------------------
   Identitatea vizuala Lions pentru Club Admin
   Dupa „Lions International Brand Guidelines” v4.0 si tema lions.ro:
     - paleta primara: albastru #00338D, galben #EBB700, mov #7A2582 (3.1);
       secundara: bleumarin #0D2240, albastru deschis #407CCA, gri #55565A / #B3B2B1,
       verde #00AB68, portocaliu #FF5B35 — folosite cu masura;
     - degradeul antetului bleumarin -> albastru -> mov (3.2), acelasi ca pe lions.ro;
     - fontul digital Roboto (3.6);
     - sublinierea galbena ca element de accent (3.7);
     - emblema in doua culori doar pe fundal deschis, nemodificata, cu spatiu liber in jur (2.1–2.5).
   Se incarca dupa stilurile fiecarei pagini, deci regulile de aici le completeaza / suprascriu.
   --------------------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

:root {
    --lions-blue: #00338D;
    --lions-navy: #0D2240;
    --lions-purple: #7A2582;
    --lions-yellow: #EBB700;
    --lions-blue-light: #407CCA;
    --lions-gray: #55565A;
    --lions-gray-light: #B3B2B1;
    --lions-green: #00AB68;
    --lions-orange: #FF5B35;
    --lions-ground: #EEF1F6;
    --lions-header-gradient: linear-gradient(90deg, #0D2240 0%, #00338D 45%, #7A2582 100%);
}

/* Tipografie: Roboto, cu Helvetica / Arial ca rezerva (3.5) */
body,
button,
input,
select,
textarea {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

h1, h2, h3, h4 {
    letter-spacing: -0.01em;
}

/* Antetul paginilor: emblema pe disc alb (fundal deschis pentru emblema color) */
.header .logo,
.header-content .logo {
    background: #fff;
    border-radius: 50%;
    padding: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    object-fit: contain;
}

/* Autentificare si verificarea in doi pasi: acelasi antet, emblema pe disc alb */
.login-header .logo {
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.mfa-header {
    background: var(--lions-header-gradient) !important;
}

/* Sublinierea galbena sub titlul paginii */
.header h1::after,
.header-text h1::after,
.login-header h1::after,
.mfa-header h1::after {
    content: "";
    display: block;
    width: 72px;
    height: 4px;
    margin: 10px auto 0;
    background: var(--lions-yellow);
    border-radius: 2px;
}

/* Taburi active si focus: accent galben */
.tab.active,
.nav-tab.active,
.tab-button.active {
    border-bottom-color: var(--lions-yellow) !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--lions-blue) !important;
    box-shadow: 0 0 0 3px rgba(0, 51, 141, 0.15) !important;
    outline: none;
}

/* Linkuri */
a {
    color: var(--lions-blue);
}