/* =============================================
   ARLET — Thème clair (aperçu, chargé par index-light.html)
   Surcharge le thème sombre du template pour juger un fond
   blanc / gris clair. Le footer reste sombre volontairement.
============================================= */

body,
.main,
.site-content,
.content-wrapper{
    background-color: #f4f5f7 !important;
    color: #4a4f57;
}

h1, h2, h3, h4, h5, h6,
.section-title .title{
    color: #14181d !important;
}

/* Logo du header : "Arlet" blanc (posé sur bannière photo ou bandeau bleu) */
.site-logo .navbar-brand{
    color: #ffffff !important;
}

/* Titre des bandeaux de pages internes : blanc sur le bleu */
.inner-header .title{
    color: #ffffff !important;
}

.content-wrapper p{
    color: #4a4f57 !important;
}

/* Bannière d'accueil : photo sombre conservée, titres clairs */
.main-banner .banner-title,
.main-banner .banner-title-2{
    color: #e9edf2 !important;
}

/* Textes posés sur les images sombres : restent clairs */
.case-studies-title a{
    color: #ffffff !important;
}

.case-studies-description{
    color: #e6e9ee !important;
}

.part-callout .title{
    color: #ffffff !important;
}

/* Sections sombres -> gris clair, décors d'ellipses neutralisés */
.bg-black{
    background-color: #e9edf2 !important;
}

.ellipse-top, .ellipse-bottom{
    background-image: none !important;
}

.ellipse-top::before, .ellipse-top::after,
.ellipse-bottom::before, .ellipse-bottom::after{
    display: none !important;
}

/* Cards services / pièces détachées (le fond est sur le wrapper) */
.service-wrapper,
.service-style-1 .service-inner{
    background: #ffffff !important;
    border-radius: 14px;
}

.service-wrapper{
    border: 1px solid #e2e6ec !important;
    box-shadow: 0 6px 24px rgba(20, 24, 29, 0.06);
}

/* Outlines blanches -> traits sombres sur fond clair */
img[src*="/outline/"]{
    filter: invert(0.9);
}

.service-title{
    color: #14181d !important;
}

.service-content p{
    color: #4a4f57 !important;
}

/* Compteurs et marquee */
.counter-number,
.counter-number .timer,
.counter-number .suffix{
    color: #14181d !important;
}

.counter-title{
    color: #6a7078 !important;
}

.marquee-item .title{
    color: #c2c8d1 !important;
}

/* FAQ */
.accordion-item{
    background: #ffffff !important;
    border: 1px solid #e2e6ec !important;
}

.accordion-button{
    background: #ffffff !important;
    color: #14181d !important;
}

.accordion-body{
    background: #ffffff !important;
    color: #4a4f57 !important;
}

/* Lignes de rappel des étiquettes de l'éclaté animé */
.tooltip-line{
    stroke: #6a6a6a !important;
}

/* Section cylindre éclaté : fond technique version claire */
.cylinder-exploded-section::before{
    background-image: url("../images/cylinder/arlet-bg-white.webp");
    opacity: 0.2;
}

/* Titres au-dessus des photos sombres (case studies) : inchangés */

/* =============================================
   Couverture site complet (pages internes)
============================================= */

/* Cylindres adaptables (photos sans cadre) */
.adaptable-specs li{
    color: #3c4046 !important;
    border-bottom-color: #e2e6ec !important;
}

/* Tableau caractéristiques techniques */
.tech-table td{
    border-bottom-color: #e2e6ec !important;
}

.tech-table td:first-child{
    color: #6a7078 !important;
}

.tech-table td:last-child{
    color: #14181d !important;
}

/* Packs & coffrets (accordéon pricing) */
.pgs-accordion .accordion-item{
    background: #ffffff !important;
    border: 1px solid #e2e6ec !important;
}

.package-title,
.package-price .price{
    color: #14181d !important;
}

.pricing-lists li{
    color: #3c4046 !important;
}

/* =============================================
   Configurateur
============================================= */
.cfg-card,
.cfg-fiche{
    background: #ffffff !important;
    border-color: #e2e6ec !important;
    box-shadow: 0 6px 24px rgba(20, 24, 29, 0.06);
}

.cfg-type-inner{
    border-color: #d8dde4;
}

.cfg-type-title,
.cfg-size-name,
.cfg-size-value,
.cfg-fiche-brand,
.cfg-part-label,
.cfg-saved-name,
.cfg-table tfoot td{
    color: #14181d !important;
}

.cfg-type-desc,
.cfg-size-tranche,
.cfg-hint,
.cfg-fiche-title,
.cfg-date,
.cfg-part-contents,
.cfg-total-note,
.cfg-saved-ref,
.cfg-saved-empty,
.cfg-name-label,
.cfg-cyl-subtotal td,
.cfg-cyl-header .cfg-cyl-ref{
    color: #6a7078 !important;
}

.cfg-chip{
    border-color: #c9cfd8;
    color: #3c4046;
}

.cfg-chip.active{
    color: #ffffff;
}

.cfg-stepper button{
    border-color: #c9cfd8;
    color: #14181d;
}

.cfg-stepper button:hover:not(:disabled){
    color: #ffffff;
}

.cfg-size-value small{
    color: #6a7078;
}

.cfg-size-row{
    border-bottom-color: #e2e6ec;
}

.cfg-table{
    color: #3c4046;
}

.cfg-table th{
    background: #eef2fb !important;
    color: #14181d !important;
}

.cfg-table td{
    border-bottom-color: #e2e6ec !important;
}

.cfg-cyl-header td{
    background: #eef2fb !important;
    color: #14181d !important;
    border-bottom-color: #2761e7 !important;
}

.cfg-fiche-head{
    border-bottom-color: #e2e6ec !important;
}

.cfg-name-input{
    background: #ffffff !important;
    border-color: #c9cfd8 !important;
    color: #14181d !important;
}

.cfg-saved-item{
    border-color: #d8dde4 !important;
}

.cfg-saved-actions button{
    border-color: #c9cfd8;
    color: #3c4046;
}

.cfg-scheme-caption{
    color: #3c4046 !important;
}

.cfg-svg-dim,
.cfg-svg-dim-small{
    fill: #14181d !important;
}

.cfg-svg-note{
    fill: #6a7078 !important;
}

.cfg-section{
    background: #f4f5f7;
}

/* Nomenclature de l'éclaté : désignations sombres */
.eclate-table td:nth-child(2){
    color: #14181d !important;
}
.eclate-table td:last-child{
    color: #6a7078 !important;
}