/* ============================================================
   MODERNISATION — overrides de custom.min.css
   Chargé après custom.min.css pour prendre la priorité
   ============================================================ */

/* 1. POLICE GOOGLE FONTS
   Raleway : titres (élégant, professionnel)
   Inter   : corps de texte (lisible, moderne)
   ---------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&family=Inter:wght@300;400;500&display=swap');

body,
p, li, td, th,
.lead,
input, textarea, select, button,
.dropdown-item,
.nav-link,
.btn {
    font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.navbar-brand p {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.02em;
}


/* 2. TITRES — centrage et espacement dans les sections
   ---------------------------------------------------------- */
.box h1,
.box h2 {
    margin-bottom: 1.2rem;
}


/* 4. SUPPRIMER LES OMBRES TEXTE
   .ombre / .ombre2 (ombres décalées multi-niveaux années 2010)
   .ombre3 (version atténuée mais toujours datée)
   ---------------------------------------------------------- */
.ombre,
.ombre2,
.ombre3,
h1, h2, h3, h4, h5, h6 {
    text-shadow: none !important;
}


/* 3. FOND — remplace gplay.png par bg_demande.jpeg
   ---------------------------------------------------------- */
body {
    background: #1a1a1a url('../images/textures/bg_demande.jpeg') no-repeat center center fixed !important;
    background-size: cover !important;
}


/* 4. PAGES INTERNES — supprime le bandeau tramway (#accueil a height:720px + tram.jpg en CSS)
   ---------------------------------------------------------- */
.page-interne #accueil {
    height: 0 !important;
    background-image: none !important;
}


/* 6. NAVBAR — supprime la texture gplay.png
   ---------------------------------------------------------- */
.navbar {
    background: #1a1a1a !important;
    background-image: none !important;
}

.dropdown-menu-dark-custom {
    background-color: #1a1a1a !important;
    background-image: none !important;
}


/* 7. SUPPRIMER LES SHADOW.PNG HORIZONTAUX
   Images décoratives en haut de chaque section, remplacées
   par un subtil filet doré
   ---------------------------------------------------------- */
img[src*="shadow.png"] {
    display: none !important;
}

.box {
    border-top: 1px solid rgba(200, 169, 110, 0.18);
}

.box.first,
.container-fluid.noir + .container-fluid .box:first-child {
    border-top: none;
}


/* 8. LISIBILITÉ — line-height et espacement paragraphes
   ---------------------------------------------------------- */
p, li {
    line-height: 1.75;
}

.lead {
    line-height: 1.8;
}


/* 9. BOUTONS — transitions et arrondi plus propres
   ---------------------------------------------------------- */
.btn {
    border-radius: 4px;
    transition: background-color 0.2s ease, color 0.2s ease,
                box-shadow 0.2s ease, transform 0.15s ease;
}

.btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

.btn:active {
    transform: translateY(0);
    box-shadow: none;
}