/* ============================================================
   ADC Extranet 2.0 — Feuille de style principale
   Palette : orange ADC #FF5200 + gris foncé #52555B
   ============================================================ */

:root {
    --adc-orange: #FF5200;
    --adc-dark:   #C23D00;
    --adc-gray:   #52555b;
    --adc-light:  #fff4ef;
}

/* ---- Couleurs utilitaires ---------------------------------- */
.bg-adc               { background-color: var(--adc-orange) !important; }
.text-adc             { color: var(--adc-orange) !important; }
.btn-adc              { background-color: var(--adc-orange); color: #fff; border-color: var(--adc-orange); }
.btn-adc:hover        { background-color: var(--adc-dark); color: #fff; border-color: var(--adc-dark); }
.btn-outline-adc      { color: var(--adc-orange); border-color: var(--adc-orange); }
.btn-outline-adc:hover { background-color: var(--adc-orange); color: #fff; }

/* ---- Fond login -------------------------------------------- */
.bg-adc-gradient {
    background-color: #f2f2f2;
}

/* ---- Navbar double barre ----------------------------------- */
#topBar                { position: sticky; top: 0; z-index: 1030; }
.bg-adc-nav            { background-color: var(--adc-dark) !important; }
.bg-adc-nav .nav-link  { color: rgba(255,255,255,.85); font-size: .9rem; padding: .5rem .85rem; }
.bg-adc-nav .nav-link:hover     { color: #fff; background-color: rgba(255,255,255,.1); border-radius: 4px; }
.bg-adc-nav .nav-link.active    { color: #fff; font-weight: 600; border-bottom: 3px solid #fff; }
.bg-adc-nav .nav-link.disabled  { pointer-events: none; }
.navbar-brand span    { letter-spacing: .5px; font-size: 1.1rem; }

/* ---- Onglets site ------------------------------------------ */
.nav-tabs .nav-link.active {
    color: var(--adc-orange);
    font-weight: 600;
    border-bottom: 3px solid var(--adc-orange);
}
.nav-tabs .nav-link { color: #555; }
.nav-tabs .nav-link:hover { color: var(--adc-orange); }

/* ---- Tableau dashboard ------------------------------------- */
#sitesTable tbody tr:hover { background-color: var(--adc-light); }

/* ---- Card header ------------------------------------------- */
.card-header.bg-adc  { border-bottom: 3px solid rgba(255,255,255,.3); }

/* ---- Badge REGATE ------------------------------------------ */
.badge.bg-warning    { font-size: .85rem; letter-spacing: .5px; }

/* ---- Galerie photos ---------------------------------------- */
#photoGallery a { display: block; overflow: hidden; border-radius: 6px; }
#photoGallery a img { transition: transform .2s; }
#photoGallery a:hover img { transform: scale(1.05); }

/* ---- Formulaires ------------------------------------------- */
.form-control:focus, .form-select:focus {
    border-color: var(--adc-orange);
    box-shadow: 0 0 0 .2rem rgba(255,82,0,.2);
}

/* ---- Mono ref produit -------------------------------------- */
.fw-mono { font-family: 'Courier New', monospace; font-size: .85em; }

/* ---- Responsive mobile ------------------------------------- */
@media (max-width: 576px) {
    .nav-tabs { flex-wrap: nowrap; overflow-x: auto; }
    .nav-tabs .nav-link { white-space: nowrap; font-size: .85rem; padding: .4rem .75rem; }
}