/*
 Theme Name:   Andier Child
 Theme URI:    https://gerbaca.com
 Description:  Thème enfant Andier pour gerbaca.com avec layout wide responsive
 Author:       Gerbaca
 Author URI:   https://gerbaca.com
 Template:     andier
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  andier-child
*/

/* === OVERRIDE LAYOUT WIDE === */

/* Container principal - élimination limitation 1170px */
.container.wide-layout,
.container.wide-container,
.wide-layout .container,
.wide-container .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 30px;
    padding-right: 30px;
}

/* Hero section - full width */
.hero-box.wide-layout,
.wide-layout .hero-box,
.wide-container .hero-box {
    max-width: 100% !important;
    padding-left: 30px;
    padding-right: 30px;
}

/* Content sections - wide */
.content.wide-layout,
.wide-layout .content,
.wide-container .content {
    max-width: 100% !important;
    padding-left: 30px;
    padding-right: 30px;
}

/* Footer - wide */
.footer.wide-layout,
.wide-layout .footer,
.wide-container .footer {
    max-width: 100% !important;
    text-align: left;
}

/* === BREAKPOINTS RESPONSIFS WIDE === */

/* Desktop large (1200px - 1920px) */
@media (min-width: 1200px) and (max-width: 1920px) {
    .wide-container {
        padding-left: 60px;
        padding-right: 60px;
    }
}

/* Ultra-wide (1920px+) */
@media (min-width: 1920px) {
    .wide-container {
        padding-left: 120px;
        padding-right: 120px;
    }
}

/* 4K (2560px+) */
@media (min-width: 2560px) {
    .wide-container {
        padding-left: 180px;
        padding-right: 180px;
    }
}

/* === COMPATIBILITÉ SITEORIGIN === */

/* Panels layout wide */
.panel-layout.wide-layout .panel-grid,
.wide-layout .panel-grid {
    max-width: 100% !important;
    width: 100% !important;
}

/* Grid cells wide */
.panel-layout.wide-layout .panel-grid-cell,
.wide-layout .panel-grid-cell {
    width: calc(100% - 60px) !important;
    margin: 0 30px;
}

/* === SUPPRESSION CENTRAGE === */

/* Alignement gauche pour contenu wide */
.wide-layout .content,
.wide-layout .blog-content,
.wide-layout .col-md-8 {
    text-align: left;
    float: left;
}

/* Navigation alignée à gauche */
.wide-layout .nav-box,
.wide-layout .menu-box {
    text-align: left;
}

/* Footer aligné à gauche */
.wide-layout .footer-box {
    text-align: left;
}

/* === OVERRIDES GÉNÉRALES POUR LAYOUT WIDE === */

/* Suppression des limitations de largeur sur tous les conteneurs */
.wide-layout .container,
.wide-container .container,
.wide-layout .row,
.wide-container .row {
    max-width: none !important;
    width: 100% !important;
}

/* Élimination du centrage automatique */
.wide-layout .container,
.wide-container .container,
.wide-layout .row,
.wide-container .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Adaptation des colonnes Bootstrap pour layout wide */
.wide-layout .col-lg-12,
.wide-layout .col-md-12,
.wide-layout .col-sm-12,
.wide-layout .col-xs-12 {
    width: 100% !important;
    max-width: 100% !important;
}

/* Sections principales en full width */
.wide-layout header,
.wide-layout main,
.wide-layout footer,
.wide-layout section {
    width: 100% !important;
    max-width: 100% !important;
}

/* Images et médias adaptatifs */
.wide-layout img,
.wide-layout video,
.wide-layout iframe {
    max-width: 100% !important;
    height: auto !important;
}

/* === RÉSOLUTION DES CONFLITS BOOTSTRAP 3.3.7 === */

/* Override des containers Bootstrap */
.wide-layout .container-fluid,
.wide-container .container-fluid {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 30px;
    padding-right: 30px;
}

/* Grid system wide */
.wide-layout .row,
.wide-container .row {
    margin-left: -15px;
    margin-right: -15px;
}

.wide-layout [class*="col-"],
.wide-container [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}

/* === MOBILE RESPONSIVE MAINTIEN === */

/* Mobile first approach - maintenir la compatibilité */
@media (max-width: 767px) {
    .wide-layout .container,
    .wide-container .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .wide-layout .panel-grid-cell,
    .wide-container .panel-grid-cell {
        width: calc(100% - 30px) !important;
        margin: 0 15px;
    }
}

/* Tablettes */
@media (min-width: 768px) and (max-width: 1199px) {
    .wide-layout .container,
    .wide-container .container {
        padding-left: 40px;
        padding-right: 40px;
    }
}