/* Override pour remplacer toutes les couleurs dorées/jonquilles par du rouge */

:root {
    /* Remplacement des variables dorées par des variantes de rouge */
    --color-gold: #dc143c;
    --color-gold-light: #ff1744;
    --color-gold-bright: #ff4569;
    --color-gold-dark: #b71c1c;
}

/* Remplacement des couleurs dorées dans rgba */
.header {
    border-bottom-color: rgba(220, 20, 60, 0.15) !important;
}

.nav-toggle:focus {
    outline-color: #dc143c !important;
}

.nav-toggle__line {
    background-color: #dc143c !important;
}

.nav {
    border-left-color: rgba(220, 20, 60, 0.2) !important;
}

.nav__link::after {
    background: linear-gradient(90deg, #dc143c, transparent) !important;
}

.nav__link:hover {
    color: #dc143c !important;
    text-shadow: 0 0 8px rgba(220, 20, 60, 0.6) !important;
    filter: drop-shadow(0 0 4px rgba(220, 20, 60, 0.4)) !important;
}

.hero__slider-btn {
    border-color: rgba(220, 20, 60, 0.4) !important;
    color: #dc143c !important;
    box-shadow: 0 0 8px rgba(220, 20, 60, 0.2) !important;
}

.hero__slider-btn:hover {
    border-color: #dc143c !important;
}

.hero__slider-btn::after {
    background: radial-gradient(circle, rgba(220, 20, 60, 0.3), transparent) !important;
}

.hero__slider-indicators {
    border-color: rgba(220, 20, 60, 0.2) !important;
}

.hero__slider-indicator {
    background: rgba(220, 20, 60, 0.3) !important;
}

.hero__slider-indicator:hover {
    background: rgba(220, 20, 60, 0.5) !important;
}

.hero__slider-indicator--active {
    background: #dc143c !important;
    border-color: #ff1744 !important;
}

.hero__slider-indicator--active::after {
    background: radial-gradient(circle, rgba(220, 20, 60, 0.4), transparent) !important;
}

.hero__title {
    color: #dc143c !important;
    background: none !important;
    background-color: transparent !important;
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    -webkit-text-fill-color: #dc143c !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
}

.hero__title span {
    opacity: 1 !important;
    visibility: visible !important;
    color: #dc143c !important;
}

.hero__subtitle {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    color: #f5f5f5 !important;
}

.hero__baseline {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    color: #d4d4d4 !important;
}

.hero__text {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    background-image: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.hero__text * {
    opacity: 1 !important;
    visibility: visible !important;
}

.hero__text::before,
.hero__text::after {
    display: none !important;
    content: none !important;
    background: none !important;
    background-color: transparent !important;
}

.cta-button {
    color: #8B0000 !important;
    border-color: #8B0000 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(139, 0, 0, 0.2), 0 0 12px rgba(139, 0, 0, 0.2) !important;
}

.cta-button:focus {
    outline-color: #8B0000 !important;
    box-shadow: 0 0 20px rgba(139, 0, 0, 0.6) !important;
}

.cta-button::before {
    background: linear-gradient(90deg, transparent, rgba(139, 0, 0, 0.2), transparent) !important;
}

.cta-button::after {
    background: linear-gradient(135deg, rgba(139, 0, 0, 0.05), transparent) !important;
}

.cta-button:hover {
    border-color: #A52A2A !important;
    color: #A52A2A !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 4px 16px rgba(139, 0, 0, 0.4), inset 0 1px 0 rgba(139, 0, 0, 0.3), 0 0 20px rgba(139, 0, 0, 0.5), 0 0 32px rgba(165, 42, 42, 0.3) !important;
}

.cta-button:active {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(139, 0, 0, 0.2) !important;
}

.section-title {
    color: #dc143c !important;
    background: none !important;
    background-color: transparent !important;
    border-bottom-color: rgba(220, 20, 60, 0.3) !important;
    filter: drop-shadow(0 0 8px rgba(220, 20, 60, 0.4)) !important;
    -webkit-text-fill-color: #dc143c !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.section-title::after {
    box-shadow: 0 0 10px rgba(220, 20, 60, 0.3) !important;
}

.about::before {
    background: linear-gradient(90deg, transparent, rgba(220, 20, 60, 0.2), transparent) !important;
}

.about__paragraph {
    border-left-color: rgba(220, 20, 60, 0.3) !important;
}

.about__paragraph:hover {
    border-left-color: #dc143c !important;
    box-shadow: 0 4px 20px rgba(220, 20, 60, 0.1) !important;
}

.about__text--center .about__paragraph {
    border-top-color: rgba(220, 20, 60, 0.3) !important;
}

.about__text--center .about__paragraph:hover {
    border-top-color: #dc143c !important;
}

.about__image {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 4px 16px rgba(220, 20, 60, 0.15) !important;
}

.about__image:hover {
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5), 0 8px 24px rgba(220, 20, 60, 0.25) !important;
}

.about__image::before {
    background: linear-gradient(135deg, rgba(220, 20, 60, 0.05) 0%, transparent 50%, rgba(139, 0, 0, 0.05) 100%) !important;
}

.values::before {
    background: linear-gradient(90deg, transparent, rgba(220, 20, 60, 0.2), transparent) !important;
}

.value-card {
    border-color: rgba(220, 20, 60, 0.2) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(220, 20, 60, 0.1) !important;
}

.value-card::after {
    background: linear-gradient(90deg, transparent, #dc143c, #8b0000, #dc143c, transparent) !important;
    box-shadow: 0 0 20px rgba(220, 20, 60, 0.5) !important;
}

.value-card:hover {
    border-color: rgba(220, 20, 60, 0.5) !important;
    box-shadow: 0 16px 48px rgba(139, 0, 0, 0.3), 0 8px 24px rgba(220, 20, 60, 0.2), inset 0 1px 0 rgba(220, 20, 60, 0.2) !important;
}

.value-card::before {
    background: linear-gradient(135deg, rgba(139, 0, 0, 0.08), rgba(26, 26, 26, 0.85), rgba(220, 20, 60, 0.03)) !important;
}

.value-card__title {
    color: #f5f5f5 !important;
    -webkit-text-fill-color: #f5f5f5 !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
}

.value-card:hover .value-card__title {
    color: #dc143c !important;
    background: none !important;
    background-color: transparent !important;
    filter: drop-shadow(0 0 10px rgba(220, 20, 60, 0.5)) !important;
    -webkit-text-fill-color: #dc143c !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
}

.parallax-bg__bubble {
    background: radial-gradient(circle at 30% 30%, rgba(220, 20, 60, 0.6), rgba(255, 23, 68, 0.4), rgba(183, 28, 28, 0.3), rgba(220, 20, 60, 0.15)) !important;
    border-color: rgba(220, 20, 60, 0.4) !important;
    box-shadow: 0 0 30px rgba(220, 20, 60, 0.8), 0 0 60px rgba(220, 20, 60, 0.5), 0 0 90px rgba(255, 23, 68, 0.3), inset 0 0 40px rgba(255, 23, 68, 0.4) !important;
}

.footer {
    border-top-color: rgba(220, 20, 60, 0.15) !important;
}

.footer__link:hover {
    color: #dc143c !important;
    text-shadow: 0 0 8px rgba(220, 20, 60, 0.6) !important;
    filter: drop-shadow(0 0 4px rgba(220, 20, 60, 0.4)) !important;
}

/* Remplacement supplémentaire pour les ombres et effets */
@keyframes shimmerGold {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

@keyframes pulseGold {
    0%, 100% {
        opacity: 0.6;
        transform: translate(-50%, -50%) translateZ(0) scale(1);
    }
    50% {
        opacity: 0.9;
        transform: translate(-50%, -50%) translateZ(0) scale(1.2);
    }
}

@keyframes pulseGoldButton {
    0%, 100% {
        opacity: 0.6;
        transform: translate(-50%, -50%) translateZ(0) scale(1);
    }
    50% {
        opacity: 0.9;
        transform: translate(-50%, -50%) translateZ(0) scale(1.1);
    }
}

/* Règles supplémentaires pour s'assurer que tout est en rouge */
* {
    --color-gold: #dc143c !important;
    --color-gold-light: #ff1744 !important;
    --color-gold-bright: #ff4569 !important;
    --color-gold-dark: #b71c1c !important;
}

/* S'assurer que tous les textes avec background-clip sont visibles */
h1, h2, h3, h4, h5, h6 {
    -webkit-text-fill-color: inherit !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
}

/* Footer text en rouge au survol */
.footer__text strong {
    color: #dc143c !important;
}

