/* Large screens */
@media only screen and (max-width: 1824px) {
	
}
@media only screen and (max-width: 1380px) {
    .section_marche_criecuit {
        overflow: hidden;
    }
.horizental-line{
width:170px;
}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

}

/* ===================================================
   HEADER MOBILE — burger, logo, top_menu
   =================================================== */

/* Desktop : forcer l'affichage du content-box (contourne le collapse Bootstrap) */
@media (min-width: 992px) {
    #navMenuMobile {
        display: flex !important;
        flex-direction: column;
        width: 70%;
    }

    #navMenuMobile hr {
        display: block;
        width: 100%;
    }
}

/* Masquer la phrase slogan sur mobile */
@media (max-width: 991.98px) {
.contact-page-section{
padding:0;
height:100%;
}

    /* top_menu : taille de texte réduite */
    .top-titre {
        font-size: 13px !important;
    }

    /* Section about */
    .about-image-wrapper {
        height: 0 !important;
    }

    .about-text-container {
        padding: 0 !important;
    }

    .subtitle {
        margin: 0 !important;
    }

    /* Cartes produits pleine largeur */
    .product-card {
        width: 100% !important;
    }

    /* Section catégories */
    .categorie-section-custom {
        padding-top: 20px !important;
    }

    /* Titre marchés */
    .subtitle-marche {
        margin: 0 !important;
    }

    /* Barre de recherche mobile (entre logo/burger et menu) */
    .search-container-mobile {
        width: 100%;
        flex-basis: 100%;
        margin-top: 8px;
        order: 3;
    }

    .search-container-mobile .search-input {
        flex: 1;
    }

    .search-btn-mobile {
        background-color: #1e2a5a;
        color: white;
        border: none;
        border-radius: 0;
        padding: 6px 12px;
        flex-shrink: 0;
    }

    .search-btn-mobile:hover {
        background-color: #162147;
    }



    .top-titre-slogan {
        display: none;
    }

    /* --- Bouton burger --- */
    .navbar-toggler {
        border: 2px solid #ff3b00;
        border-radius: 4px;
        padding: 6px 10px;
        background: transparent;
        cursor: pointer;
    }

    .navbar-toggler:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(255, 59, 0, 0.25);
    }

    /* Lignes du burger en orange */
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%23ff3b00' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        width: 28px;
        height: 24px;
    }

    /* --- Logo réduit --- */
    .navbar-brand .logo-img {
        height: 36px !important;
        width: auto !important;
    }

    /* --- Menu déplié : prend toute la largeur sous le logo --- */
    #navMenuMobile {
        width: 100%;
        flex-basis: 100%;
        padding: 12px 0 8px;
        border-top: 1px solid #eee;
        margin-top: 8px;
        max-height: 70vh;
        overflow-y: auto;
    }

    /* Nav links empilés verticalement */
    .nav-menu {
        flex-direction: column;
        align-items: flex-start !important;
        width: 100%;
        gap: 0;
    }

    .nav-menu .nav-item,
    .nav-menu .nav-link,
    .nav-menu a {
        width: 100%;
        padding: 10px 0;
        border-bottom: 1px solid #f0f0f0;
        margin-right: 0;
    }

    .nav-menu .separator {
        display: none;
    }

    /* Dropdown menu dans le burger */
    .nav-item.dropdown .dropdown-menu {
        position: static;
        float: none;
        box-shadow: none;
        border: none;
        background: #f9f9f9;
        padding: 0 0 0 12px;
    }

    /* Téléphone dans top_menu mobile */
    .top_menu .icon-phone {
        width: 20px;
        height: 20px;
        object-fit: contain;
    }

    /* Téléphone sous la nav */
    .phone-number {
        margin-top: 10px;
        padding: 8px 0;
        border-bottom: 1px solid #f0f0f0;
        width: 100%;
    }

    /* Séparateur horizontal masqué sur mobile */
    .main_menu hr {
        display: none;
    }

    /* Barre de recherche et bouton Contact empilés */
    .search-container {
        width: 100%;
        margin-top: 10px;
    }

    .search-input {
        max-width: 100%;
    }

    .btn-contact {
        width: 100%;
        margin-top: 10px;
        text-align: center;
        justify-content: center;
    }

    /* Masque la flèche décorative du bouton contact sur mobile */
    .btn-contact .btn-arrow {
        display: none;
    }

    /* ===================================================
       PAGE NOTRE SOCIÉTÉ MOBILE
       =================================================== */

    .company-image-wrapper img {
        width: 100%;
    }

    .company-cube {
        display: none;
    }

    .company-content-block {
        padding-top: 24px;
    }

    .company-logos {
        flex-direction: column;
    }


    /* ===================================================
       PAGE SOLUTIONS D'ÉTANCHÉITÉ MOBILE
       =================================================== */

    .product-section {
        padding-top: 20px;
    }

    .product-content {
        display: block;
    }

    .sidebar {
        position: relative;
    }

    .product-card-detail {
        width: 100%;
    }


    .flech_detail {
        display: none;
    }

    /* ===================================================
       PAGES SOUS-MARCHÉS MOBILE (pétrole gaz, etc.)
       =================================================== */

    .marche-main-content,
    .marche-secondary-content {
        display: block;
        gap: 0;
    }

    .text-content-marche {
        flex: none;
    }

    .background-img-marche-right {
        display: none;
    }

    .secondary-image-container {
        display: none;
    }

    .titre-question {
        display: block;
    }

    /* ===================================================
       PAGE MARCHÉS MOBILE
       =================================================== */

    .markets-section {
        padding-top: 20px;
    }

    .markets-header {
        margin-bottom: 0;
    }

    /* ===================================================
       FOOTER MOBILE
       =================================================== */

    /* Supprime la découpe diagonale, bord supérieur droit */
    .footer {
        clip-path: none;
        margin-bottom: 0;
    }

    .footer-content {
        padding-top: 20px;
    }

    .footer-logo {
        margin-top: 20px;
    }

    .footer-sections-row {
        gap: 20px;
    }

    .footer-section {
        text-align: left;
    }

    .contact-columns {
        gap: 0;
    }
}

/* Extra Small Devices, Phones */
@media (max-width: 667px) {
	
}

@media (max-width: 568px) {
	
}

@media only screen and (max-width : 479px) {
	
	
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {
	.g-recaptcha{
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {
}