/* ==========================================================================
   BIMAR - Personnalisation de marque du theme Bepro
   --------------------------------------------------------------------------
   Ce fichier ne change QUE les couleurs de la charte.
   Aucune structure, aucun espacement, aucune ombre, aucun fond :
   le design du theme achete reste strictement identique.

   A charger APRES theme.css (pour pouvoir surcharger ses regles fixes),
   la variable :root restant prioritaire sur preset.css quel que soit l'ordre.
   ========================================================================== */

:root {
    --theme-color: #0d1b3e;        /* bleu marine BIMAR (couleur principale) */
    --theme-color-two: #123a71;    /* bleu secondaire */
    --theme-color-three: #c9a84c;  /* or / dore BIMAR (accent) */
    --theme-color-six: #e8d49d;    /* or clair */
}

/* --------------------------------------------------------------------------
   Logo : le thème prévoit une zone de 168 x 66 px (.logo img height: 66px).
   Le logo BIMAR ayant un ratio plus large, on le plafonne en largeur pour que
   le menu tienne sur une seule ligne comme dans le thème.
   -------------------------------------------------------------------------- */
.logo img {
    max-width: 168px;
    height: auto;
}

/* --------------------------------------------------------------------------
   Menu principal : les libellés français sont un peu plus longs que ceux du
   thème ; on resserre très légèrement l'espacement (sans changer la police,
   les couleurs ni la hauteur) pour conserver la barre de navigation sur une
   seule ligne, comme dans le thème d'origine.
   -------------------------------------------------------------------------- */
.mainMenu > ul > li {
    margin-left: 12px;
}
.mainMenu > ul > li > a {
    padding-left: 12px;
    padding-right: 12px;
}

/* --------------------------------------------------------------------------
   Accents de la charte : les textes d'accentuation du thème (.prcolor…)
   prennent l'or BIMAR (au lieu du rouge de démonstration), pour rester
   lisibles sur les visuels sombres.
   -------------------------------------------------------------------------- */
.prcolor,
.prcolor2,
.prcolor3,
.prcolor6 {
    color: var(--theme-color-three) !important;
}

/* --------------------------------------------------------------------------
   Boutons à pastille : la pastille de flèche utilise l'or BIMAR
   (le thème la codait en bleu/rouge fixes).
   -------------------------------------------------------------------------- */
.berpo_btn.with_icon i,
.berpo_btn.with_icon04 i {
    background: var(--theme-color-three);
    color: var(--theme-color);
}
.berpo_btn.with_icon:hover i,
.berpo_btn.with_icon04:hover i,
.abCTA .berpo_btn.with_icon:hover i {
    background: var(--theme-color-three);
    color: var(--theme-color);
}

/* --------------------------------------------------------------------------
   Accueil — section CTA : textes en or BIMAR (au lieu du blanc / marine).
   Footer : pastilles d'icônes de contact en or + glyphe marine.
   -------------------------------------------------------------------------- */
.ctaSectiont01 .ctaCon h2,
.ctaSectiont01 .ctaCon h3,
.ctaSectiont01 .ctaCon h4,
.ctaSectiont01 .ctaCon h3 span,
.ctaSectiont01 .ctaCon h4 span {
    color: var(--theme-color-three) !important;
}

.footer_01 .abIcon i {
    background: var(--theme-color-three) !important;
    color: var(--theme-color) !important;
}

/* --------------------------------------------------------------------------
   Slider d'accueil : badge du sur-titre en or BIMAR (le thème utilise une
   image de fond grise) + texte or.
   -------------------------------------------------------------------------- */
.slider_01 span.bg {
    background: rgba(13, 27, 62, 0.82) !important;
    border: 1px solid rgba(201, 168, 76, 0.75);
    color: var(--theme-color-three) !important;
}

/* --------------------------------------------------------------------------
   Lisibilité sur les photos :
   - ombre douce sur les textes du slider
   - boutons des sections sombres (hero + CTA) en fond OR + texte marine
   -------------------------------------------------------------------------- */
.slider_01 .tp-caption {
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.55), 0 1px 3px rgba(0, 0, 0, 0.45);
}

.slider_01 .rev_slider .berpo_btn,
.ctaSectiont01 .ctaCon .berpo_btn {
    background: var(--theme-color-three) !important;
    color: var(--theme-color) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}

.slider_01 .rev_slider .berpo_btn .bp-text,
.ctaSectiont01 .ctaCon .berpo_btn .bp-text {
    color: var(--theme-color) !important;
}

.slider_01 .rev_slider .berpo_btn .bp-shape,
.ctaSectiont01 .ctaCon .berpo_btn .bp-shape {
    background: rgba(13, 27, 62, 0.12) !important;
}

.slider_01 .rev_slider .berpo_btn:hover,
.ctaSectiont01 .ctaCon .berpo_btn:hover {
    background: #b9953f !important;
    color: var(--theme-color) !important;
}

/* --------------------------------------------------------------------------
   Footer (fond sombre) : plus de rouge, plus de bleu marine sur les hovers,
   copyright lisible. Accents en OR BIMAR.
   -------------------------------------------------------------------------- */
.footer_01 .widget .wsubtitle {
    color: var(--theme-color-three) !important;
}

.footer_01 .pp_post_item span {
    color: var(--theme-color-three) !important;
}

.footer_01 .pp_post_item a {
    color: #e2e5ec !important;
}

.footer_01 .pp_post_item a:hover {
    color: var(--theme-color-three) !important;
}

.footer_01 .widget ul.menu li:hover a,
.footer_01 .widget ul.menu li:hover:after {
    color: var(--theme-color-three) !important;
}

.footer_01 .Copyright,
.footer_01 .Copyright a {
    color: #e7eaf0 !important;
}

.footer_01 .Copyright span {
    color: var(--theme-color-three) !important;
}

.footer_01 .Copyright a:hover {
    color: var(--theme-color-three) !important;
}

/* --------------------------------------------------------------------------
   Écran de chargement : cercle "coup de pinceau" en OR, lettres marine.
   -------------------------------------------------------------------------- */
.loaderO span {
    color: #ffffff !important;
}

/* Sur-titre de la bande sombre "Consultation" : en blanc */
.consultSectionTitle .subTitle {
    color: #ffffff !important;
}

/* Logo du footer : légèrement plus petit */
.footer_01 .aboutWidget img {
    max-width: 220px;
    height: auto;
}

/* --------------------------------------------------------------------------
   Section CTA accueil : textes en BLANC et bouton "CONTACTEZ-NOUS" en blanc
   (contour blanc, texte blanc, fond transparent ; au survol : fond blanc,
   texte marine).
   -------------------------------------------------------------------------- */
.ctaSectiont01 .ctaCon h2,
.ctaSectiont01 .ctaCon h3,
.ctaSectiont01 .ctaCon h4,
.ctaSectiont01 .ctaCon h3 span,
.ctaSectiont01 .ctaCon h4 span {
    color: #ffffff !important;
}

.ctaSectiont01 .ctaCon .berpo_btn {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.85) !important;
    color: #ffffff !important;
}

.ctaSectiont01 .ctaCon .berpo_btn .bp-text {
    color: #ffffff !important;
}

.ctaSectiont01 .ctaCon .berpo_btn .bp-shape {
    background: rgba(255, 255, 255, 0.14) !important;
}

.ctaSectiont01 .ctaCon .berpo_btn:hover {
    background: #ffffff !important;
    color: var(--theme-color) !important;
}

.ctaSectiont01 .ctaCon .berpo_btn:hover .bp-text {
    color: var(--theme-color) !important;
}