/* ── COULEURS GDR MetExtra ── */
:root {
    --color-primary: #0F273B;
    --color-secondary: radial-gradient(1000px 500px at 10% 20%, #1a3f5c 0%, #0F273B 50%, #091a28 100%), #0F273B;
}

/* ── BARRE TOUT EN HAUT → BLANCHE ── */
.navbar-header,
.navbar-brand,
.navbar > .container > .navbar-header,
#header > .container:first-child,
#header > .row:first-child,
.conf-header-top,
.header-brand,
[class*="brand"],
[class*="top-nav"],
[id*="top-nav"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

.navbar-header a,
.navbar-brand a,
.conf-header-top a,
[class*="brand"] a {
    color: #0F273B !important;
}

/* ── NAVBAR → MARINE ── */
.navbar,
.navbar-default,
.navbar-inverse,
#header,
header#header,
.site-header,
#site-header {
    background: #0F273B !important;
    background-color: #0F273B !important;
    border: none !important;
    box-shadow: none !important;
}

/* ── HERO → MARINE (sans toucher aux images) ── */
#hero-banner,
.hero-banner,
[id*="hero"],
[class*="hero"] {
    background: #0F273B !important;
    overflow: hidden !important;
}

/* Masquer UNIQUEMENT les formes SVG décoratives — PAS les img */
#hero-banner svg,
#hero-banner canvas,
[class*="hero"] svg,
[class*="hero-shape"],
[class*="decoration"] {
    display: none !important;
}

/* ── LIENS NAV ── */
.navbar-nav > li > a,
.navbar-default .navbar-nav > li > a {
    color: #ACCFE1 !important;
}
.navbar-nav > li > a:hover,
.navbar-nav > li.active > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a {
    color: #ffffff !important;
    background: transparent !important;
    border-bottom: 2px solid #E95016 !important;
}

/* ── BOUTONS CONNEXION / ADMIN ── */
.btn-login,
.btn-primary,
a.btn[href*="login"],
a.btn[href*="connexion"],
.user-connect,
.navbar .btn {
    background-color: #E95016 !important;
    border-color: #E95016 !important;
    color: #ffffff !important;
}

.user-initials,
.avatar-circle,
[class*="user-badge"],
[class*="avatar"] {
    background-color: #E95016 !important;
    color: #ffffff !important;
}