/* SECURYJACK - MISE EN PLEINE LARGEUR */
/* Par Philippe Roucou - 23/02/2026 */

/* Supprime les marges latérales */
.container,
#wrapper,
.wrapper,
#main {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Élargit le header */
#header .container,
header .container {
    max-width: 100% !important;
    width: 100% !important;
}

/* Élargit le contenu principal */
#content-wrapper,
.content-wrapper {
    max-width: 100% !important;
    width: 100% !important;
}

/* Élargit les pages produits */
.products,
.product-miniature,
#products {
    max-width: 100% !important;
}

/* Élargit le footer */
#footer .container,
footer .container {
    max-width: 100% !important;
    width: 100% !important;
}

/* Garde une petite marge sur mobile */
@media (max-width: 768px) {
    .container,
    #wrapper,
    #main {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* CORRECTION CARROUSEL - CENTRÉ */
.carousel-inner[role="listbox"],
.carousel-inner {
    max-width: 1110px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.carousel-item figure {
    margin: 0 auto !important;
    text-align: center !important;
}

.carousel-item figure img {
    max-width: 1110px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
}

/* CORRECTION FOOTER */
#footer,
footer,
.footer-container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.footer-container .container {
    max-width: 100% !important;
    width: 100% !important;
}

/* RESPONSIVE CARROUSEL - MOBILE */
@media (max-width: 768px) {
    .carousel-inner[role="listbox"],
    .carousel-inner {
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .carousel-item figure img {
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* RESPONSIVE CARROUSEL - TABLETTE */
@media (min-width: 769px) and (max-width: 1110px) {
    .carousel-inner[role="listbox"],
    .carousel-inner {
        max-width: 100% !important;
    }
    
    .carousel-item figure img {
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* CORRECTION FOOTER - COLONNES */
#footer .row,
footer .row {
    display: flex !important;
    flex-wrap: wrap !important;
}

#footer .col-md-3,
#footer .col-lg-3,
footer .col-md-3,
footer .col-lg-3 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
}

/* RESPONSIVE FOOTER - MOBILE */
@media (max-width: 768px) {
    #footer .col-md-3,
    #footer .col-lg-3,
    footer .col-md-3,
    footer .col-lg-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
 /* CORRECTION FOOTER - FORCE 4 COLONNES */
#footer .footer-container .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
}

#footer .footer-container .col-md-3,
#footer .footer-container .col-lg-3 {
    flex: 1 !important;
    max-width: 23% !important;
    margin: 0 1% !important;
}

/* Cache les colonnes vides */
#footer .col-md-3:empty,
#footer .col-lg-3:empty {
    display: none !important;
}

/* RESPONSIVE - MOBILE */
@media (max-width: 991px) {
    #footer .footer-container .row {
        flex-wrap: wrap !important;
    }
    
    #footer .footer-container .col-md-3,
    #footer .footer-container .col-lg-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin: 10px 0 !important;
    }
}
/* CORRECTION CARROUSEL MOBILE - TEXTE */
@media (max-width: 768px) {
    /* Réduit la taille du texte */
    .carousel-item figure figcaption,
    .carousel-caption {
        font-size: 12px !important;
        padding: 5px !important;
    }
    
    /* Cache le texte si trop long */
    .carousel-item figure figcaption {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}
/* AGRANDIR TOUTE LA BARRE DU HEADER */
#header .header-top,
.header-top {
    padding: 20px 0 !important;
    font-size: 18px !important;
}

/* AGRANDIR LE LOGO */
#header .logo img,
.header-top .logo img,
header .logo img {
    max-height: 100px !important;
    height: auto !important;
    width: auto !important;
}

/* METTRE LE TÉLÉPHONE EN GRAS */
#header .header-top,
#header .header-top a,
#header .header-top span {
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* AJOUTER EMAIL (TEXTE SIMPLE, PAS CLIQUABLE) */
#header a[href^="tel"]:after,
.header-top a[href^="tel"]:after {
    content: " | 📧 philippe@pr-optimization.fr" !important;
    font-weight: 600 !important;
    color: #007bff !important;
    margin-left: 15px !important;
}

/* AGRANDIR LES ICÔNES ET LIENS DU HEADER */
#header .header-top .user-info a,
#header .header-top .language-selector,
#header .header-top .currency-selector,
#header .blockcart {
    font-size: 18px !important;
}

/* RESPONSIVE - CACHE L'EMAIL SUR MOBILE */
@media (max-width: 768px) {
    #header a[href^="tel"]:after,
    .header-top a[href^="tel"]:after {
        display: none !important;
    }
    
    #header .header-top {
        font-size: 14px !important;
    }
}