/* =========================================================
   MEDIA QUERIES — COUVERTURE COMPLÈTE APPAREILS
   Stratégie : mobile-first avec min-width/max-width propres
   Pas de chevauchements, zones sans zones mortes
========================================================= */


/* -------------------------------------------------------
   1. MOBILE PORTRAIT — 320px → 575px
   iPhone SE (320), iPhone 12/13/14 (390), Pro Max (430),
   Galaxy S (360–412), Pixel (393), Galaxy Fold fermé (344)
   ------------------------------------------------------- */
@media (max-width: 575px) {

    body.astroid-framework {
        font-size: 0.9em;
        line-height: 1.6em;
    }

    .astroid-framework .astroid-nav > li > .as-menu-item {
        font-size: 16px !important;
    }

    .astroid-mobilemenu {
        width: 100% !important;
    }

    .footer-links .nav-group a + a::before {
        margin: 0 6px;
    }

    /* Correctif iPhone SE 1ère gen et très petits écrans */
    @media (max-width: 360px) {
        body.astroid-framework {
            font-size: 0.85em;
        }
    }
}


/* -------------------------------------------------------
   2. MOBILE PAYSAGE — 430px → 767px en landscape
   iPhone (toutes générations), Galaxy S, Pixel
   + Motorola G54 en paysage
   ------------------------------------------------------- */
@media (max-width: 767px) and (orientation: landscape),
       (max-height: 430px) and (orientation: landscape) {

    body.astroid-framework {
        font-size: 0.85em;
        line-height: 1.55em;
    }

    .astroid-framework .astroid-nav > li > .as-menu-item {
        font-size: 16px !important;
    }

    .astroid-mobilemenu {
        width: 100% !important;
    }

    /* Correctif débordements sppagebuilder (Motorola G54 etc.) */
    .sppb-container-inner {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .sppb-section {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .sppb-row,
    .sppb-row-column {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .sppb-carousel-extended-outer-stage {
        max-width: 100vw !important;
        overflow: hidden !important;
    }

    .sppb-addon-carousel-extended,
    [class*="carousel"] {
        overflow: hidden !important;
    }

    .search,
    .search__form,
    .search__input,
    .search__info {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* -------------------------------------------------------
   3. TABLETTE PORTRAIT — 576px → 991px
   iPad mini (768), iPad Air/Pro 10.9" (820),
   iPad Pro 11" (834), Galaxy Tab A/S (800–960),
   Surface Pro 7/8 (912), Galaxy Fold ouvert (768)
   ------------------------------------------------------- */
@media (min-width: 576px) and (max-width: 991px) {

    body.astroid-framework {
        font-size: 0.9em;
        line-height: 1.65em;
    }

    .astroid-framework .astroid-nav > li > .as-menu-item {
        font-size: 18px !important;
    }

    .astroid-logo > .astroid-logo-mobile {
        margin-left: 20px !important;
    }

    .btn-search-wrapper {
        padding: 16px 0px !important;
    }
	
		.astroid-contact-info { /* ADRESSE */
    font-size: .8em !important;
	}
	
	.miseenforme { /* EMPLOI */
    font-size: .9em !important;
	}

.social-icon {
    width: 36px !important;
    height: 36px !important;
}

.social-icon i {
    font-size: 1.4em !important;
}

.footer-links a { font-size: 0.8em; }

}


/* -------------------------------------------------------
   4. TABLETTE PAYSAGE — 992px → 1199px
   iPad mini/Air paysage (1024–1180),
   iPad Pro 11" paysage (1194),
   Galaxy Tab paysage (1280), Surface Go
   ------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {

    body.astroid-framework {
        font-size: 0.88em;
        line-height: 1.68em;
        font-weight: 500;
        font-family: "Montserrat", Arial, Helvetica, sans-serif;
    }

    .astroid-framework .astroid-nav > li > .as-menu-item {
        font-size: 19px !important;
        font-weight: 500 !important;
    }

    .astroid-logo > .astroid-logo-mobile {
        margin-left: 20px !important;
    }

    .menu-item-badge {
        padding: 4px 8px;
        font-weight: 600;
        font-size: 13px;
        border-radius: 2px;
    }

    .social-icons-wrapper {
        /* margin-bottom: 20px !important; */
    }
	
	.astroid-contact-info { /* ADRESSE */
    font-size: .8em !important;
	}
	
	.miseenforme { /* EMPLOI */
    font-size: .9em !important;
	}
	
	.social-icon i {
    font-size: 1.4em !important;
}

.footer-links a { font-size: 0.8em; }
	
}


/* -------------------------------------------------------
   5. GRAND ÉCRAN TABLETTE — 1200px → 1366px
   iPad Pro 12.9" portrait (1024) et paysage (1366),
   Surface Pro paysage (1368), Chromebook
   ------------------------------------------------------- */
@media (min-width: 1200px) and (max-width: 1366px) {

    body.astroid-framework {
        font-size: 0.85em !important;
        line-height: 1.7em;
        font-weight: 500;
        font-family: "Montserrat", Arial, Helvetica, sans-serif;
    }

    .astroid-framework .astroid-nav > li > .as-menu-item {
        font-size: 20px !important;
        font-weight: 500 !important;
    }

    .menu-item-badge {
        padding: 4px 8px;
        font-weight: 600;
        font-size: 13px;
        border-radius: 2px;
    }

    .social-icons-wrapper {
        margin-bottom: 20px !important;
    }
}


/* -------------------------------------------------------
   6. LAPTOP — 1367px → 1399px
   ------------------------------------------------------- */
@media (min-width: 1367px) and (max-width: 1399px) {
    /* Tes règles laptop ici */
}


/* -------------------------------------------------------
   7. DESKTOP — 1400px et plus
   (base par défaut, pas de media query nécessaire)
   ------------------------------------------------------- */