/* =========================================
   STEAMPUNK MANUFACTURE — variante institutionnelle, autorité magazine.
   Identité : palette acajou foncé + crème. Nav bois noble très sombre.
   Cards encadrement double laiton/acajou. Pour ferronniers d'art,
   ateliers organisés, manufactures familiales établies.
   ========================================= */

:root {
    /* === Palette de base — industrielle : cuivre oxydé + acier/fer.
       Surcharge des tokens BRUTS (sémantiques + usages directs suivent). === */
    --sp-brass:        #B05A2C;   /* accent — cuivre oxydé rouge */
    --sp-brass-dark:   #87411E;   /* hovers */
    --sp-brass-light:  #C97A45;   /* accents subtils / insets */
    --sp-copper:       #9E4E22;   /* secondaire — cuivre profond */
    --sp-mahogany:     #312E2A;   /* titres — acier / fer sombre */
    --sp-ink:          #2A2622;   /* texte — gris-brun froid */
    --sp-ink-soft:     #5C5249;   /* texte secondaire */
    --sp-tarnish:      #5A4A3A;   /* bordures — fer patiné */

    /* Palette body : crème grisée, plus froide */
    --sp-bg:           #ECE4CF;
    --sp-bg-alt:       #ECE0BD;
    --sp-surface:      #FBF6EC;

    --sp-section-alt-bg: #ECE0BD;

    /* NAV : acajou TRÈS foncé, type "marbre/bois noble", text laiton clair */
    --sp-nav-bg:           #3D1F0A;
    --sp-nav-bg-gradient:  linear-gradient(180deg, #4A2C12 0%, #2A1607 100%);
    --sp-nav-text:         #DBC397;
    --sp-nav-brand:        #C97A45;       /* cuivre clair, lisible sur bois sombre */
    --sp-nav-hover:        #FBF5E5;
    --sp-nav-border:       #B05A2C;
    --sp-nav-border-width: 5px;
    --sp-nav-border-style: double;

    /* CARDS : look magazine, bordure double, bandeau supérieur acajou */
    --sp-card-bg:     #FFFAF0;
    --sp-card-border: #8B4513;
    --sp-card-shadow:
        0 2px 4px rgba(44, 24, 16, 0.1),
        inset 0 0 0 1px var(--sp-brass),
        inset 0 6px 0 var(--sp-mahogany);

    /* Images : héliogravure magazine — fortement désaturé, contraste élevé */
    --sp-img-filter: grayscale(0.7) sepia(0.95) saturate(0.85) hue-rotate(-20deg) contrast(1.25) brightness(0.85);

    /* Texture body : grain diagonal type papier vélin */
    --sp-body-pattern:
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 3px,
            rgba(139, 69, 19, 0.035) 3px,
            rgba(139, 69, 19, 0.035) 4px
        ),
        radial-gradient(circle at 50% 0%, rgba(139, 69, 19, 0.09), transparent 60%),
        radial-gradient(circle at 50% 100%, rgba(176, 141, 87, 0.07), transparent 60%);
}

/* Nav brand en MAJUSCULES espacées (autorité) */
.sp-nav .navbar-brand {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 1.375rem;
}
.sp-nav { padding: 1.125rem 0; }

/* Titres en MAJUSCULES pour les sections */
.section-title h2,
.sp-section-title h2 {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: clamp(1.5rem, 3vw, 2.25rem);
}

/* Hero manufacture : carte signature en encart, credentials alignés */
.manufacture-hero {
    padding: 6rem 0 4rem;
    background:
        linear-gradient(135deg, rgba(248,239,217,0.95), rgba(236,224,189,0.88));
    border-bottom: 4px double var(--sp-mahogany);
}
.manufacture-hero h1 {
    color: #3D1F0A;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: clamp(2rem, 4vw, 3rem);
}
.manufacture-hero .hero-credentials {
    border-top: 1px solid var(--sp-tarnish);
    padding-top: 1.5rem;
    margin-top: 2rem;
}
.manufacture-hero .credential-item strong {
    display: block;
    font-family: var(--sp-font-display);
    font-size: 1.75rem;
    color: var(--sp-mahogany);
}

/* Boutons primary "plaque acajou rivetée" (override base) */
.btn-primary,
.btn-sp,
.btn.btn-primary {
    background: linear-gradient(180deg, #6D330F 0%, #4A2308 100%);
    border-color: #2A1607;
    color: var(--sp-parchment);
}
.btn-primary:hover,
.btn-sp:hover,
.btn.btn-primary:hover {
    background: linear-gradient(180deg, #4A2308 0%, #2A1607 100%);
    color: var(--sp-bone);
}

@media (max-width: 767.98px) {
    .manufacture-hero { padding: 3.5rem 0 2.5rem; }
}

/* ----- Mode nuit : héros crème en dur -> acajou sombre ----- */
html[data-bs-theme="dark"] .manufacture-hero {
    background: linear-gradient(135deg, rgba(31, 22, 13, 0.95), rgba(18, 13, 8, 0.92));
    border-bottom-color: #6B4A1F;
}
html[data-bs-theme="dark"] .manufacture-hero h1 { color: var(--sp-heading); }
html[data-bs-theme="dark"] .manufacture-hero .credential-item strong { color: var(--sp-heading); }

/* ----- Dropdowns navbar : plaque acajou rivetée (override du light Bootstrap) ----- */
.sp-nav .nav-link.dropdown-toggle::after {
    border-top-color: var(--sp-nav-text);
    margin-left: 0.4em;
    vertical-align: 0.15em;
    transition: var(--sp-transition);
}
.sp-nav .nav-item.dropdown:hover .dropdown-toggle::after,
.sp-nav .dropdown-toggle:hover::after,
.sp-nav .dropdown-toggle[aria-expanded="true"]::after {
    border-top-color: var(--sp-nav-hover);
}
.sp-nav .dropdown-menu {
    background-color: #2A1607;
    background-image: linear-gradient(180deg, #3D1F0A 0%, #2A1607 100%);
    border: 2px solid var(--sp-nav-border);
    border-radius: var(--sp-radius);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.45);
    padding: 0.4rem;
    margin-top: 0.4rem;
    min-width: 13rem;
}
/* Liseré laiton supérieur (rappel du double-border de la nav) */
.sp-nav .dropdown-menu::before {
    content: "";
    display: block;
    height: 2px;
    margin: -0.4rem -0.4rem 0.4rem;
    background: linear-gradient(90deg, transparent, var(--sp-brass), transparent);
}
.sp-nav .dropdown-item {
    color: var(--sp-nav-text);
    font-family: var(--sp-font-display);
    font-size: 0.95rem;
    letter-spacing: 0.02em;
    padding: 0.5rem 0.9rem;
    border-radius: var(--sp-radius);
    text-decoration: none;
    transition: var(--sp-transition);
}
.sp-nav .dropdown-item:hover,
.sp-nav .dropdown-item:focus {
    background-color: var(--sp-brass);
    background-image: linear-gradient(180deg, var(--sp-brass-light) 0%, var(--sp-brass) 100%);
    color: #2A1607;
}
.sp-nav .dropdown-item:active {
    background-color: var(--sp-brass-dark);
    color: var(--sp-bone);
}

/* Sur petits écrans (menu replié) : dropdown plein cadre, pas d'overlay flottant */
@media (max-width: 1199.98px) {
    .sp-nav .dropdown-menu {
        background-image: none;
        background-color: transparent;
        border: 0;
        box-shadow: none;
        padding-left: 1rem;
        margin-top: 0.1rem;
    }
    .sp-nav .dropdown-menu::before { display: none; }
}

/* ----- Liens de pied de page (colonne "L'atelier") ----- */
.sp-footer .sp-footer-links li { border: 0 !important; padding-block: 0 !important; }
.sp-footer .sp-footer-links .footer-link {
    display: inline-block;
    color: var(--sp-brass-light) !important;
    font-family: var(--sp-font-display);
    font-size: 0.95rem;
    padding: 0.28rem 0;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: var(--sp-transition);
}
.sp-footer .sp-footer-links .footer-link:hover {
    color: var(--sp-bone) !important;
    border-bottom-color: var(--sp-brass);
}

/* === Identité NUIT — canvas sombre commun ; on garde l'âme industrielle :
   titres acier/argent froid + accent cuivre de forge. (0,1,1), après la base. === */
html[data-bs-theme="dark"] {
    --sp-brass:        #C56A3A;   /* accent — cuivre de forge */
    --sp-brass-dark:   #9E4E22;
    --sp-brass-light:  #E29063;   /* liens — cuivre clair */
    --sp-heading:      #CBC4B6;   /* titres — acier / argent froid */
}