/**
 * THÈME DESTINS CROISÉS
 * Couleurs du logo : #CE9F5E (doré/champagne) et #671F2A (bordeaux foncé)
 */

:root {
    /* Couleurs principales du logo */
    --color-primary: #671F2A;      /* Bordeaux foncé - principale */
    --color-secondary: #CE9F5E;    /* Doré/Champagne - secondaire */
    
    /* Couleurs de texte */
    --text-dark: #333;
    --text-medium: #666;
    --text-light: #999;
    
    /* Backgrounds - TOUJOURS BLANC */
    --bg-white: #ffffff;
    --bg-light: #f9f9f9;
    
    /* Bordures */
    --border-light: #e0e0e0;
}

/* ============================================
   BOUTONS PRINCIPAUX
   ============================================ */

.w-button,
.get-in-touch-button,
.hero-cta-button,
.blue-button,
.form-button {
    background-color: var(--bg-white) !important;
    color: var(--color-primary) !important;
    border: 2px solid var(--color-primary) !important;
    transition: all 0.3s ease !important;
    font-weight: 600 !important;
}

.w-button:hover,
.get-in-touch-button:hover,
.hero-cta-button:hover,
.blue-button:hover,
.form-button:hover {
    background-color: var(--color-primary) !important;
    color: var(--bg-white) !important;
    border-color: var(--color-primary) !important;
    box-shadow: 0 5px 15px rgba(103, 31, 42, 0.3) !important;
}

/* Boutons avec couleur secondaire (doré) en hover alternatif */
.button-secondary:hover {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
    color: var(--bg-white) !important;
}

/* ============================================
   TITRES ET TEXTES
   ============================================ */

h1, h2, h3, h4, h5, h6 {
    color: var(--color-primary);
}

.discover-title,
.services-title,
.title-heading,
.sitemap-title,
.contact-heading,
.contact-form-heading,
.hero-heading {
    color: var(--color-primary) !important;
}

/* Footer heading en blanc */
.footer-heading {
    color: #ffffff !important;
}

/* ============================================
   LIENS
   ============================================ */

a {
    color: var(--color-primary);
    transition: color 0.3s ease;
}

a:hover {
    color: var(--color-secondary);
}

/* ============================================
   NAVIGATION
   ============================================ */

.w-nav-link.w--current {
    color: var(--color-primary) !important;
}

.menu-item:hover {
    color: var(--color-primary) !important;
}

.menu-item {
    transition: color 0.3s ease;
}

/* ============================================
   ÉLÉMENTS SPÉCIFIQUES
   ============================================ */

/* Prix et éléments importants */
.services-text[style*="#671F2A"],
.services-text[style*="#8B2635"],
.about-item-text,
.contact-info-span {
    color: var(--color-primary) !important;
}

/* Icônes de contact (contact.html) */
.contact-info-icon {
    color: var(--color-primary) !important;
}

/* ============================================
   ICÔNES SVG
   ============================================ */

/* Couleur primaire pour les icônes */
svg[stroke="#333"],
svg[stroke="#8B2635"] {
    stroke: var(--color-primary) !important;
}

svg[fill="#333"],
svg[fill="#8B2635"] {
    fill: var(--color-primary) !important;
}

/* Icônes de contact en couleur primaire */
.contact-info-icon svg {
    stroke: var(--color-primary) !important;
}

/* Icônes footer en blanc */
.footer-icon-wrap svg {
    stroke: #ffffff !important;
    fill: #ffffff !important;
}

.footer-icon-wrap svg:hover {
    stroke: var(--color-secondary) !important;
    fill: var(--color-secondary) !important;
}

/* Étoiles - couleur dorée */
.star svg,
.flaticon-star,
.icon-star,
.fa-star {
    color: var(--color-secondary) !important;
    fill: var(--color-secondary) !important;
}

/* Réseaux sociaux - couleur dorée au hover */
.footer-menu-item-social svg {
    fill: #ffffff !important;
}

.footer-menu-item-social svg:hover {
    fill: var(--color-secondary) !important;
}

/* ============================================
   BORDURES ET SÉPARATEURS
   ============================================ */

.discover-line,
.about-line {
    background-color: var(--color-secondary) !important;
}

/* ============================================
   FOOTER
   ============================================ */

.footer-menu-text,
.footer-link-text {
    color: #ffffff !important;
    transition: color 0.3s ease;
}

.footer-menu-text:hover,
.footer-link-text:hover {
    color: var(--color-secondary) !important;
}

/* Icônes des liens footer (flèches) en blanc */
.footer-menu-item svg.foot-icon,
.footer-info-link svg {
    stroke: #ffffff !important;
    fill: #ffffff !important;
}

.footer-menu-item svg.foot-icon:hover,
.footer-info-link svg:hover {
    stroke: var(--color-secondary) !important;
    fill: var(--color-secondary) !important;
}

/* Copyright déjà en blanc dans style.css, mais on s'assure */
.copyright {
    color: #ffffff !important;
}

/* Bouton retour en haut */
.backtop svg {
    stroke: #ffffff !important;
}

.backtop svg:hover {
    stroke: var(--color-secondary) !important;
}

/* ============================================
   GRIDS ET CARTES
   ============================================ */

.services-grid-item:hover {
    border-color: var(--color-secondary) !important;
    box-shadow: 0 5px 20px rgba(206, 159, 94, 0.2) !important;
}

/* ============================================
   TÉMOIGNAGES
   ============================================ */

.testimonials-name {
    color: var(--color-primary) !important;
}

/* ============================================
   STATISTIQUES
   ============================================ */

.about-number,
.stats-number {
    color: var(--color-primary) !important;
}

/* ============================================
   FORMULAIRES
   ============================================ */

.form-input:focus {
    border-color: var(--color-primary) !important;
    outline-color: var(--color-primary) !important;
    box-shadow: 0 0 0 3px rgba(103, 31, 42, 0.1) !important;
}

/* ============================================
   SECTIONS SPÉCIFIQUES
   ============================================ */

/* Moving text section - garde le background sombre avec texte blanc */
.moving-text-section {
    background-color: var(--color-primary) !important;
}

.moving-text {
    color: var(--bg-white) !important;
}

/* Stats section - background reste blanc */
.facts-section,
.stats-section {
    background-color: var(--bg-white) !important;
}

/* Module title circle - couleur secondaire */
.title-circle {
    color: var(--color-secondary) !important;
}

/* ============================================
   OVERRIDES POUR BOUTONS SPÉCIFIQUES
   ============================================ */

/* Override pour .blue-button dans style.css */
.blue-button {
    background-color: var(--bg-white) !important;
    background-image: none !important;
    color: var(--color-primary) !important;
    border: 2px solid var(--color-primary) !important;
}

.blue-button:hover {
    background-color: var(--color-primary) !important;
    background-image: none !important;
    box-shadow: 0 10px 30px rgba(103, 31, 42, 0.3) !important;
}

/* Override pour .get-in-touch-button */
.get-in-touch-button {
    background-color: var(--bg-white) !important;
    border: 2px solid var(--color-primary) !important;
    color: var(--color-primary) !important;
}

.get-in-touch-button:hover {
    background-color: var(--color-primary) !important;
    color: var(--bg-white) !important;
}

/* ============================================
   VALEURS ET BADGES (about.html)
   ============================================ */

/* Gradient pour les icônes de valeurs */
.team-img-wrapp[style*="linear-gradient"] {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%) !important;
}

/* Titres des valeurs */
h4[style*="#671F2A"] {
    color: var(--color-primary) !important;
}