/*
Theme Name: Theme Atout DSI
Theme URI: https://evolurise.com
Author:Evolurise
Author URI: https://evolurise.com
Description: Thème personnalisé pour le projet Atout DSI
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.0
Requires at least: 6.0
Tested up to: 6.4.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: atout-dsi

.menu li .submenu li a {
    border: none;
    text-transform: capitalize !important;
}

@media (min-width:1800px){
body .rl__thumb img {
    object-fit: cover !important;
    width: 120px !important;
    height: 120px !important;
}
}
/* 1) Remet les puces NATIVE sur les listes "stringify" */
ul[data-stringify-type="unordered-list"] {
  list-style: disc outside !important;
  padding-left: 1.25rem !important;  /* espace pour la puce */
  margin: 0 0 1em 0 !important;
}
ul[data-stringify-type="unordered-list"] > li {
  display: list-item !important;     /* indispensable sinon pas de ::marker */
}
.autopricing-item-content ul {
  list-style: disc outside !important;
  padding-left: 1.25rem !important;  /* espace pour la puce */
  margin: 0 0 1em 0 !important;
}
.autopricing-item-content ul > li {
  display: list-item !important;     /* indispensable sinon pas de ::marker */
}
.menu li .submenu li a {
    text-transform: none !important;
}
/* 2) Si ton reset a cassé ::marker, on force un fallback en pastille ::before */
ul[data-stringify-type="unordered-list"].no-marker,
ul[data-stringify-type="unordered-list"][data-fallback="before"] {
  list-style: none !important;
  padding-left: 0 !important;
}
ul[data-stringify-type="unordered-list"].no-marker > li,
ul[data-stringify-type="unordered-list"][data-fallback="before"] > li {
  position: relative;
  padding-left: 1.5rem !important;
  display: list-item !important;
}
ul[data-stringify-type="unordered-list"].no-marker > li::before,
ul[data-stringify-type="unordered-list"][data-fallback="before"] > li::before {
  content: "" !important;            /* certains resets mettent content:none */
  width: 0.5rem; height: 0.5rem;
  border-radius: 999px;
  background: var(--e-global-color-primary, #333);
  position: absolute; left: 0; top: 0.8em; transform: translateY(-50%);
}
p.gform_required_legend {
    display: none !important;
}
.radius-box img {
    height:90px !important;
    width:100px !important;
    object-fit:cover !important;
}

svg.svg-inline--fa.fa-linkedin-in {
    color: #292645 !important;
}
select#header-select-links {
    border-radius: 12px !important;
}
@media (min-width:600px){
    .hero-content {
    height: 430px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.hero-img img {
    height: 430px;
    min-height: 430px !important;
}
}
.author-info {
    width: 65%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.autopricing-faq .tab input:checked ~ .tab__content {
    max-height: -webkit-fill-available !important;
}
span.quote-mark {
    width: 20%;
}


.card-header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-items: flex-start;
}
.radius-box img {
    height:90px !important;
    width:100px !important;
    object-fit:cover !important;
}

.autopricing-item {
    margin: 0px;
    width: 50%;
    height: -webkit-fill-available !important;
}
.zone_individuel {
    flex: 0 0 auto;
    width: 100%;
    display: flex
;
    flex-direction: column;
    align-items: center;
}
.col-12.wrapper_pricing {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 50px;
}
#gform_wrapper_2 label.gfield_label.gform-field-label {
    display: none;
}
.cta_orange a {
    color: white !important;
}

#gform_wrapper_2 input#input_2_1 {
    width: 100%;
    height:50px !important;
    padding: 14px 20px;
    font-size: 16px;
    border: 1px solid #ff66004d;
    border-radius: 12px;
    background-color: #ffffff;
    box-sizing: border-box;
    transition: border-color 0.3s, box-shadow 0.3s;
}
.resumes-img img {
    border-radius: 8px;
}

.form_wrapper_blue .gform-body.gform_body * {
    color: #1d40be;
    font-size: 16px;
}
.elementor a {
    box-shadow: none;
    text-decoration: none;
    color: #ff6600;
}
#gform_wrapper_2 input#gform_submit_button_2 {
    padding: 19px 30px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    background-color: #ff6600;
    border: none;
    border-radius: 12px 12px 12px 12px;
    cursor: pointer;
    transition: background-color 0.3s;
    text-transform: uppercase;
    max-width: 248px;
    margin-top:-10px;
}
.menu-item-has-children > a::before,.menu-item-has-children > a::after {
    background: #292645;
}
.membership_required1 {
    filter: grayscale(5);
}
ul.submenu {
    border-radius: 8px;
}

.menu li .submenu li a {
    border: none;
}
@media (min-width: 1200px) {
    .menu li .submenu li a:hover, .menu li .submenu li a.active {
        background: #ff6600;
        padding-left: 22px;
        color: #fff;
        border-radius:8px;
    }
}
.resumes-content {
    padding: 5px 23px !important;
}

select, input, textarea {
    border: 1px solid #ff66002b !important;
    box-shadow: none !important;
    border-radius: 6px !important;
}
div.gform_drop_area{
    border: 1px dashed #ff66002b !important;
    box-shadow: none !important;
    border-radius: 6px !important;
}
div.gform_drop_area:before{
    color:#ff6600 !important;
}

button.gform_button_select_files, .gform_button {
    background: #ff6600 !important;
    border-radius: 6px !important;
    padding:10px 50px !important;
}
.cios-faq .tab__content ul {
    padding: 1rem 4rem;
    font-size: 18px;
}

.cios-faq .tab__content li {
    list-style: disc outside !important;
    margin: 0 0 1em 0 !important;
}
.service-card-items .radius-box::after {
  background-image: url(https://atout-dsi.evolurise.dev/wp-content/uploads/2025/07/right-curve-body-color.svg);
}
svg.svg-inline--fa.fa-magnifying-glass {
    fill: #1f224c !important;
}
.review__list ul li:nth-child(5) {
    top: 25%;
    left: 39%;
}
.bg_blanc * {
    background: white !important;
}
.vauip-btn a {
    text-transform: unset !important;
}
.logo-item.aos-init.aos-animate {
    margin: 20px 0px;
}
section.identity-bg div.row .col-lg-3 {
    margin: 20px 0px;
}

.blog__item-content p {
    width: 85%;
}
.uade-content.aos-init.aos-animate p {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
}
.form-container .gform_body label, .form-container .gform_body legend, .form-container .gform_body span {
    color: white !important;
}
h1.aos-init.aos-animate {
    line-height: 72px;
}

a.cta_orange_solo.banner__btn {
    background: #ff6602;
    padding: 15px;
    border-radius: 8px;
    color: white;
}
h1.aos-init.aos-animate {
    width: 90% !important;
    font-size: 40px !important;
    line-height: 50px !important;
}
.tab__content p, .tab__content ul .tab__content span, .tab__content li {
    font-size: 17px !important;
    color: #20224d !important;
    font-weight: 400 !important;
}
.white_bloc .team-item-wrapper {
    background: white;
}
.menu li a {
    padding-right:20px !important;
}


a.custom-btn.custom-btn--outline:hover {
    border: none;
}
.about__item-inner.d-flex.align-items-center.g-5.p-relative {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.about__card-content {
    width: 60%;
    min-width: 60%;
    background: #1d40be;
}
select#header-select-links {
    width: 170px;
}
.about__card-content * {
    color: white;
    font-size: 25px !important;
}
select#header-select-links {
    background-color: #ff6602;
    color: white;
    font-weight: 600;
}

a.custom-btn.btn-sm.header__btn.custom-btn--primary.d-none.d-md-inline-block {
    background: white;
    color: #ff6602 !important;
    border: 1px solid #ff6602;
}
h1 {
    font-size: calc(1.1rem + 3.3428571429vw) !important;
}
.rl__thumb img {
    object-fit: cover !important;
    width: 100px;
    height: -webkit-fill-available;
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
@media (min-width: 1600px) {
    .review__list ul li .rl__thumb {
        width: 120px;
        height: 120px;
    }
}
.custom-btn:hover.custom-btn--primary2 {
    color: #ff6600;
    border-color: transparent !important;
    border: 0px !important;
}
button#search-toggle * {
    color: #3c396f;
}
.menu li .submenu li a {
    text-transform: none !important;
}
ul.submenu {
    margin-left: 25px;
}
.service-card-items .radius-box::before {
    background-image: url(https://atout-dsi.evolurise.dev/wp-content/uploads/2025/07/right-curve-body-color.svg);
}
.review__list ul li .rl__thumb {
 animation: float 4s linear infinite;	
}
.newsletter__wrapper {
    background-repeat: no-repeat!important;
	    background-position: right bottom!important;
    background-size: cover !important;
}
@keyframes float{
	0%,100%{
		transform:translateY(0);
	}
	50%{
			transform:translateY(20px);
	}
	
}
.footer__block-body {
    overflow: hidden;
    max-height: 1000px;
    opacity: 1;
    transition: all 0.3s ease;
}
.footer__block-icon {
    display: none;
}
.footer__block-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font: inherit;
}
.footer__block-icon {
    transition: transform 0.3s ease;
    color: #fff;
}
.header-section.header-section--fixed {
    margin: 10px 0;
}
body {
    font-size: 20px;
}
.banner {
    background-image: url('https://atout-dsi.evolurise.dev/wp-content/uploads/2025/07/Hero-Section-scaled.png');
}
.about__card-content span {
    font-size: 18px;
}
.testimonial-slider .swiper .swiper-slide .testimonial-card .card-content .card-header .author-info p {
    font-size: 18px;
}
.event__item-content p {
    font-size: 18px;
}
.event__nav span {
    font-size: 18px;
}
.blog__item-content p {
    font-size: 16px;
    width:90%;
}
span.event__title {
    color: white;
    font-size: 20px;
}
.hub-btn.btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
div#excerpt_featured p {
    height: 100px;
}
.form-container p.form-description {
	  max-width: 70%;
    font-size: 20px;
}
.newsletter-form label {
    font-size: 20px;
}
.footer__about > p {
    font-size: 18px;
}
.review__list ul li .rl__content span {
    font-size: 14px;
}
.review__list ul li .rl__content p {
    font-size: 14px;
}
.search__content .search__submit {
    padding: 16px;
}
.search__content input {
    width: 465px;
}
.search__content {
    display: block;
}
.search__content form {
    display: flex;
    gap: 10px;
}
strong.about-bold {
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
}
.footer__info-item a{
	color:#fff;
}
.footer__info-item a:hover{
	color:#FF6600;
}
.form-container .form-group input, .form-container .form-group textarea {
    width: 100%;
}
#menu-footer li a {
	  transition:0.3s;
}
#menu-footer li a:hover {
	color:#F28C38;
}
.footer__links li a {
    color: #fff;
	  transition:0.3s;
}
.footer__links li a:hover{
	color:#F28C38;
}
.footer__links li{
	margin-bottom:14px;
}
.newsletter-info .newsletter-title {
    max-width: 536px;
}
.about__card-content {
    border-radius: 16px;
}
.about__thumb {
    background: transparent;
} 
.footer__block-title h6 {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 26px;
    color: #fff;
    text-transform: capitalize;
}
.service-card-items .radius-box {
    background-color: #F5F6FF;
}
.service__right .last_shape .service__item {
    background-color: #F5F6FF;
}
.footer__grp-btn a{
	transition:0.3s;
}
.footer__grp-btn a:hover {
    background: #ff6600;
    color: #fff;
}
@media(max-width:1600px){
.review__list ul li:nth-child(6) {
    right: 25%;
    top: 36%;
}
.review__list ul li:nth-child(2) {
    left: 19%;
}
.review__list ul li:nth-child(7) {
    right: 9%;
}
.review__list ul li:nth-child(1) {
    left: 6%;
}
.review__list ul li:nth-child(3) {
    left: 27%;
    top: 36%;
}
.review__list ul li:nth-child(4) {
    left: 42%;
}
}
@media(max-width:1200px){
.review__list ul li:nth-child(4) {
    left: 39%;
    top: 38%;
}
.review__list ul li:nth-child(2) {
    left: 17%;
    top: 53%;
}
.review__list ul li:nth-child(3) {
    left: 19%;
    top: 36%;
}
.review__list ul li:nth-child(1) {
    left: -1%;
    top: 54%;
}
.review__list ul li:nth-child(6) {
    top: 32%;
}
}
@media(max-width:1100px){
	.review__list ul li:nth-child(2) {
    left: 14%;
}
.review__list ul li:nth-child(1) {
   left: -6%;
}
.review__list ul li:nth-child(7) {
    right: 5%;
}
}
@media(max-width:991px){
	.review__list ul li:nth-child(1) {
    left: 3%;
}
.review__list ul li:nth-child(5) {
    top: 13%;
	  left: 39%;
}
.review__list ul li:nth-child(2) {
    left: 22%;
}
.review__list ul li:nth-child(7) {
    right: 8%;
}
}
@media(max-width:885px){
	.review__list ul li:nth-child(2) {
    left: 17%;
}
.review__list ul li:nth-child(1) {
    left: -1%;
}
.review__list ul li:nth-child(7) {
    right: 3%;
}
.review__list ul li:nth-child(6) {
    top: 28%;
}
}
@media(max-width:767.98px){
.review__list ul li:nth-child(2) {
    left: 14%;
}	
.review__list ul li:nth-child(7) {
    right: 11%;
}
.review__list ul li:nth-child(5) {
    top: 18%;
}
.review__list ul li:nth-child(6) {
    top: 36%;
	 right: 15%;
}
.event--style2 .event__item-content {
    gap: 20px;
}
strong.about-bold {
    font-size: 20px;
}
.form-container p.form-description {
    max-width: 100%;
    font-size:18px;
}
}
@media(max-width:680px){
	.review__list ul li:nth-child(2) {  top: 48%;
    left: 14%;
}
.review__list ul li:nth-child(7) {
    right: 5%;
}
.review__list ul li:nth-child(6) {
    top: 36%;
    right: 12%;
}
.review__list ul li:nth-child(3) {
    top: 32%;
}
.blog__item-inner--style1 .blog__item-content p {
    width: 100%;
}
}
@media(max-width:576px){
	.review__list ul li:nth-child(5) {    left: 33%;
    top: 10%;
}
.review__list ul li:nth-child(3) {
    top: 26%;
	left: 15%;
}
.review__list ul li:nth-child(1) {
    left: -6%;
}
.review__list ul li:nth-child(2) {
    top: 42%;
    left: 11%;
}
.review__list ul li:nth-child(4) {
    left: 35%;
    top: 35%;
}
.review__list ul li:nth-child(6) {
    top: 54%;
    right: 3%;
}
.about__card-content span {
    font-size: 14px;
}
.footer__block-body {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
}
.footer__block-icon {
    display: block;
}
}

@media(max-width:490px){
	.review__list ul li:nth-child(6) {
    top: 54%;
    right: -6%;
}
.review__list ul li:nth-child(4) {
    top: 41%;
}
.review__list ul li:nth-child(8) {
    right: -7%;
    bottom: 140px;
    top: 42%;
}
.review__list ul li:nth-child(5) {
    left: 9%;
    top: 34%;
}

}

@media(max-width:450px){
	.review__list ul li:nth-child(1) {
    left: -13%;
}
.review__list ul li:nth-child(2) {
    top: 25%;
    left: 27%;
}
.review__list ul li:nth-child(3) {
    top: 39%;
    left: -2%;
}
.review__list ul li:nth-child(7) {
    right: -3%;
    top: 31%;
}
.review__list ul li:nth-child(6) {
    top: 58%;
    right: -13%;
}

}
@media(max-width:400px){
	.review__list ul li:nth-child(8) {
    right: -10%;
    top: 45%;
}
.review__list ul li:nth-child(6) {
    right: -12%;
}
.review__list ul li:nth-child(4) {
    left: 27%;
}
}
@media(max-width:390px){
.review__list ul li:nth-child(4) {
    top: 47%;
}
.review__list ul li:nth-child(2) {
    top: 34%;
}
.review__list ul li:nth-child(5) {
    left: 6%;
    top: 36%;
}
.review__list ul li:nth-child(7) {
    top: 36%;
}
}
@media(max-width:380px){
	.form-container .submit-btn {
    min-width: 0;
    width: 100%!important;
		padding: 14px 10px;
}
}
@media(max-width:360px){
.review__list ul li:nth-child(3) {
    top: 34%;
    left: -7%;
}
.review__list ul li:nth-child(4) {
    top: 42%;
	  left: 23%;
}
.review__list ul li:nth-child(8) {
    right: -11%;
    top: 35%;
}
.review__list ul li:nth-child(2) {
    top: 31%;
}
.review__list ul li:nth-child(5) {
    left: 9%;
    top: 20%;
}
.review__list ul li:nth-child(7) {
    top: 21%;
}
.review__list ul li:nth-child(6) {
    top: 47%;
    right: -11%;
}
}
@media(max-width:350px){
.review__list ul li:nth-child(1) {
    top: 47%;
}
}

select#header-select-links {
    border:1px solid #2a26457a !important;
   }
   select#header-select-links:hover {
       color: white !important;
       border: 1px solid #1d40be;
   }
   .active-wrapper {
       display: grid
   ;
       grid-template-columns: 33% 33% 33% !important;
       gap: 20px;
   }
   select#header-select-links {
       border: 1px solid #f3f4fb !important;
   
   }
   span.term.term-category {
       font-size: 16px;
       color: #ff6602;
   }
   button.e-filter-item[data-filter="replay"],button.e-filter-item[data-filter="reserve-aux-membres"] {
       display: none;
   }
   .elementor .elementor-widget-text-editor li {
       display: list-item !important;
       color: #292645;
       font-size: 20px;
       font-family: 'Quicksand';
       font-weight: 500;
   }
   .e-filter-item[data-filter="atout-partenariat-ecosysteme"], .e-filter-item[data-filter="atout-hp"], .e-filter-item[data-filter="atout-synthese"], .e-filter-item[data-filter="atout-article-itpreneur"], .e-filter-item[data-filter="atout-outil-itpreneur"]{
       display: none !important;
   }
   h2.gform_submission_error.hide_summary {
       color: #fe6603 !important;
   }
   a.past_event.custom-btn.custom-btn--primary {
       color: white;
   }
   .cta_orange a {
       color: white !important;
       background: #ff6600 !important;
       border: none !important;
   }
   .resumes-wrapper .banner__btn {
       text-align-last: center;
       margin-top: 50px;
   }
   h2.mz_has_text_move_anim {
       color: #1D40BE !important;
   }
   .hero-content p {
       font-size: 19px !important;
   }
   .resumes-item {
       margin: 15px 0px;
   }
   .hero-img img {
   }
   h3.discover_title_atout {
       font-size: 36px;
       margin-bottom: 30px;
   }
   
   div#gform_8_validation_container {
       border-radius: 8px;
       background: white;
       border: 2px solid #ff6602;
   }
   
   span.gform-icon.gform-icon--circle-error {
       color: red !important;
   }
   .uasp-title.vauip-title h2 {
       color: #1D40BE;
       justify-self: center;
       margin-bottom: 40px;
   }
   
   #header-select-links.form-select:hover{
     --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   }
   a.custom-btn.btn-sm.header__btn.custom-btn--primary.d-none.d-md-inline-block:hover {
       color: white !important;
       border: 1px solid blue;
   }
   /* --- FIX ciblé : uniquement ce widget texte --- */
   .elementor-element-cb44d08 ul,
   .elementor-element-cb44d08 ol {
     list-style-position: outside !important;
     margin: 0 0 1em 1.5em !important;
     padding-left: 0 !important;
   }
   
   .elementor-element-cb44d08 ul { list-style-type: disc !important; }
   .elementor-element-cb44d08 ol { list-style-type: decimal !important; }
   
   .elementor-element-cb44d08 li {
     display: list-item !important;  /* remet le comportement natif */
     margin-bottom: .35em;
   }
   
   .event__content {
       opacity: 1 !important;
       transform: unset !important;
   }
   /* Neutralise d'éventuelles puces custom qui masquent les marqueurs */
   .elementor-element-cb44d08 li::before { content: none !important; }
   /* (optionnel) si ton thème cache le ::marker */
   .elementor-element-cb44d08 li::marker { content: initial !important; }
   
   /* --- FIX global : tous les widgets Texte Elementor (facultatif) --- */
   .elementor .elementor-widget-text-editor ul,
   .elementor .elementor-widget-text-editor ol {
     list-style-position: outside !important;
     margin: 0 0 1em 1.5em !important;
     padding-left: 0 !important;
   }
   .elementor .elementor-widget-text-editor ul { list-style-type: disc !important; }
   .elementor .elementor-widget-text-editor ol { list-style-type: decimal !important; }
   .elementor .elementor-widget-text-editor li { display: list-item !important; }
   .elementor .elementor-widget-text-editor li::before { content: none !important; }
   .aspm-list.aos-init.aos-animate {
       margin-top: 30px;
   }
   
   .aspm-list.aos-init.aos-animate ul li span {
       margin-right:10px;
   }
   @media (min-width:600px){
       .hero-img img {
       height: 430px !important;
       min-height: 430px !important;
   }
   }

@media (max-width:450px){
    .rl__thumb img{
        width:50px !important;
        height:50px !important;
    }
    .about__card-content {
    width: 100%;
        padding:20px
    }
    
.event__item-btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
input.gform_button.button {
    width: 100% !important;
}

.ginput_container.ginput_container_turnstile {
    width: 10;
    width: 100% !important;
}

.cf-turnstile {
    justify-self: center;
}



.elementor-2535 .elementor-element.elementor-element-7f52b93 {
    padding: 50px 10px !important;
}

input#gform_submit_button_2 {
    width: 100% !important;
    min-width: 100%;
}

.gform-footer.gform_footer.top_label {
    width: 100% !important;
}

    
}

@media (max-width:450px){
    body h1.aos-init.aos-animate {
        font-size: 30px !important;
        width:90% !important;
        line-height:40px !important;
    }
        .hero-img img {
        height: 350px !important;
            
    }
        .autopricing-faq.cios-faq.aos-init.aos-animate {
        width: 150% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
    
    .tab {
        min-width: 100% !important;
        max-width: 100% !important;
    }
    .active-wrapper {
        display: flex
    ;
        flex-direction: column;
    }
    .col-12.wrapper_pricing {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    video.elementor-video {
        height: 500px !important;
    }
    .autopricing-item {
        width: 100%;
    }
    /* Panel */
.offcanvas-menu {
    position: fixed;
    inset: 0 auto 0 0;         /* top:0; right:auto; bottom:0; left:0 */
    width: 90vw;
    max-width: 360px;
    height: 100dvh;            /* mieux que 100vh sur mobile */
    background: #1F224C;
    z-index: 100000;
    transform: translateX(-100%);
    transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 2px 0 24px rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
    padding: 0 0 2rem 0;
    overflow: hidden;          /* on gère le scroll sur l'enfant */
  }
  
  /* État ouvert */
  .offcanvas-menu.active {
    transform: translateX(0);
  }
  
  /* Header et footer "fixes" dans le panel */
  .offcanvas-menu__header,
  .offcanvas-menu__actions {
    flex: 0 0 auto;
  }
  
  /* Zone centrale qui SCROLLE */
  .menu-menu-mobile-container {
    flex: 1 1 auto;            /* occupe la hauteur restante */
    min-height: 0;             /* indispensable pour autoriser le scroll en flex */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;   /* inertie iOS */
    overscroll-behavior: contain;        /* évite le scroll du fond */
  }
  
  /* Optionnel : limite la hauteur des sous-menus si très longs */
  .offcanvas-menu .submenu {
    /* max-height: 70vh; overflow:auto; */
  }
  body select#header-select-links {
    border-color: #ff6602 !important;
}
a.custom-btn.btn-sm.header__btn.custom-btn--primary.d-md-inline-block {
    background: white !important;
    color: #ff6600 !important;
}
.header-wrapper .menu-area .header__right {
    padding: 0px !important;
}
    }