/* public/css/brand-theme.css */
/*
 * CLIENT BRAND THEME OVERRIDE — Reality Buanderie Central
 * Applies the CONFIRMED brand mockup tokens on top of the BRStheme's
 * default green/Barlow styling, without touching the BRSmarkup/layout.
 * Confirmed by client 03/07 (palette + typography + buttons ONLY — the two
 * demo hero layouts in that same mockup were crossed out / rejected, so we
 * do NOT copy those layouts, just these tokens):
 *   Primary Blue  #19576E
 *   Dark Blue     #103846
 *   Gold Accent   #C8A96A
 *   Ivory         #FAF8F4
 *   Light Gray    #F3F5F7
 *   Text          #2B2B2B
 *   Headings: Cinzel   Body: Inter
 * Loaded LAST (after layout-fixes.css / sticky-header-fix.css) so these
 * rules win on specificity ties; !important used only where Qondri's own
 * theme CSS is more specific (matches the existing fixes.css convention).
 */

:root{
  --rb-primary:#19576E;
  --rb-dark:#103846;
  --rb-gold:#C8A96A;
  --rb-ivory:#FAF8F4;
  --rb-gray:#F3F5F7;
  --rb-text:#2B2B2B;
}

/* --- Typography ---------------------------------------------------- */
body,
.desc, .sub-heading, .comment p, p, .elementor-icon-list-text,
input, textarea, button{
  font-family:"Inter",sans-serif !important;
  color:var(--rb-text);
}
h1,h2,h3,h4,h5,h6,
.main-heading,.headline-2,.headline,
.master-heading .main-heading,
.master-testimonial .name,
.elementor-heading-title{
  font-family:"Cinzel",serif !important;
  color:var(--rb-dark);
}
.pre-heading{
  font-family:"Inter",sans-serif !important;
  color:var(--rb-gold) !important;
  font-weight:600;
  letter-spacing:.05em;
}

/* --- Buttons (mirrors mockup's 3 button styles) --------------------- */
/* Primary filled button (was BRSgreen) */
.master-button.btn-accent{
  background-color:var(--rb-primary) !important;
  border-color:var(--rb-primary) !important;
  color:var(--rb-ivory) !important;
}
.master-button.btn-accent .bg-hover{ background-color:var(--rb-dark) !important; }
/* Secondary / outline button variant, if present */
.master-button:not(.btn-accent){
  border-color:var(--rb-primary) !important;
  color:var(--rb-primary) !important;
}
/* Gold CTA accents: discount banner highlight, counter decor */
.text-highlight{ color:var(--rb-gold) !important; }
.text-highlight svg path{ stroke:var(--rb-gold) !important; }

/* --- Icons / icon boxes --------------------------------------------- */
.master-icon-box .icon-wrap .master-icon,
.lcs, .ci, .master-cta .icon i{
  color:var(--rb-primary) !important;
}
.master-icon-box .bg-static{ background-color:var(--rb-gray); }

/* --- Header / top bar ------------------------------------------------ */
#site-header-wrap{ background-color:var(--rb-ivory); }
#site-header-wrap .elementor-icon-list-text,
#site-header-wrap .ci{ color:var(--rb-dark) !important; }
.master-cta .phone{ color:var(--rb-primary) !important; }
.qondri-menu > .menu > .menu-item > a{ color:var(--rb-dark) !important; }
.qondri-menu > .menu > .menu-item.current-menu-item > a,
.qondri-menu > .menu > .menu-item > a:hover{ color:var(--rb-gold) !important; }

/* --- Progress bars / counters --------------------------------------- */
.master-progress-bar .progress{ background-color:var(--rb-primary) !important; }
.master-progress-bar .percent{ color:var(--rb-primary) !important; }

/* --- Dark / accent sections (footer, discount banner) --------------- */
.qondri-footer,
.bg-slide{
  background-color:var(--rb-dark) !important;
}
.qondri-footer,
.qondri-footer p,
.qondri-footer .elementor-icon-list-text,
.bg-slide .main-heading,
.bg-slide .sub-heading{
  color:var(--rb-ivory) !important;
}
.qondri-footer .master-social-icons a{
  background-color:var(--rb-primary) !important;
  color:var(--rb-ivory) !important;
}

/* --- Testimonials / news card backgrounds ---------------------------- */
.master-testimonial{ background-color:var(--rb-ivory); }
.master-news{ background-color:var(--rb-gray); }

/* --- Links / misc accents -------------------------------------------- */
a{ color:var(--rb-primary); }
a:hover{ color:var(--rb-gold); }

/* --- Hint cards (replace the "Articles & Actualités" carousel) ------- */
/* Clickable teasers that forward to /contact with pre-filled sujet+msg */
.master-news .post-date,
.master-news .post-meta,
.master-news .desc{ display:none !important; }
.rb-hint-card{ position:relative; display:block; background:#fff; border-radius:14px; overflow:hidden; height:100%; box-shadow:0 1px 0 rgba(16,56,70,.04); transition:transform .3s ease, box-shadow .3s ease; }
.rb-hint-card .rb-hint-link{ display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none; outline:none; }
.rb-hint-card .image-wrap{ position:relative; overflow:hidden; line-height:0; }
.rb-hint-card .image-wrap .rb-fit{ display:block; }
.rb-hint-card .image-wrap img{ transition:transform .5s ease; }
.rb-hint-card .rb-hint-pill{ position:absolute; left:16px; bottom:16px; display:inline-flex; align-items:center; gap:8px; padding:9px 14px; background:rgba(255,255,255,.94); color:var(--rb-primary); font-family:"Inter",sans-serif; font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; border-radius:999px; line-height:1; box-shadow:0 4px 14px rgba(16,56,70,.18); transition:background .25s ease, color .25s ease; }
.rb-hint-card .rb-hint-pill i{ font-size:10px; transition:transform .25s ease; }
.rb-hint-card .content-wrap{ padding:22px 24px 26px; display:flex; flex-direction:column; gap:12px; flex:1; line-height:1.5; }
.rb-hint-card .content-wrap .headline-2{ font-family:"Cinzel",serif; color:var(--rb-dark); font-size:19px; font-weight:600; line-height:1.3; margin:0; letter-spacing:.01em; }
.rb-hint-card .rb-hint-cta{ display:inline-flex; align-items:center; gap:8px; margin-top:auto; font-family:"Inter",sans-serif; font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--rb-gold); line-height:1; transition:color .25s ease; }
.rb-hint-card .rb-hint-cta i{ font-size:10px; transition:transform .25s ease; }
.rb-hint-card:hover{ transform:translateY(-4px); box-shadow:0 18px 36px rgba(16,56,70,.12); }
.rb-hint-card:hover .image-wrap img{ transform:scale(1.04); }
.rb-hint-card:hover .rb-hint-pill{ background:var(--rb-primary); color:#fff; }
.rb-hint-card:hover .rb-hint-pill i,
.rb-hint-card:hover .rb-hint-cta i{ transform:translateX(3px); }
.rb-hint-card:hover .rb-hint-cta{ color:var(--rb-primary); }
.rb-hint-card:focus-within{ outline:2px solid var(--rb-primary); outline-offset:2px; }