@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Montserrat:wght@300;400;600;700&display=swap');

:root {
    --gold: #D4AF37;
    --gold-dark: #B8872F;
    --yellow: #FFD66B;
    --black: #0b0b0b;
    --muted: #f6f4f1;
}

/* Base typography */
body {
    font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    color: #111;
    background-color: #fff;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Catamaran', serif;
    color: var(--black);
    letter-spacing: 0.2px;
}

/* Header / navigation */
.main-header {
    background: rgba(11,11,11,0.96);
    border-bottom: 2px solid rgba(212,175,55,0.06);
}
.main-menu__list li a {
    color: #fff !important;
    font-weight: 600;
    text-transform: none;
}
.main-menu-wrapper__logo img{
    filter: none;
}
.main-menu-wrapper__call-number h5 a{ color: var(--gold); font-weight:700 }

/* Hero / Slider */
.main-slider .image-layer:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.45), rgba(0,0,0,0.55));
}
.main-slider__content h2{
    color: #fff;
    font-size: 48px;
    line-height: 1.03;
    text-shadow: 0 8px 30px rgba(0,0,0,0.6);
}

/* Section titles */
.section-title__tagline{ color: var(--gold); font-weight:700; letter-spacing:1px }
.section-title__title{ color: var(--black); font-weight:600 }

/* Buttons */
.thm-btn, .btn-primary {
    background: linear-gradient(135deg,var(--gold), var(--gold-dark));
    color: #0b0b0b !important;
    border: none !important;
    padding: 10px 26px !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 20px rgba(180,140,70,0.12);
    transition: all 0.3s ease;
}
.thm-btn:hover, .btn-primary:hover{ 
    transform: translateY(-2px); 
    background: linear-gradient(135deg, var(--gold-dark), #9a7324) !important;
    color: #fff !important;
    box-shadow: 0 12px 30px rgba(180,140,70,0.25);
}
.btn-outline-gold{
    background: transparent;
    border: 2px solid var(--gold);
    color: var(--gold);
    border-radius: 8px;
    padding: 8px 20px;
}

/* Cards and service boxes */
.services-two__single, .case-one__single, .services-three__single{
    background: #fff;
    border: 1px solid rgba(11,11,11,0.04);
    border-radius: 12px;
    padding: 28px;
    box-shadow: 0 6px 30px rgba(11,11,11,0.06);
}
.services-two__icon svg{ filter: drop-shadow(0 6px 20px rgba(10,10,10,0.06)); }

/* Links and accents */
a{ color: var(--gold); }
a:hover{ color: var(--gold-dark); text-decoration: none }

/* Footer */
.site-footer{ background: var(--black); color: #fff; padding: 60px 0 }
.site-footer a{ color: var(--gold); }

/* Forms and inputs */
input[type="text"], 
input[type="email"], 
input[type="number"],
input[type="date"],
select,
textarea,
.comment-form__input-box input,
.comment-form__input-box select,
.comment-form__input-box textarea {
    border: 1.5px solid rgba(212, 175, 55, 0.15) !important;
    padding: 10px 16px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #333 !important;
    background: #fff !important;
    transition: all 0.3s ease !important;
    height: auto !important;
    line-height: 1.5 !important;
}

input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="number"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus,
.comment-form__input-box input:focus,
.comment-form__input-box select:focus,
.comment-form__input-box textarea:focus {
    border-color: var(--gold) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1) !important;
}

.comment-form__input-box {
    margin-bottom: 18px !important;
}

textarea {
    min-height: 120px !important;
    resize: vertical !important;
}

/* Selectpicker override */
.bootstrap-select .dropdown-toggle {
    padding: 10px 16px !important;
    border: 1.5px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    height: auto !important;
    background: #fff !important;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    border-color: var(--gold) !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1) !important;
}

/* Utility */
.accent{ color: var(--gold); font-weight:700 }
.muted{ color: #7a7a7a }

/* Ensure responsiveness tweaks */
@media (max-width: 767px){
    .main-slider__content h2{ font-size: 28px }
    .main-menu__list li a{ font-size: 14px }
}

/* Small decorative touches */
.divider-gold{ height: 4px; width: 80px; background: linear-gradient(90deg,var(--gold), var(--gold-dark)); border-radius: 2px; }

/* ========== OVERRIDE ALL BLUE COLORS ========== */
/* Replace oslim-base (#0072BA) with gold throughout */
:root {
    --oslim-base: #D4AF37 !important;
    --oslim-base-rgb: 212, 175, 55 !important;
}

/* Override common blue accents (convert to gold) */
/* Make SVG strokes/fills use gold where appropriate */
.services-two__icon svg, 
.services-three__icon svg,
.why-choose-one__icon svg,
.feature-one__icon svg {
    stroke: var(--gold) !important;
}

/* Specific overrides for elements that previously used blue */
.services-two__icon svg, .case-one__img img, .page-header-bg, .page-header .page-header__inner h2{
    color: var(--gold) !important;
}

/* Breadcrumbs, meta and small links */
.thm-breadcrumb a, .news-details__meta a, .main-menu-wrapper__call p{
    color: #ddd !important;
}

/* Ensure buttons that used blue backgrounds are gold */
.btn-primary, .thm-btn--primary, .thm-btn{ 
    background: linear-gradient(135deg,var(--gold), var(--gold-dark)) !important; 
    border-color: var(--gold) !important; 
    color: #0b0b0b !important;
}

/* Links and hover states */
a:not(.thm-btn):not(.btn) {
    color: var(--gold) !important;
}
a:not(.thm-btn):not(.btn):hover {
    color: var(--gold-dark) !important;
}

/* Icon backgrounds and accents */
.icon, [class*="__icon"], [class*="-icon"] {
    color: var(--gold) !important;
}

/* Border accents */
.border-primary, .border-base {
    border-color: var(--gold) !important;
}

/* Background accents */
.bg-primary, .bg-base {
    background-color: var(--gold) !important;
}

/* Text accents */
.text-primary, .text-base {
    color: var(--gold) !important;
}

/* Counter, odometer, and stat numbers */
.odometer, .counter, .welcome-one__counter h3 {
    color: var(--gold) !important;
}

/* Section taglines */
.section-title__tagline {
    color: var(--gold) !important;
    font-weight: 700;
    letter-spacing: 1px;
}

/* Navigation active states */
.main-menu__list > li.current > a,
.main-menu__list > li:hover > a {
    color: var(--gold) !important;
}

/* Pagination and controls */
.swiper-pagination-bullet-active,
.owl-dot.active span,
.slick-dots li.slick-active button {
    background-color: var(--gold) !important;
}

/* Form focus states */
input:focus, textarea:focus, select:focus {
    border-color: var(--gold) !important;
    outline-color: var(--gold) !important;
}

/* Progress bars and loaders */
.progress-bar, .loader, .preloader__image {
    background-color: var(--gold) !important;
    border-color: var(--gold) !important;
}

/* Cacher le bloc "Besoin d'aide" dans le header */
.main-menu-wrapper__call {
    display: none !important;
}