/*
 * Palette Chams Morocco Driver : les 4 couleurs de base viennent de inc/brand.php (bw_brand('colors')),
 * imprimées dans <head> en variables --bw-gold (identité), --bw-orange (boutons), --bw-black (textes), --bw-ivory (fond).
 * Les teintes dérivées ci-dessous se recalculent seules. Remplace aussi les orange écrits en dur dans les plugins Togo.
 */
:root {
    --bw-gold-light: color-mix(in srgb, var(--bw-gold) 16%, transparent);
    --bw-orange-dark: color-mix(in srgb, var(--bw-orange) 85%, #000);
    --bw-orange-light: color-mix(in srgb, var(--bw-orange) 15%, transparent);
    --bw-ivory-2: color-mix(in srgb, var(--bw-ivory) 95%, var(--bw-black)); /* fond de carte : gris bleuté très clair */

    /* variables utilisées par les plugins Togo : éléments interactifs */
    --togo-accent: var(--bw-orange);
    --primary-color: var(--bw-orange);
    --primary-light: var(--bw-orange-light);
    --accent: var(--bw-orange);
}

body {
    background-color: var(--bw-ivory);
}

::selection {
    background: var(--bw-gold);
    color: var(--bw-ivory);
}

/* Liens : survol or */
a:hover,
.togo-menu a:hover,
.main-menu > li:hover > a,
.main-menu > li.current-menu-item > a {
    color: var(--bw-gold);
}

/* Boutons : orange + texte noir ; survol noir + texte ivoire */
.elementor-button,
.elementor-button:visited {
    color: var(--bw-black);
}

.elementor-button:hover,
.elementor-button:focus {
    background-color: var(--bw-black) !important;
    border-color: var(--bw-black) !important;
    color: var(--bw-ivory) !important;
}

/* Identité : étoiles, icônes et petits détails en or */
.togo-star,
.trip-rating .star,
.rating-star,
.icon-star,
.elementor-icon-list-icon svg,
.elementor-counter-number-wrapper {
    color: var(--bw-gold) !important;
}

.elementor-icon-list-icon svg {
    fill: var(--bw-gold);
}

/* Champs de formulaire : focus orange (interactif) */
input:focus,
select:focus,
textarea:focus {
    border-color: var(--bw-orange) !important;
    box-shadow: 0 0 0 3px var(--bw-orange-light);
}

/* Logo Chams Morocco Driver (SVG) */
.site-logo img {
    width: auto !important;
    height: 46px !important;
    max-width: none !important;
}

@media (max-width: 767px) {
    .site-logo img {
        height: 38px !important;
    }
}

/* Pied de page en noir profond */
.site-footer,
#footer {
    background-color: var(--bw-black);
}

/* Pied de page : copyright lisible sur fond noir (contraste AA) */
#footer .copyright-text p, #footer .copyright-text a { color: #c3c9d4 !important; }