/* ==========================================================================
   PINDOL HUB - MASTER OVERRIDES
   Template pour déploiement de masse / Template for mass deployment
   ========================================================================== */

/* SECTION 1 : STRUCTURE UNIVERSELLE (NE PAS MODIFIER)
   SECTION 1 : UNIVERSAL STRUCTURE (DO NOT MODIFY)
   --------------------------------------------------------------------------
   Force le centrage et la largeur de la grille originale.
   Forces centering and original grid width.
*/

.page-template-template-pindol #Pindol-Isolated-Container { 
    width: 100% !important; 
    display: block !important;
}

.page-template-template-pindol .pindol-grid {
    width: 90% !important; 
    max-width: 1240px !important; 
    margin: 40px auto !important; 
    float: none !important;
    display: block !important;
}

.page-template-template-pindol .pindol-col {
    float: left !important;
    margin-left: 2% !important;
    box-sizing: border-box !important;
}

.page-template-template-pindol .pindol-col:first-child { 
    margin-left: 0 !important; 
}

/* Neutralisation Kadence / Kadence Neutralization */
.page-template-template-pindol .site-container,
.page-template-template-pindol .entry-content {
    max-width: none !important;
    padding: 0 !important;
}


/* SECTION 2 : DESIGN SPÉCIFIQUE AU SITE (À ÉDITER PAR SITE)
   SECTION 2 : SITE-SPECIFIC DESIGN (EDIT PER SITE)
   --------------------------------------------------------------------------
   Ajoutez ici les couleurs, polices et ajustements visuels locaux.
   Add colors, fonts, and local visual adjustments here.
*/

/* Ex: Couleurs des titres / Title colors */
/* .page-template-template-pindol h1, 
.page-template-template-pindol h2 { color: #2c3e50; } 
*/


/* SECTION 3 : CORRECTIFS DE BUGS LOCAUX (CAS PAR CAS)
   SECTION 3 : LOCAL BUG FIXES (CASE BY CASE)
   --------------------------------------------------------------------------
   Pour corriger des éléments spécifiques qui cassent sur ce domaine précis.
   To fix specific elements breaking on this particular domain.
*/


/* SECTION 4 : RESPONSIVE (MOBILE & TABLET)
   --------------------------------------------------------------------------
*/

@media only screen and (max-width: 768px) {
    .page-template-template-pindol .pindol-grid {
        width: 95% !important;
        margin: 20px auto !important;
    }
    
    .page-template-template-pindol .pindol-col {
        width: 100% !important;
        margin-left: 0 !important;
        float: none !important;
    }
}