/**
 * Container Styles - CSS dedicato ai container
 * Contiene tutte le regole responsive per .container e .houzez-container
 * Codice pulito e ottimizzato - 8 novembre 2025
 */

/* ========================================
   CONTAINER BASE
   ======================================== */

.container,
.houzez-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* ========================================
   CONTAINER RESPONSIVE
   ======================================== */

/* Tablet landscape (1024px - 1199px) */
@media (max-width: 1199px) and (min-width: 769px) {
    .container,
    .houzez-container {
        max-width: 100%;
        padding: 0 20px;
    }
}

/* Mobile large (≤768px) */
@media (max-width: 768px) {
    .container,
    .houzez-container {
        max-width: 100%;
        padding: 0 15px;
    }
}

/* Mobile medium (≤600px) */
@media (max-width: 600px) {
    .container,
    .houzez-container {
        max-width: 100%;
        padding: 0 10px;
    }
}

/* Mobile small (≤480px) - Consolidamento regole duplicate */
@media (max-width: 480px) {
    .container,
    .houzez-container,
    .container-sm {
        max-width: 100% !important;
        padding: 0 1rem !important;
    }
}

/* ========================================
   CONTAINER SPECIFICI
   ======================================== */

/* Custom taxonomy listing - reset padding */
.custom-taxonomy-listing > .container {
    padding: 0;
}

/* Property hero - full width, no padding */
.property-hero .container {
    max-width: 100%;
    padding: 0;
}

/* PDF Marocco section - custom width */
.pdf-marocco-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ========================================
   OVERRIDE REGOLE TEMA PARENT
   ======================================== */

/* Rimuove max-width 540px a 576px */
@media (max-width: 1199px) {
    .container,
    .container-sm {
        max-width: none !important;
    }
}