/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css 0B4DA2 123A6F
 */

/* Override couleur fond filtre */
body { outline: 8px solid red !important; }
.container-filter {
  background-color: #123A6F !important;
  }
.header_logo img.logo {
  width: 75%;
  height: auto;
}

/* === FOOTER : BLEU EXACT #123A6F (SANS ALTÉRATION) === */

#footer,
.footer-container,
.footer-center,
.footer-top,
.footer-bottom {
  background: #123A6F !important;
  background-image: none !important;
}

/* Supprimer les overlays du thème */
#footer::before,
#footer::after,
.footer-container::before,
.footer-container::after,
.footer-center::before,
.footer-center::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Texte */
#footer,
#footer p,
#footer span,
#footer li {
  color: #FFFFFF !important;
}

.manufacturer-image-container a {
    pointer-events: none;
    cursor: default;
}

/* FOOTER : titres en blanc */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer .title_block,
footer .sub-title-widget,
footer .block-title,
footer .widget-title,
footer .sp-heading {
    color: #ffffff !important;
}
/* Tous les liens du site */
a,
a:visited,
.navbar-nav > li > a,
.menu-title,
.nav-link,
.dropdown-toggle {
    color: #123A6F !important;
}
#_desktop_cart .total-cart span {
    color: #123A6F !important;
}
.box-about-ct .sub-title-widget,
.block.ApHtml .sub-title-widget,
.sub-title-widget {
    color: #123A6F !important;
}
.main-content a,
.block_content a,
.image_description a,
.box-support a {
    color: #123A6F !important;
}
body .box-support .sp-item .sp-heading {
    color: #123A6F !important;
}
.block_content p,
.box-about-ct p,
.box-support p,
.image_description p {
    color: #4A4A4A !important;
}
/* FOOTER TEXTE + LIENS BLANC */
.footer-container,
.footer-container p,
.footer-container span,
.footer-container li,
.footer-container a,
.footer-container .ApBlockLink ul li a {
    color: #ffffff !important;
}
.footer-container a:hover {
    color: #e0e0e0 !important;
}
/* Texte principal */
body,
p,
li,
span {
    color: #4A4A4A;
}

/* Garder footer blanc */
.footer-container li,
.footer-container p,
.footer-container span {
    color: #ffffff !important;
}

/* Slide centré + bold + majuscule */
.slide-center {
    position: absolute !important;
    top: 35% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    text-align: center !important;
    width: 100%;

    text-transform: uppercase !important;
    font-weight: 800 !important;
    letter-spacing: 1px;
}
/* Centrer le texte text-5 dans le slider */
.text-5 {
    text-align: center !important;
    left: 50% !important;
    top: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
}
.leo-slideshow .text-5 {
    text-align: center !important;
}
/* Séparateurs uniquement dans le bloc support */
.row.box-support .ApColumn {
    position: relative;
    padding-left: 35px;
    padding-right: 35px;
}

/* Trait vertical */
.row.box-support .ApColumn:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background: #DADFE6;
}
.box-product.ApRow.has-bg.bg-fullwidth-container {
    padding-bottom: 0 !important;
}

.box-footer .header_logo img.logo {
    width: 50% !important;
    height: auto !important;
}
.box-footer .header_logo {
    text-align: center !important;
}

.box-footer .header_logo img.logo {
    display: block !important;
    margin: 0 auto !important;
}
.box-category.ApRow.has-bg.bg-boxed {
    padding-bottom: 0px !important;
}

.image_description ul li a {
    color: #ffffff !important;
}

.image_description ul li a:hover {
    color: #ffffff !important;
    opacity: 0.8;
}
/* ============================= */
/* Bloc spécifique image catégories */
/* ============================= */

#image-form_5967121126242598 {
    position: relative;
    overflow: hidden;
}

/* Assombrissement premium */
#image-form_5967121126242598::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0,0,0,0.85) 0%,
        rgba(0,0,0,0.65) 40%,
        rgba(0,0,0,0.30) 75%,
        rgba(0,0,0,0.10) 100%
    );
    z-index: 1;
}

/* Correction débordement image */
#image-form_5967121126242598 img.img-fluid {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

/* Texte au-dessus de l’overlay */
#image-form_5967121126242598 .image_description {
    position: absolute;
    z-index: 2;
}
/* Lien "Tout afficher" uniquement dans ce bloc */
#image-form_5967121126242598 .btn-link {
    color: #ffffff !important;
}

#image-form_5967121126242598 .btn-link:hover {
    color: #ffffff !important;
    opacity: 0.8;
}
/* ========================= */
/* STYLE UNIQUEMENT PAGES CMS */
/* ========================= */

/* Titre principal (A propos, etc.) */
.page-cms .page-heading {
    color: #123A6F !important;
    font-weight: 700;
}

/* Titres sections */
.page-cms h2 {
    color: #123A6F !important;
    font-weight: 600;
}

/* Paragraphes */
.page-cms .cms-block p,
.page-cms p {
    color: #4A4A4A !important;
    line-height: 1.7;
}

/* Listes */
.page-cms .cms-block ul li {
    color: #4A4A4A !important;
}
/* ========================= */
/* STYLE TITRES CMS + ICONES */
/* ========================= */

/* Harmonisation titres CMS */
.page-cms .page-heading {
    color: #123A6F;
    font-weight: 700;
}

/* Titres sections */
.page-cms h2 {
    color: #123A6F;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 15px; /* espace icône - texte */
    margin-top: 40px;
    margin-bottom: 15px;
}

/* Icônes - largeur définie uniquement */
.page-cms h2 img {
    width: 64px;
    height: auto;
}

/* Texte CMS */
.page-cms p,
.page-cms ul li {
    color: #4A4A4A;
    line-height: 1.7;
}

/* Responsive mobile */
@media (max-width: 768px) {
    .page-cms h2 img {
        width: 40px;
    }
}
.leo-verticalmenu .title_block.verticalmenu-button {
    color: #123A6F !important;
    font-weight: 600;
}
