/**
 * Tremel Charpente - brand / chrome styles
 * Extracted verbatim from the live site's injected custom CSS (was stored in the
 * Helix template style params). Kept separate from custom.css so the original
 * custom.css stays untouched. Loaded last so it wins the cascade.
 */

/* ---------- Text logo (header) ---------- */
.titresite  { font-size:45px; margin:auto; font-family:'Taviraj', sans-serif; color:#ee7a2d; font-weight:600; line-height:35px; }
.titresite2 { color:#000; }
.header-oa  { text-align:center; width:100%; line-height:16px; padding-top:20px; }

#sp-menu { margin-top:0 !important; }

/* Logo shows normally, hides once the header becomes sticky */
#sp-header .header-oa               { opacity:1; display:block; }
#sp-header.header-sticky .header-oa { opacity:0; display:none; }

.logo-image { height:150px; }

/* ---------- Typography ---------- */
h1 { font-family:'Taviraj', sans-serif; font-weight:200; }
h2 { font-family:'Taviraj', sans-serif; font-weight:400; font-style:italic; }
h3 { font-family:'Yanone Kaffeesatz', sans-serif; font-weight:400; }

/* ---------- Footer ---------- */
#sp-footer { background-image:url("/images/fond-footer-bois.jpg"); }
#sp-footer a, #sp-bottom a { color:#fff; }
#sp-footer a:hover,  #sp-bottom a:hover,
#sp-footer a:active, #sp-bottom a:active,
#sp-footer a:focus,  #sp-bottom a:focus { color:#ED7837; }
#sp-footer .sp-copyright { color:#fff; }

@media screen and (min-width:812px) and (max-width:1024px) {
	.picto-reseaux  { width:20%; margin:0 45%; }
	.liens-footer ul li { text-align:center; }
}
@media screen and (min-width:320px) and (max-width:812px) {
	.picto-reseaux  { width:20%; margin:0 45%; }
	.liens-footer ul li { text-align:center; }
}

/* ---------- Accent buttons / misc brand ---------- */
.sppb-btn-success {
	width:100%; font-size:14px; font-weight:700; color:#fff; text-align:center;
	padding:20px 30px; border-radius:0; border:1px solid #ED7837;
	background-image:linear-gradient(131deg, #ED7837 0%, #ED7837 100%);
	-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;
}
.sppb-btn-success:hover {
	border-color:#fff;
	background-image:linear-gradient(-131deg, #ED7833 0%, #fff 100%);
}
.animated-text-words-wrapper { color:#ED7837; }

.spproperty-details-title .spproperty-details-icon { background:#ee7a2d !important; }
.spproperty-short-overview .spproperty-overview-list .spproperty-single-list span { background:#ee7a2d !important; }

/* ---------- DJ-Accessibility theming ---------- */
:root { --couleur-principale:#ee7a2d !important; }
.djacc__openbtn.djacc__openbtn--default { background:var(--couleur-principale) !important; }
.djacc-popup .djacc__bar:after, .djacc-popup .djacc__bar:before { background:var(--couleur-principale) !important; }
.djacc-popup .djacc__close { background:var(--couleur-principale) !important; margin-left:10px; }
.djacc { font-family:Roboto, sans-serif; }
.djacc--sticky.djacc-popup { margin:20px 20px; }

/* ---------- oui4all accessibility theming ---------- */
/* Replaces the plugin's hardcoded indigo (#6366f1) with the Tremel brand
   orange, the same way the DJ-Accessibility widget above was themed.
   !important is required: oui4all.css is injected after this file
   (plugin onBeforeCompileHead) and hardcodes its accent per-rule rather
   than via a CSS variable. Brand: primary #ee7a2d, hover #d8641c, link #ED7837.
   The WCAG contrast modes (high/dark/light-contrast, etc.) are intentionally
   left untouched. */

/* Floating open button */
.oui4all__openbtn { background:#ee7a2d !important; box-shadow:0 4px 12px rgba(238,122,45,.4) !important; }
.oui4all__openbtn:hover { background:#d8641c !important; box-shadow:0 6px 20px rgba(238,122,45,.55) !important; }

/* Toggle buttons */
.oui4all__btn:hover { background:rgba(238,122,45,.1) !important; }
.oui4all__btn--active { background:#ee7a2d !important; }
.oui4all__btn--active:hover { background:#d8641c !important; }

/* Sliders / progress bar */
.oui4all__bar { background:rgba(238,122,45,.15) !important; }
.oui4all__bar::after { background:#ee7a2d !important; }

/* Increment / decrement steppers */
.oui4all__dec, .oui4all__inc { border-color:rgba(238,122,45,.3) !important; }
.oui4all__dec:hover, .oui4all__inc:hover { background:rgba(238,122,45,.1) !important; border-color:#ee7a2d !important; }
.oui4all__dec:active, .oui4all__inc:active { background:#ee7a2d !important; border-color:#ee7a2d !important; }

/* Custom links */
.oui4all__custom-links a { color:#ED7837 !important; }
.oui4all__custom-links a:hover { background:rgba(238,122,45,.1) !important; }

/* Focus ring + screen-reader hover outline (higher specificity beats the
   plugin's own !important rule regardless of load order) */
.oui4all *:focus-visible { outline-color:#ee7a2d !important; }
html.oui4all-screen-reader body *:hover { outline-color:#ee7a2d !important; }

/* Font: match the site / previous widget (Roboto already loaded in index.php) */
.oui4all, .oui4all * { font-family:'Roboto', sans-serif !important; }

/* Dark theme variant (plugin default style = dark) */
.oui4all--dark .oui4all__header { background:#ee7a2d !important; }
.oui4all--dark .oui4all__btn:hover { background:rgba(238,122,45,.15) !important; }
.oui4all--dark .oui4all__btn--active { background:#ee7a2d !important; }
.oui4all--dark .oui4all__dec:hover, .oui4all--dark .oui4all__inc:hover { background:rgba(238,122,45,.2) !important; border-color:#ee7a2d !important; }
.oui4all--dark .oui4all__footer a, .oui4all--dark .oui4all__custom-links a { color:#f5a463 !important; }
.oui4all--dark .oui4all__custom-links a:hover { background:rgba(238,122,45,.15) !important; }

/* Light theme variant */
.oui4all--light .oui4all__btn:hover { background:rgba(238,122,45,.08) !important; border-color:rgba(238,122,45,.2) !important; }
.oui4all--light .oui4all__btn--active { background:#ee7a2d !important; border-color:#ee7a2d !important; }
.oui4all--light .oui4all__dec:hover, .oui4all--light .oui4all__inc:hover { background:rgba(238,122,45,.08) !important; border-color:#ee7a2d !important; color:#ee7a2d !important; }
.oui4all--light .oui4all__footer a, .oui4all--light .oui4all__custom-links a { color:#ED7837 !important; }
.oui4all--light .oui4all__custom-links a:hover { background:rgba(238,122,45,.08) !important; }

/* Mobile toolbar scrollbar */
.oui4all-toolbar .oui4all__list::-webkit-scrollbar-thumb { background:rgba(238,122,45,.3) !important; }