/* ================================
   MINAMAZE – RESPONSIVE FIX (PORTRAIT)
   ================================ */

@media screen and (max-width: 480px) {

    /* TITRES – éviter débordements et tailles fixes */
    h1, .entry-title, .page-title {
        font-size: clamp(1.4rem, 5vw, 1.9rem) !important;
        line-height: 1.25 !important;
        word-break: break-word;
        margin-top: 0.8em !important;
        margin-bottom: 0.6em !important;
    }

    h2, .entry-content h2 {
        font-size: clamp(1.2rem, 4.5vw, 1.6rem) !important;
        line-height: 1.3 !important;
        margin-top: 0.8em !important;
        margin-bottom: 0.5em !important;
    }

    /* CONTENEURS – empêcher les largeurs figées */
    .container, .row, .site-content, .entry-content {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box;
    }

    /* IMAGES – éviter les débordements */
    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* SLIDER – neutralisation en portrait */
    #slider, .slider-wrapper, .home-slider {
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    /* SECTIONS – éviter les marges verticales excessives */
    section, .section, .home-section {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}
