/*
Theme Name: Hello Elementor Child
Theme URI: https://www.agoravita.com/
Description: Hello Elementor Child Theme
Author: Agoravita
Author URL: https://www.agoravita.com/
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementorchild
*/

header{
    position:sticky;
    top:0;
    z-index:50;
}
.btn-annuaire .elementor-button-text{
    text-align:left;
}
.btn-annuaire .elementor-button-icon svg{
    width: 1.7em;
}
.btn-annuaire .elementor-button-content-wrapper{
    align-items: center;
}
.btn-footer .elementor-button-icon svg{
    width: 2em;
}
.btn-footer .elementor-button-content-wrapper{
    align-items: center;
}
.btn-footer:hover{
    transform:translateX(-10px);
}
.intro-home{
    position:relative;
}
.intro-home::after{
    content:url(/wp-content/uploads/2026/03/nuages2.svg);
    width:100%;
    z-index:10;
    position:absolute;
    bottom:-20px;
    left:0;
    pointer-events: none;
    max-height:320px;
}

.carousel-home .swiper-pagination-bullets{
    bottom:50px !important;
}
.carousel-home .swiper-pagination-bullet{
    border:1px solid #FEFEFE;
}

.vignette-article-xl .elementor-post-info__terms-list-item{
    background-color:#B2CED8;
    padding:3px 10px;
    border-radius:40px;
    color:#252446;
    display:inline-block !important;
}
.vignette-article-xl  .cats .elementor-post-info__terms-list{
    color:#FEFEFE !important;
    display:flex !important;
    flex-wrap: wrap;
    gap:4px !important;
}

.vignette-article-xl:hover .img-article{
    transform:scale(1.1);
}
.vignette-article-xl:hover .img-article-xs, .vignette-article-xl:hover .photo-article {
    transform:scale(1.1);
}
.vignette-article-xl:hover .voir{
    transform:translateX(10px);
}

.mb0 p{
    margin-bottom:0;
}

.tag-categories .elementor-post-info__terms-list-item{
    border:1px solid #252446;
    padding:7px 20px;
    border-radius:40px;
    color:#252446;
    display:inline-block !important;
}
.tag-categories .elementor-post-info__terms-list{
    color:#FEFEFE !important;
    display:flex !important;
    flex-wrap: wrap;
    gap:4px !important;
}
.col-article-une, 
.col-article-une .elementor-widget-container, 
.col-article-une .elementor-widget-container .elementor-loop-container,
.col-article-une .elementor-widget-container .elementor-loop-container .e-loop-item,
.col-article-une .elementor-widget-container .elementor-loop-container .e-loop-item > a {
    height:100%;
}
.faq-saves h3.e-n-accordion-item-title-text{
    color:#2F3841 !important;
}
.faq-saves .e-n-accordion-item{
    border-bottom:1px solid #BA8E4F;
}
.menu-footer li.menu-item::after{
    border-radius:50%;
}
.row-footer{
    position:relative;
}
.row-footer::before{
    content:"";
    background:url(/wp-content/uploads/2026/03/nuages-footer.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position:center bottom;
    width:100%;
    height:150px;
    position:absolute;
    top:2px;
    transform:translateY(-100%);
    left:0;
    z-index:6;
    pointer-events: none;
}

body.page-id-2571 .row-newseltter{
    display:none;
}  
body.page-id-2571 .row-footer{
    margin-top:30px;
    @media(min-width:768px){
        margin-top:70px;
    }
}   
@media(max-width:767px){
    .menu-footer .elementor-nav-menu {
        justify-content: center !important;
    }
}
@media(min-width:768px){
    .intro-home::after{
        bottom:-40px;
    }
    .carousel-home .swiper-pagination-bullets{
        bottom:60px !important;
    }
    .vignette-article-xl .img-article{
        position:absolute;
        top:0; left:0;
        width:100%;
        height:100%;
        transition:all 0.3s ease-in-out !important;
    }
}
@media(min-width:1024px){
    .intro-home::after{
        bottom:-50px;
    }
}
@media(min-width:1280px){
    .carousel-home .swiper-pagination-bullets{
        bottom:100px !important;
    }
    .contenu-article{
        position:absolute;
        right:0;
        width:77%;
        top:50% !important;
        transform:translateY(-50%);
    }
	.infos-article{
		position:absolute;
		right:0;
		width:70%;
		top:50%;
		transform:translateY(-50%);
	}
	.photo-article{
		aspect-ratio: 1/1;
		width:100%;
	}
	.grid-similaires .elementor-loop-container{
		grid-template-columns: repeat(12, 1fr);
	}
	.grid-similaires .elementor-loop-container > .e-loop-item{
		grid-column:span 5;
		grid-row:span 1;
	}
	.grid-similaires .elementor-loop-container > .e-loop-item:first-of-type {
		grid-column:span 7;
		grid-row:span 2;
	}
	.grid-similaires .elementor-loop-container > .e-loop-item:first-of-type a,
	.grid-similaires .elementor-loop-container > .e-loop-item .elementor-element:first-child,
	.grid-similaires .elementor-loop-container > .e-loop-item:first-of-type .photo-article,
	.grid-similaires .elementor-loop-container > .e-loop-item:first-of-type .photo-article img{
		height:100%;
	}
    .intro-home::after{
        bottom:-67px;
    }
}
@media(min-width:1440px){
    .intro-home::after{
        bottom:-80px;
    }
}
@media(min-width:1536px){
    .img-article-xs{
        aspect-ratio: 1/1 !important;
    }
	.infos-article{
     width:63%;
	}
    .intro-home::after{
        bottom:-60px;
    }
    .vignette-article-xl .elementor-post-info__terms-list-item{
        padding:5px 15px;
    }   
}
@media(min-width:1792px){
    .intro-home::after{
        bottom:-80px;
    }
	.infos-article{
     width:56%;
	}
}
@media(min-width:2000px){
.row-newseltter::after{
    background-size: cover;
    background-position:center top;
    }
}
@media(min-width:768px) and (max-width:1023px){
	.col100tab, .col-carte{
		width:100% !important;
	}
}
/*----------------edito-------------------------*/
#breadcrumbs{
	line-height: 18px;
}
#breadcrumbs > span{
    word-spacing: 10px;
}
#breadcrumbs  span span {
    word-spacing: 0px;
}
#breadcrumbs span span:first-child a.hide{
    display:none;
}
#breadcrumbs span span:first-child a::before{
    content: "";
    display: inline-block;
    width: 19px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath d='M17.4889 18H13.595C12.7617 18 12.0839 17.3161 12.0839 16.475V10.6071C12.0839 10.4331 11.9427 10.2905 11.7702 10.2905H7.23217C7.05974 10.2905 6.91845 10.4331 6.91845 10.6071V16.475C6.91845 17.3161 6.24074 18 5.40736 18H1.51109C0.677716 18 0 17.3161 0 16.475V8.54323C0 7.7457 0.344845 6.99168 0.948324 6.47691L7.76141 0.645274C8.7672 -0.215091 10.228 -0.215091 11.2338 0.645274L18.0517 6.47691C18.6552 6.99168 19 7.7457 19 8.54323V16.4726C19 17.3136 18.3223 17.9976 17.4889 17.9976V18ZM7.22977 9.07975H11.7678C12.6012 9.07975 13.2789 9.7637 13.2789 10.6047V16.4726C13.2789 16.6466 13.4202 16.7892 13.5926 16.7892H17.4865C17.6589 16.7892 17.8002 16.6466 17.8002 16.4726V8.54323C17.8002 8.10097 17.6086 7.68287 17.2734 7.39769L10.4555 1.56606C9.89753 1.08996 9.0881 1.08996 8.53012 1.56606L1.71704 7.39527C1.38177 7.68045 1.19259 8.09855 1.19259 8.54082V16.4726C1.19259 16.6466 1.33388 16.7892 1.5063 16.7892H5.40018C5.5726 16.7892 5.71389 16.6466 5.71389 16.4726V10.6047C5.71389 9.7637 6.39161 9.07975 7.22498 9.07975H7.22977Z' fill='%23155F93'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-top: -4px;
}
.img-commune img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
}
.vignette-commune:hover .img-commune img {
    transform: scale(1.1);
}

.vignette-commune .contenu-commune {
    transform: translateY(calc(100% - var(--title-height, 48px)));
    transition: all 0.3s ease-in-out;
}
.vignette-commune:hover .contenu-commune {
    transform: translateY(0);
}
/*------------------------------------------------*/
.form-ccs input, .form-ccs select{
	border-radius: 30px !important;
	border: 1px solid #000 !important;
	color:#000 !important;
	font-size:17px !important;
}
.form-ccs select{
	-webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/wp-content/uploads/2026/04/down.svg);
    background-repeat: no-repeat;
    background-position: 97% 52% !important;
    padding-right: 40px !important;
}
.form-ccs textarea{
	border-radius: 20px !important;
	border: 1px solid #000 !important;
}
.form-ccs .frm_forms.with_frm_style .frm_fields_container .frm_radio input[type=radio]:not([disabled]):checked, .form-ccs .frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked{
	border-color: #155F93 !important
}
.form-ccs .frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked{
	background-color: #155F93 !important;
}
.form-ccs label{
	color: #000 !important;
	font-family: Gotham !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: normal !important;
}
.form-ccs .frm_submit{
	display:flex;
	justify-content:center !important;
}
.form-ccs .frm_button_submit{
	border-radius: 40px !important;
	border: 1px solid #252446 !important;
	background: #FEFEFE !important;
	color: #252446 !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	padding: 9px 23px !important;
	margin-top:0 !important;
}
.form-ccs .frm_button_submit:hover{
	background: #f4f4f4 !important;
}
@media(min-width:1536px){
    .form-ccs label{
	    font-size: 17px !important;
    }
}
@media(min-width:1792px){
    .form-ccs label{
	    font-size: 19px !important;
    }
}
/*------------communes------------------------------------------------*/
.bloc-intro{
    width:100%;
    background-color:#FEFEFE;
    padding:15px 15px 0;
    border-radius:4px;
    margin-bottom:45px;
}
.bloc-contenu{
    width:100%;
    padding:0px 15px;
}
.bloc-presentation{
    width:100%;
    padding:0px 15px;
}
.bloc-intro h1{
    margin-top:0;
}
.fc-bloc{
    margin-bottom:45px;
}

.bloc-contact{
	margin:25px 0;
}
.bloc-contact .fc-item{
	border-left:2px solid #155F93;
	padding:0 20px;
    margin-bottom:20px;
}
.fc-label{
	color: #252446;
	font-family: "Paytone One";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	display:block;
	margin-bottom:8px;
}
.fc-full{
	grid-column:span 2;
}
.fc-value{
	color: #252446;
	font-size: 17px;
	font-weight: 400;
	margin-bottom:0 !important;
}
.fc-reseaux{
	display:flex;
	gap:10px;
}
.fc-reseaux img{
    width:35px;
}
.fc-row{
	display:flex;
	gap:40px;
	margin-bottom:35px;
}
.fc-section{
	margin-bottom:35px;
}
.fc-titre{
	margin-bottom:20px;
}

.fc-ecole .fc-label{
    margin-bottom:10px;
}
.fc-ecole p{
    margin-bottom:0;
}
.fc-ecole {
    margin-bottom:25px;
}
@media(min-width:768px){
    .bloc-intro{
        padding:25px 25px 0;
        margin-bottom:60px;
    }
    .bloc-contenu{
        padding:0px 25px;
    }
    .bloc-presentation{
        padding:0px 25px;
    }
    .bloc-contact{
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 40px 0px;
        margin:40px 0;
    }
    .bloc-contact .fc-item{
        margin-bottom:0px;
    }
    .fc-value{
	    font-size: 18px;
    }
    .fc-label{
        font-size:22px;
    }
    .bloc-contact{
	    margin:40px 0;
    }
    .siteweb{
        font-size:19px;
    }
    .fc-ecoles-grid{
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 25px;
    }
    .fc-ecole {
        margin-bottom:0px;
    }
    .fc-bloc{
        margin-bottom:60px;
    }
    .fc-titre{
	    margin-bottom:30px;
    }
}
@media(min-width:1024px){
    .bloc-contact .fc-item{
	    padding:0 30px;
    }
    .bloc-intro{
        width:78%;
        padding:35px 40px 0;
    }
    .bloc-contenu{
        width:80%;
        padding:0px 40px;
    }
    .bloc-presentation{
        padding:0px 40px;
    }
    .fc-reseaux img{
        width:50px;
    }
}
@media(min-width:1280px){
    .fc-ecoles-grid{
	    grid-template-columns: repeat(3, 1fr);
    }
    .bloc-intro{
        width:65%;
    }
    .bloc-contenu{
        width:70%;
        padding:0px 50px;
    }
    .bloc-presentation{
        width:92%;
        padding:0px 50px;
    }
}
@media(min-width:1536px){
    .bloc-intro{
        width:60%;
        padding:40px 60px 0;
        margin-bottom:80px;
    }
    .bloc-contenu{
        padding:0px 60px;
        width:65%;
    }
    .bloc-presentation{
        padding:0px 60px;
    }
    .fc-bloc{
        margin-bottom:80px;
    }
    .siteweb{
        font-size:22px;
    }
    .fc-label{
        font-size:24px;
    }
}
@media(min-width:1792px){
    .bloc-intro{
        width:50%;
    }
    .bloc-contenu{
        width:55%;
    }
    .bloc-presentation{
        width:80%;
    }
    .bloc-contact .fc-item{
	    padding:0 40px;
    }
    .fc-ecoles-grid{
	    grid-gap: 40px;
    }
}

/*---------------------------search filter------------------------------*/
.elementor-button.is-active {
    background-color: var(--e-global-color-secondary) !important;
    color: #fff !important;
}
.elementor-button.is-active .elementor-button-text {
    color: #fff !important;
}

/*---------------------------menu------------------------------*/
.menu-ccs .uael-nav-menu.uael-layout-vertical.uael-nav-menu-layout{
    margin-left:0 !important;

}
.titre-menu .elementor-button-icon svg{
    width:13px;
    margin-top:3px;
}
.titre-menu a:hover .elementor-button-icon{
    transition:all 0.3s ease-in-out;
}
.titre-menu a:hover .elementor-button-icon{
    transform:translateX(10px);
}
.titre-menu a .elementor-button-text{
    position:relative;
    white-space: nowrap;
}
.titre-menu a .elementor-button-text:after{
    content:"";
    width:0%;
    height:17px;
    background:url(/wp-content/uploads/2026/04/souligne.svg);
    background-size:600px;
    background-position:right center;
    background-repeat:no-repeat;
    bottom:-17px;
    left:0;
    position:absolute;
    transition:all 0.3s ease-in-out;
}
.titre-menu a:hover .elementor-button-text:after{
    width:100%;
}
.menu-soustitre a:hover{
    text-decoration: underline;
}
.sousmenu-ccs a:hover{
     text-decoration: underline !important;
}
.sousmenu-ccs ul{
    display:block !important;
}
.sousmenu-ccs li{
    border:none !important;
}
.menu-soustitre .elementor-button-text{
    text-align: left;
}
.menu-soustitre .elementor-button-text span{
    font-weight:400;
    font-size:18px;
}
@media(min-width:1024px) and (max-width:1535px){
    .col27-1025{
        width:27% !important;
    }
}

/*-------------------------------------------*/
#a42-ac{
    border-radius:4px;
    padding:40px;
}
#a42-ac h1, #a42-ac legend{
    color:#252446;
    padding-bottom: 11px;
}
#a42-ac fieldset{
    border : none;
    padding:25px;
    background-color: #b2ced88f;
    border-radius: 4px;
}
#a42-ac input[type=radio]+label::before{
    border-color:#3D3B90;
}
#a42-ac input[type=radio]+label::after{
    background-color:#252446;
}
#a42-ac input[type=radio]:checked+label::before{
    border-color:#252446;
}
#a42-ac-close{
    width: 35px;
    height: 35px;
    padding:0;
}
#a42-ac-close::after{
    background:url(/wp-content/uploads/2026/04/close.svg);
    background-size: contain;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    padding: 0;
    position: relative;
    margin: 0;
    left: 0;
}

#accessconfig button{
    background:transparent;
    color:#fff;
    border:none;
}
.btn-access, #accessconfig, #accessconfig button{
        height:57px;
}
#a42-ac-button{
    font-size:0;
    padding: 7px 18px !important;
}
.btn-connexion{
    height:57px;
}
.btn-connexion .uael-has-submenu-container, .btn-connexion .uael-nav-menu__submenu-arrow, .btn-connexion .uael-nav-menu, .btn-connexion .uael-menu-item{
    height:100%;
}
.btn-connexion .uael-menu-item {
    font-size:0;
    padding: 14px 25px 10px 25px !important;
}
.btn-connexion .uael-menu-item::after {
    content:"";
    width:23px;
    height:30px;
    background:url(/wp-content/uploads/2026/06/user-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display:block;
    position:relative !important;
    opacity:1 !important;
}
.btn-connexion .uael-menu-item span{
    display:none;
}
.btn-famille a{
    background-color:#252446;
    border-radius:40px;
    color:#fff !important;
    display: inline-flex !important;
    margin-bottom:10px;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}
.btn-famille a::before{
    content:"";
    width:22px;
    height:22px;
    background:url(/wp-content/uploads/2026/03/portail-famille.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display:block;
    margin-right:10px;
    position:relative !important;
    opacity:1 !important;
}
.btn-annuaire-mob a{
    border-radius:40px;
    border:1px solid #252446;
    display: inline-flex !important;
    margin-bottom:10px;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}
.btn-annuaire-mob a::before{
    content:"";
    width:22px;
    height:22px;
    background:url(/wp-content/uploads/2026/03/annuaire.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display:block;
    margin-right:10px;
    position:relative !important;
    opacity:1 !important;
}
.btn-elus a, .btn-entreprise a{
    background-color:#155F93;
    border-radius:40px;
    color:#fff !important;
    display: inline-flex !important;
    margin-bottom:10px;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}
.btn-elus a::before{
    content:"";
    width:18px;
    height:22px;
    background:url(/wp-content/uploads/2026/03/user.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display:block;
    margin-right:10px;
    position:relative !important;
    opacity:1 !important;
}
.btn-entreprise a::before{
    content:"";
    width:21px;
    height:21px;
    background:url(/wp-content/uploads/2026/04/entreprise.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display:block;
    margin-right:10px;
    position:relative !important;
    opacity:1 !important;
}
.btn-contact-mobile a{
    border-radius:40px;
    border:1px solid #3D3B90;
    color:#3D3B90 !important;
    display: inline-flex !important;
    margin-bottom:10px;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}
.btn-contact-mobile a::after{
    content:"";
    width:20px;
    height:17px;
    background:url(/wp-content/uploads/2026/03/enveloppe.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display:block;
    margin-left:10px;
    position:relative !important;
    opacity:1 !important;
}
.menu-burger .sub-menu a{
    padding-right:15px !important;
}
.menu-burger .sub-menu a .uael-menu-toggle{
    color:#155F93 !important;
}
@media(min-width:768px){
    .btn-access, #accessconfig, #accessconfig button{
        height:56px;
    }
    .btn-connexion{
        height:56px;
    }
    #a42-ac-button{
        padding:12px 25px !important;
    }
    .hidetab{
        display:none;
    }
    .menu-burger .uael-flyout-content{
        padding-top:50px !important;
    }
}
@media(min-width:1024px){
    .hidetab2{
        display:none;
    }
}
@media(min-width:1280px){
    #accessconfig button::after{
        content:"";
        width:9px;
        height:5px;
        background:url(/wp-content/uploads/2026/04/chevron.svg);
        background-repeat: no-repeat;
        background-size:contain;
        display:inline-block;
        vertical-align: middle;
        margin-left:10px;
    }
    #a42-ac-button{
        font-size: 15px;
    }
    
}

@media(min-width:1536px){
    #a42-ac-button{
        font-size: 17px;
    }
    .btn-access, #accessconfig, #accessconfig button{
        height:60px;
    }
    .btn-connexion{
        height:60px;
    }
}
@media(min-width:1792px){
    #a42-ac-button{
        font-size: 18px;
    }
    .btn-access, #accessconfig, #accessconfig button{
        height:62px;
    }
    .btn-connexion{
        height:62px;
    }
}

@media(max-width:1279px){
    #a42-ac-button::before{
        content:"";
        width:35px !important;
        height:35px !important;
        background:url(/wp-content/uploads/2026/04/accessibility.svg) !important;
        background-repeat: no-repeat !important;
        background-size:contain !important;
        display:block;
    }
}
@media(max-width:767px){
    #a42-ac-button::before{
        width:30px !important;
        height:30px !important;
    }
    .btn-elus a, .btn-entreprise a, .btn-famille a, .btn-annuaire-mob a{
        font-size:15px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
}
.fleche-edito .elementor-icon{
    position: relative;
}
.fleche-edito .elementor-icon::after{
    content:"";
    width:46px;
    height:46px;
    background:url(/wp-content/uploads/2026/03/carre.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position:absolute;
    top:0;
    left:0;
    transform:translateY(-40%);
    display:block;
    z-index:-1 !important;
    @media(min-width:1280px){
        width:60px;
        height:60px;
    }
}
.filtres-actus .e-filter-item[aria-pressed="true"]{
    border: 2px solid #2f3841;
    font-weight:700 !important;
}


/* ============ Custom Select global ============ */
.cs-select {
    position: relative;
    font-family: Gotham, sans-serif;
    font-size: 16px;
    width: 100%;
}

.cs-trigger {
    width: 100%;
    padding: 10px 40px 10px 20px !important;
    border-radius: 30px;
    border: 1px solid #2f3841;
    background: #FEFEFE;
    color: #252446;
    font: inherit;
    font-weight:400 !important;
    text-align: left;
    cursor: pointer;
    outline: none;
    box-sizing: border-box;
    position: relative;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.cs-trigger::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 9px;
    height: 9px;
    border-right: 2px solid #252446;
    border-bottom: 2px solid #252446;
    transform: translateY(-65%) rotate(45deg);
    transition: transform 0.2s;
    pointer-events: none;
}
.cs-trigger:hover, .cs-trigger:focus{
    color:#2f3841 !important;
}
.cs-select.is-open .cs-trigger {
    border-color: var(--e-global-color-primary, #3B8090);
    box-shadow: 0 0 0 3px rgba(59, 128, 144, 0.2);
}

.cs-select.is-open .cs-trigger::after {
    transform: translateY(-35%) rotate(225deg);
}

.cs-trigger.cs-placeholder {
    color: #8a8aa0;
}

.cs-list {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    margin: 0;
    padding: 6px;
    list-style: none;
    background: #FEFEFE;
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(37, 36, 70, 0.18);
    z-index: 9999;
    max-height: 260px;
    overflow-y: auto;
    opacity: 0;
    transform: translateY(-6px);
    pointer-events: none;
    transition: opacity 0.18s, transform 0.18s;
}

.cs-select.is-open .cs-list {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.cs-option {
    padding: 10px 16px;
    border-radius: 12px;
    color: #252446;
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s;
    box-sizing: border-box;
}

.cs-option:hover,
.cs-option.is-active {
    background: rgba(59, 128, 144, 0.12);
}

.cs-option.is-selected {
    background: #b2ced89e;
    color: #2f3841;
    font-weight: 600;
}

.cs-option.is-disabled {
    color: #b8b8c4;
    cursor: not-allowed;
    pointer-events: none;
}