/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

    .oxa-single-container {
        max-width: calc(100% - 60px);
    }

    .oxa-single-content-inner {
        max-width: calc(100% - 60px);
        padding-left: 0;
    }

    .oxa-single-banner {
        width: 588px;
        max-width: 100%;
        height: 270px;
    }

    .oxa-single-text {
        width: calc(100% - 60px);
    }

}


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

@media (max-width: 767px) {

    .oxa-single-hero {
        padding-top:80px;
        padding-bottom: 100px;
    }


    .oxa-single-container {
        max-width: calc(100% - 30px);
    }


    .oxa-single-content-inner {
        max-width: calc(100% - 30px);
        padding-left: 0;
    }


    .oxa-single-title {
        font-size: 27px;
        line-height: 1.2;
    }


    .oxa-single-intro {
        font-size: 13px;
        line-height: 1.6;
		margin-bottom:20px;
    }


    .oxa-single-banner {
        position: absolute;
        top: 240px;
        left: 0;
        width: 100%;
        height: 190px;
        border-radius: 4px;
		padding-bottom:20px;
    }


    .oxa-single-content {
        padding-top: 115px;
    }
  .oxa-single-text p { 
        font-size: 14px;
	  line-height:26px;
    }

    .oxa-single-text {
        width: 100%;
        font-size: 12px;
        line-height: 1.7;
    }


    .oxa-single-text h2 {
        font-size: 21px;
    }
	.oxa-single-content {
		padding-bottom: 0 !important;
	}

    .oxa-single-share {
        position: static;
        width: 40%;
        height: 42px;
        flex-direction: row;
    }
	.oxa-single-text li {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 600;
}


    .oxa-single-share a {
        height: 42px;
    }


    .oxa-related-grid {
        grid-template-columns: 1fr;
    }
	.oxa-related-articles .title-bloc1 {
    padding-bottom: none;
    margin-top: none;
    max-width: none;
}
	.ox-about-content {
		padding-bottom:20px;
	}
	    #boldslider-346 .boldslider-slide__canvas {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #boldslider-346 .boldslider-layer {
        text-align: center !important;
    }

    #boldslider-346 .boldslider-layer--heading,
    #boldslider-346 .boldslider-layer--text {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
	.ox-404-section {
        min-height: 55vh;
        padding: 70px 20px;
    }

    .ox-404-number {
        font-size: 80px;
    }

    .ox-404-title {
        font-size: 28px;
    }

    .ox-404-description {
        font-size: 15px;
    }

    .ox-404-actions {
        flex-direction: column;
    }

    .ox-404-button {
        width: 100%;
        max-width: 280px;
    }

	

}

@media (min-width: 768px) {

    #boldslider-346 .boldslider-layer--heading {
        left: 50% !important;
        top: 27% !important;
        transform: translateX(-50%) !important;
        width: 80% !important;
        text-align: center !important;
    }

    #boldslider-346 .boldslider-layer--text {
        left: 50% !important;
        top: 52% !important;
        transform: translateX(-50%) !important;
        width: 80% !important;
        text-align: center !important;
    }

    #boldslider-346 .boldslider-layer--button {
        top: 69% !important;
    }

    #boldslider-346 .boldslider-layer--button:first-of-type {
        left: 25% !important;
    }
  .ox-service-card .content {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .ox-service-card:hover .content {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
	 .ox-header .navbar-collapse {
        display: flex !important;
        align-items: center;
        flex: 1;
    }
}

@media (max-width: 1024px) {
    #boldslider-1630 .boldslider-layer--image {
        left: 20% !important;
        top: 78% !important;
        width: 60% !important;
        height: 35% !important;
    }
}
/* =====================================================
   BOLDSLIDER 1630 — TABLET + MOBILE
===================================================== */

@media (max-width: 991px) {

    /* Titre */
    #boldslider-1630 [data-layer-id="l_8c352bd1ad"] {
        left: 5% !important;
        top: 10% !important;
        width: 90% !important;
        height: auto !important;
        text-align: center !important;
        transform: none !important;
		
    }

    #boldslider-1630 [data-layer-id="l_8c352bd1ad"] .boldslider-heading {
        font-size: 36px !important;
        line-height: 1.3 !important;
        text-align: center !important;
    }

    /* Texte */
    #boldslider-1630 [data-layer-id="l_628bd57268"] {
        left: 5% !important;
        top: 30% !important;
        width: 90% !important;
        height: auto !important;
        text-align: center !important;
        transform: none !important;
    }

    /* Bouton 1 : Audit */
    #boldslider-1630 [data-layer-id="l_6c0cb417c8"] {
        left: 10% !important;
        top: 48% !important;
        width: 80% !important;
        height: auto !important;
    }

    /* Bouton 2 : Services */
    #boldslider-1630 [data-layer-id="l_3b2658d270"] {
        left: 10% !important;
        top: 55% !important;
        width: 80% !important;
        height: auto !important;
    }

    /* Image SOUS les boutons */
    #boldslider-1630 [data-layer-id="l_1mihtxw5"] {
        left: 13% !important;
        top: 66% !important;
        width: 70% !important;
        height: 30% !important;
    }
	#boldslider-1630 .boldslider-layer[data-layer-id="l_3b2658d270"] .boldslider-btn-inner {
    width: calc(100% - 8px) !important;
    height: calc(100% - 8px) !important;
    margin: 4px !important;
    box-sizing: border-box !important;
}

}
/* =====================================================
   BOLDSLIDER 1630 — PETITS MOBILES
   iPhone SE / écrans <= 390px
===================================================== */

@media (max-width: 390px) {

    /* Slider : on lui donne suffisamment de hauteur */
    #boldslider-1630,
    #boldslider-1630 .boldslider,
    #boldslider-1630 .boldslider-slide,
    #boldslider-1630 .boldslider-slide__canvas {
        min-height: 720px !important;
        height: 720px !important;
    }

    /* Titre */
    #boldslider-1630 [data-layer-id="l_8c352bd1ad"] {
        left: 7% !important;
        top: 8% !important;
        width: 86% !important;
        height: auto !important;
    }

    #boldslider-1630 [data-layer-id="l_8c352bd1ad"] .boldslider-heading {
        font-size: 29px !important;
        line-height: 1.15 !important;
    }

    /* Texte */
    #boldslider-1630 [data-layer-id="l_628bd57268"] {
        left: 8% !important;
        top: 27% !important;
        width: 84% !important;
        height: auto !important;
    }

    #boldslider-1630 [data-layer-id="l_628bd57268"] {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    /* Bouton Audit */
    #boldslider-1630 [data-layer-id="l_6c0cb417c8"] {
        left: 12% !important;
        top: 46% !important;
        width: 76% !important;
        height: 52px !important;
    }

    /* Bouton Services */
    #boldslider-1630 [data-layer-id="l_3b2658d270"] {
        left: 12% !important;
        top: 55% !important;
        width: 76% !important;
        height: 52px !important;
    }

    /* Image sous les boutons */
    #boldslider-1630 [data-layer-id="l_1mihtxw5"] {
       
		left: 14% !important;
        top: 60% !important;
        width: 67% !important;
        height: 36% !important;
    }

    /* Contenu des boutons */
    #boldslider-1630 .boldslider-layer--button .boldslider-btn-inner {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

}
/* =====================================================
   TABLETTE - MENU OUVERT
===================================================== */

@media (min-width: 768px) and (max-width: 991px) {

    /* Header */
    .ox-navbar {
        position: relative !important;
        z-index: 9999 !important;
    }

    /* Menu fermé */
    .ox-navbar .navbar-collapse {
        display: none !important;
    }

    /* Menu ouvert */
    .ox-navbar.menu-open .navbar-collapse {
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        min-height: 100vh !important;
        background: var(--oxa-white) !important;
        padding: 25px !important;
        z-index: 99999 !important;
        box-sizing: border-box !important;
    }

    /* Cacher le header derrière */
    .ox-navbar.menu-open .ox-logo,
    .ox-navbar.menu-open .navbar-toggler,
    .ox-navbar.menu-open .ox-actions {
        display: none !important;
    }

    /* Menu vertical */
    .ox-navbar.menu-open .ox-menu {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
        gap: 0 !important;
    }

    .ox-navbar.menu-open .ox-menu .nav-item {
        width: 100% !important;
        border-bottom: 1px solid var(--bg-footer) !important;
    }

    .ox-navbar.menu-open .ox-menu .nav-link {
        display: block !important;
        width: 100% !important;
        padding: 12px 0 !important;
    }

    /* =================================================
       SERVICES
    ================================================= */

    .ox-navbar.menu-open .ox-menu > .nav-item.dropdown {
        display: block !important;
        width: 100% !important;
        position: relative !important;
    }

    /* Lien Services */
    .ox-navbar.menu-open .ox-menu > .nav-item.dropdown > .nav-link {
        display: block !important;
        width: 100% !important;
        padding: 12px 35px 12px 0 !important;
        box-sizing: border-box !important;
    }

    /* Flèche */
    .ox-navbar.menu-open .ox-menu > .nav-item.dropdown > .dropdown-toggle-btn {
        position: absolute !important;
        top: 7px !important;
        right: 0 !important;
        width: 30px !important;
        height: 30px !important;
        padding: 0 !important;
        margin: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* =================================================
       DROPDOWN SOUS "SERVICES"
    ================================================= */

    .ox-navbar.menu-open .ox-menu > .nav-item.dropdown > .dropdown-menu {
        position: static !important;
        float: none !important;
        display: none !important;

        width: 100% !important;
        min-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* Dropdown ouvert */
    .ox-navbar.menu-open
    .ox-menu > .nav-item.dropdown > .dropdown-menu.show {
        display: block !important;
    }

    /* Sous-items */
    .ox-navbar.menu-open
    .ox-menu > .nav-item.dropdown > .dropdown-menu > .nav-item {
        display: block !important;
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border-bottom: 1px solid var(--bg-footer) !important;
    }

    /* Sous-liens */
    .ox-navbar.menu-open
    .ox-menu > .nav-item.dropdown > .dropdown-menu > .nav-item > .nav-link {
        display: block !important;
        width: 100% !important;

        padding: 12px 0 !important;
        margin: 0 !important;

        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        color: var(--oxa-text-color) !important;
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    /* Hover */
    .ox-navbar.menu-open
    .ox-menu > .nav-item.dropdown > .dropdown-menu > .nav-item > .nav-link:hover {
        color: var(--oxa-primary) !important;
    }

    /* =================================================
       BOUTON FERMER
    ================================================= */

    .ox-navbar.menu-open .mobile-close {
        display: flex !important;
        position: absolute !important;
        top: 15px !important;
        right: 15px !important;
        z-index: 100000 !important;
    }
}

@media (min-width: 992px) {
    .ox-menu .dropdown-menu {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .ox-menu .dropdown {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}



@supports (-webkit-hyphens: none) {

    .ox-header {
        position: sticky;
        z-index: 9999;
		 overflow: visible !important;
    }
	


    .ox-navbar {
        position: -webkit-sticky !important;
        position: sticky !important;

        top: 0 !important;

        z-index: 10000 !important;

        height: 80px;
        min-height: 80px;

        overflow: visible;

        transform: translateZ(0);
        -webkit-transform: translateZ(0);

        background-color: rgba(247, 247, 247, 0.72);

        -webkit-backdrop-filter: blur(13px);
        backdrop-filter: blur(13px);
    }

}

/* Slider OxaBox : ajustement de l'image */
@media (min-width: 1700px) {
    .boldslider-layer--image[data-layer-id="l_1mihtxw5"] {
        left: 50% !important;
        top: 24% !important;
        width: 45% !important;
        height: 65.5% !important;
    }
}

/* Éviter de couper l'image */
.boldslider-layer--image[data-layer-id="l_1mihtxw5"] img {
    object-fit: contain !important;
}
/* =====================================================
   BOLDSLIDER 1630 — ÉCRANS MOYENS / MAC
   1200px à 1699px
===================================================== */

@media (min-width: 1100px) and (max-width: 1499px) {

    /* Hauteur du slider */
    #boldslider-1630 .boldslider-slide__canvas {
        min-height: 650px !important;
    }

    /* Titre */
    #boldslider-1630 [data-layer-id="l_8c352bd1ad"] {
        left: 5% !important;
        top: 17% !important;
        width: 42% !important;
        height: auto !important;
    }

    #boldslider-1630 [data-layer-id="l_8c352bd1ad"] .boldslider-heading {
        font-size: 42px !important;
        line-height: 1.2 !important;
    }

    /* Texte descriptif */
    #boldslider-1630 [data-layer-id="l_628bd57268"] {
        left: 5% !important;
        top: 40% !important;
        width: 42% !important;
        height: auto !important;
    }

    /* Bouton Audit */
    #boldslider-1630 [data-layer-id="l_6c0cb417c8"] {
        left: 5% !important;
        top: 61% !important;
        width: 23% !important;
        height: auto !important;
    }

    /* Bouton Services */
    #boldslider-1630 [data-layer-id="l_3b2658d270"] {
        left: 29% !important;
        top: 61% !important;
        width: 23% !important;
        height: auto !important;
    }

    /* Image : décalée à droite et légèrement remontée */
    #boldslider-1630 [data-layer-id="l_1mihtxw5"] {
        left: 53% !important;
        top: 17% !important;
        width: 42% !important;
        height: 62% !important;
    }

    #boldslider-1630 [data-layer-id="l_1mihtxw5"] img {
        object-fit: contain !important;
    }
}