/* ============================================================
   Riad Lucia — Light mode (V2)
   Scoped entirely under body.rl-light: pages without that class
   are untouched. Warm ivory / tadelakt palette, terracotta kept.
   ============================================================ */

body.rl-light {
	--title-color: #2E241E;
	--body-color: #6E6259;
	--gray-color: #6E6259;
	--body-bg: #FAF6EF;
	--black-color2: #F1E9DD;
	--black-color3: #EFE6D9;
	--smoke-color: #F1E9DD;
	--smoke-color2: #EFE6D9;
	--light-color: #E5DACB;
	--light-color2: #F1E9DD;
	--light-color3: #EAE0D2;
	--tertiary-color: #E5DACB;
	--th-border-color: rgba(46, 36, 30, 0.16);
	background-color: var(--body-bg);
	color: var(--body-color);
}

/* ---------- generic text utilities that assume dark bg ---------- */
body.rl-light .text-white,
body.rl-light .sec-title.text-white,
body.rl-light h1.text-white, body.rl-light h2.text-white, body.rl-light h3.text-white {
	color: var(--title-color) !important;
}
body.rl-light .text-body { color: var(--body-color) !important; }
body.rl-light h1, body.rl-light h2, body.rl-light h3,
body.rl-light h4, body.rl-light h5, body.rl-light h6 { color: var(--title-color); }

/* ---------- header ---------- */
body.rl-light .th-header,
body.rl-light .th-header .menu-area,
body.rl-light .th-header .header-top,
body.rl-light .sticky-wrapper,
body.rl-light .sticky-wrapper.sticky .menu-area {
	background-color: #FFFDF8;
}
body.rl-light .th-header .header-top { background-color: #2E241E; }
body.rl-light .main-menu > ul > li > a { color: #2E241E; }
body.rl-light .main-menu > ul > li > a:hover { color: var(--theme-color); }
body.rl-light .header-logo img { filter: none; }
body.rl-light .menu-expand { color: #2E241E; }

/* ---------- hero: photos keep white text ----------
   NOTE: never add pseudo-elements/masks to .th-hero-bg — it is a
   GPU-composited layer and extra paint on it turns the hero black
   in Chromium (see vault: 05 - Gotchas & Fixes). Scrim goes on
   .hero-inner instead. */
body.rl-light .hero-1 .hero-title,
body.rl-light .hero-1 .hero-subtitle,
body.rl-light .hero-1 .hero-review-wrapp .title { color: #fff; }

/* ---------- dark structural sections ---------- */
body.rl-light .bg-black2 { background-color: #F1E9DD !important; }
body.rl-light .about-area2 { background-color: #F1E9DD; }
body.rl-light .footer-wrapper { background-color: #241B16; } /* footer stays dark for grounding */

/* ---------- cards ---------- */
body.rl-light .room-card,
body.rl-light .service-card,
body.rl-light .feature-card,
body.rl-light .testi-grid,
body.rl-light .hotel-card { background-color: #FFFFFF; }
body.rl-light .room-card .box-title a,
body.rl-light .service-card .box-title a,
body.rl-light .feature-card .box-title a,
body.rl-light .hotel-card .box-title { color: var(--title-color); }
body.rl-light .room-card .box-text,
body.rl-light .service-card .box-text,
body.rl-light .feature-card .box-text,
body.rl-light .testi-grid .box-text { color: var(--body-color); }
body.rl-light .room-card,
body.rl-light .service-card,
body.rl-light .feature-card,
body.rl-light .testi-grid {
	box-shadow: 0 10px 34px rgba(46, 36, 30, 0.08);
	border: 1px solid rgba(46, 36, 30, 0.07);
}
body.rl-light .counter-card .box-number,
body.rl-light .counter-card .box-text { color: var(--title-color); }

/* ---------- experience rows (bg-black2 children) ---------- */
body.rl-light .experience-stuff .box-title { color: var(--title-color); }
body.rl-light .experience-stuff .box-text { color: var(--body-color); }

/* ---------- shapes & patterns that only work on dark ---------- */
body.rl-light .bg-shape { background-image: none !important; background-color: var(--body-bg); }
body.rl-light .feature-shape, body.rl-light .shape-mockup { opacity: 0.25; }

/* ---------- buttons keep terracotta; secondary outlines darken ---------- */
body.rl-light .th-btn2.style2 { color: var(--theme-color); border-color: var(--theme-color); }
body.rl-light .th-btn2.style2:hover { color: #fff; }

/* ---------- contrast fixes found in review ---------- */
/* about-feature titles were white-on-ivory */
body.rl-light .about-feature .box-title { color: var(--title-color); }
body.rl-light .about-feature .box-text { color: var(--body-color); }

/* white-on-ivory buttons: rooms "voir toutes", offers "toutes nos offres",
   blog "lire la suite" */
body.rl-light .room-btn .th-btn2.style3,
body.rl-light .th-btn2.ser-btn {
	color: #fff;
	background-color: var(--theme-color);
	border-color: var(--theme-color);
}
body.rl-light .th-btn.style2 { color: var(--theme-color); border-color: var(--theme-color); }
body.rl-light .th-btn.style2:hover { color: #fff; background-color: var(--theme-color); }

/* offer price "Sur demande" was pale gray on white */
body.rl-light .room-card .box-price,
body.rl-light .room-card .box-price .price { color: var(--theme-color); }

/* footer is kept dark: restore light text inside it */
body.rl-light .footer-wrapper { --title-color: #F5EFE7; --body-color: #C9BEB4; }
body.rl-light .footer-wrapper h1, body.rl-light .footer-wrapper h2,
body.rl-light .footer-wrapper h3, body.rl-light .footer-wrapper h4,
body.rl-light .footer-wrapper .widget_title { color: #F5EFE7; }

/* ---------- misc chrome ---------- */
body.rl-light .divider { background-color: rgba(46, 36, 30, 0.15); }
body.rl-light .slider-arrow.default { color: var(--title-color); border-color: rgba(46,36,30,.25); }
body.rl-light .brand-item img { filter: none; opacity: .85; }
body.rl-light .blog-content { background-color: #FFFFFF; }
body.rl-light .blog-title a { color: var(--title-color); }
body.rl-light .preloader { background-color: #FAF6EF; }