html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

#astroid-header>div:nth-child(1)>div:nth-child(3)>nav:nth-child(1)>ul:nth-child(1)>li:nth-child(1)>a:nth-child(1) {
    border: 1px solid #cba135 !important;
    border-radius: 50px !important;
    width: 150px;
    /*height: 30px;*/
    margin-left: -295px !important;
    padding-left: 24px;
    /*margin-top: 4px !important;*/
    background: rgba(15, 1, 40, 0.909);
    transition: transform 0.3s ease-in-out !important;
    /*transition: background 0.3s ease-in-out !important;*/
}

.astroid-nav-wraper>ul:nth-child(1)>li:nth-child(1) {
    border: 1px solid #cba135 !important;
    border-radius: 50px !important;
    width: auto;
    /*height: 30px;*/
    margin-left: -250px !important;
    /*margin-top: 4px !important;*/
    background: rgba(255, 255, 255, 0.1);
    transition: transform 0.3s ease-in-out !important;
    /*transition: background 0.3s ease-in-out !important;*/
    box-shadow: 0 -5px 20px #cba0357e;
}

/*homepage overlay for the title color be seen*/
div.container:nth-child(2) {
    background: #3a3a3a71;
    padding: 15px;
    /*border: 1px solid #cba135;*/
    border-radius: 35px;
    width: auto;
    box-shadow: 0 -5px 21px #050401b7;
    transition: transform 0.8s ease-in-out;
}

/*background overlay sur le slideshow homepage*/
/*#\36 2f0d5e219289c81097692 > div > div,
#\36 2f0d5fd8e9d5c89604489 > div > div{
    background: rgba(0, 0, 0, 0.4);
    padding: 15px;
    border: 1px solid #cba135;
    border-radius: 15px;
}*/

/*div.container:nth-child(2):hover{
    transform: scale3d(-2,1.7,0.7);   /*animation overlay homepage title*/
/*}*/

#b-62f31455ebb21c43176356 > div > div.container > div > a,
#b-62f31455ebb21c43176356 > div > div.container > h3,
#b-62f31455ebb21c43176356 > div > div.container > span {
    transition: transform 0.8s ease-in-out;
    cursor: pointer;
    z-index: 999;
}

/*#b-62f31455ebb21c43176356 > div > div.container > div > a:hover,
#b-62f31455ebb21c43176356 > div > div.container > h3:hover,
#b-62f31455ebb21c43176356 > div > div.container > span:hover {
    transform: scale3d(-1,1,0.6);
}*/

@media screen and (max-width: 900px){
    div.container:nth-child(2):hover{
    transform: scale3d(0,0,0);   /*animation overlay homepage title*/
}

#b-62f31455ebb21c43176356 > div > div.container-fluid > div > a,
#b-62f31455ebb21c43176356 > div > div.container-fluid > h3,
#b-62f31455ebb21c43176356 > div > div.container-fluid > span {
    transition: transform 0.8s ease-in-out;
    cursor: pointer;
    z-index: 1;
}

#b-62f31455ebb21c43176356 > div > div.container-fluid > div > a:hover,
#b-62f31455ebb21c43176356 > div > div.container-fluid > h3:hover,
#b-62f31455ebb21c43176356 > div > div.container-fluid > span:hover {
    transform: scale3d(0,0,0);
}
}

#b-62f31455ebb21c43176356 > div > div.container > span{
    display: inline-block; /* permet au span de s'animer (ici pour le sous-titre de la page d'accueil)*/
}

.astroid-nav-wraper>ul:nth-child(1)>li:nth-child(2) {
    margin-left: 200px !important;
}

.astroid-nav-wraper>ul>li>a {
    border-radius: 50px !important;
    margin-left: 5px;
}

#astroid-header>div:nth-child(1)>div:nth-child(3)>nav:nth-child(1)>ul:nth-child(1)>li:nth-child(1)>a:nth-child(1):hover,
.astroid-nav-wraper>ul:nth-child(1)>li:nth-child(1):hover {
    transform: scale(1.05);
    background: #ccbd4a;
    box-shadow: 0 -5px 20px #cba0357e;
}

#astroid-header>div>div>nav>ul>li>a {
    border-radius: 50px !important;
    margin-top: 0px !important;
}

#astroid-header>div>div>nav>ul>li>div {
    border-radius: 15px !important;
    margin-top: 30px !important;
    overflow: hidden !important;
    border: 1px solid #cba135;
}

#astroid-header>div>div>nav>ul>li>div:hover {
    margin-top: 30px !important;
    border: 1px solid #cba135;
    border-radius: 15px !important;
    display: inline-block !important;
    overflow: hidden !important;
    outline: none !important;
}

.astroid-nav-wraper>ul>li>div {
    border-radius: 15px !important;
    overflow: hidden !important;
    border: 1px solid #cba135;
}

.astroid-nav-wraper>ul>li>div:hover {
    /*margin-top: 30px !important;*/
    border: 1px solid #cba135;
    border-radius: 15px !important;
    display: inline-block !important;
    overflow: hidden !important;
    outline: none !important;
}

#astroid-header>div:nth-child(1)>div:nth-child(3)>nav:nth-child(1)>ul:nth-child(1)>li:nth-child(5)>a:nth-child(1) {
    width: 70px;
    height: 40px;
    margin-right: -350px;
    position: absolute;
}

.astroid-nav-wraper>ul:nth-child(1)>li:nth-child(5) {
    margin-left: 650px !important;
    margin-top: 7px !important;
    position: absolute;
}

#astroid-header>div:nth-child(1)>div:nth-child(3)>nav:nth-child(1)>ul:nth-child(1)>li:nth-child(5),
#astroid-header>div:nth-child(1)>div:nth-child(3)>nav:nth-child(1)>ul:nth-child(1)>li:nth-child(6) {
    position: absolute;
    margin-left: 600px;
    margin-top: 5px;
}

#system-message-container>joomla-alert:nth-child(2) {
    background-color: #7dae928e;
    border-radius: 10px;
    width: 100% !important;
    border: 1px solid #cba135;
    align-items: center;
    color: #ccbd4a;
}

#system-message-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

a.btn {
    border: 2px solid #cba135;
    border-radius: 50px;
    color: black;
    height: 40px;
    transition: transform 0.3s ease-in-out !important;
}

a.btn:hover {
    transform: scale(1.05);
    border: 2px solid #cba135;
}

body {
    font-family: 'Droid Serif', serif;
    margin: 0px;
    padding: 0px;
    /*background-attachment: fixed !important;*/
    background: linear-gradient(35deg, #010205 0%, #f3efea 10%, #010205 20%, #f3efea 30%, #010205 40%, #fceffa 50%,#010205 60%,
        #010205 64%,
        #fceffa 85%,
        #010205 95%,
        #148b04 96%,
        #fceffa 97%,
        #c4151c 98%,
        #010205 99%,
        #f3efea 100%);
}

/*,radial-gradient(circle at top left, rgba(219, 183, 226, 0.842), transparent)*/

.astroid-banner-overlay,
.astroid-banner-inner {
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    height: 550px;
    /* Ensure height is fixed */
    opacity: 0.8;
}

.dj-category {
    background: linear-gradient(134deg, black 0%, #f3efea 20%, black 40%, #f3efea 60%, black 80%, #f3efea 100%);
    border-radius: 15px;
    /*box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);*/
    transition: transform 0.8s ease-in-out !important;
}

.dj-category .title{
    background: #3a3a3a71;    /*overlay sur les titres des catégories car on voir mal*/
    /*border: 2px solid #A42200;*/
    border-radius: 15px;
    box-shadow: 0 -5px 10px #0e0b03c5;
    transition: transform 0.3s ease-in-out;
    padding: 10px;
}

.dj-category .title:hover{
    transform: scale3d(1.1,
        1.1,
        2);
}

div.cat_col > div > div > div > div > p {   /*couleurs des sous titres des catégories dans listing*/
    color: floralwhite;
}

#hs-62eac4228eb97474594732 {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease-in-out !important;
}

/*#hs-62eac4228eb97474594732:hover,*/
.dj-category:hover {
    transform: scale(1.30);
    box-shadow: 0 -5px 10px #cba035c5 !important;
    z-index: 99999 !important;
}

.cat_row_title {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /*border: 2px solid #cba135;*/
    background: #f3efea;
}

#fs-1528971627712 {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    box-shadow: 0 -5px 20px #cba03591;
    border: 1px solid #cba135;
}

/*.container,section{
    border: none;
}*/

/* design de la recherche de régions*/
.dj_cf_regions_selects {
    border: 1px solid #cba135;
    background-color: #fceffa;
    border-radius: 8px;
    display: inline-block;
    overflow: hidden;
    width: 200px;
}

.djcf_regions_select {
    background-color: #fceffa;
    width: 100%;
    height: 40px;
    outline: none;
}

/*box des annonces dans la vue des annonces version blog*/
div.item_box>div>div>div {
    /*border: 2px solid #fd179641 !important;*/
    background: #fceffa9d !important;
    border-radius: 15px !important;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.3) !important;
    transition: transform 0.4s ease-in-out !important;
}

div.item_box>div>div>div:hover,
.item_box_in2:hover {
    transform: scale(1.07);
    box-shadow: 0 -5px 20px #cba035c9 !important;
    border: 1px solid #cba135 !important;
    background: #575368 important;
}

/*réduire la taille de la box de blog view pour ne pas qu'il y ait de case vide*/
.item_box_in2 {
    min-height: 450px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*box-sizing: border-box !important;*/
    row-gap: 20px !important;
    transition: transform 0.3s ease-in-out !important;
}

div.item_box > div > div > div > div > h2 > a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*limiter le texte dans la vue du listing car il dépasse et cela déforme le résultat*/
.desc_info {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 30px;
}

div.item_box>h2 {
    color: #f3efea !important;
}

#dj-classifieds {
    background: #f3efeaa4;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);*/
    border-radius: 15px !important;
}

.general_det_in {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    margin-left: 20px;
}

.main_cat_title {
    padding: 20px !important;
    color: #15304D;
}

.dj_item {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border: 2px solid #cba135;
}

/*remise en forme des images thumb*/
div.item_box > div > div > div > div > div > div > a> img {
    border-radius: 15px;
    border: 2px solid #cba135;
}

.container {
    Border-bottom: #cba135 !important;
}

#hs-1529472563843 {
    border: none !important;
}

div.cat_col>div>div>div>h2>a,
.row_label,
.localization_det h2,
.description h2 {
    color: #7c7334 !important;
}

div.item_box>div>div>div>div>h2>a {
    color: #15304D !important;
}

#hs-1529472563843>div:nth-child(1) {
    border-bottom-left-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}

div.item_box>div>div>div>div>div>a {
    color: #cba135 !important;
}

/*boutons recoloriés et animations*/
#dj-classifieds table.paymentdetails td.td_pdetails div {
    background: rgba(255, 255, 255, 0.1) !important;
}

#dj-classifieds table.paymentdetails td.td_pdetails div.pd_row_total {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid #cba135 !important;
}

.td2 {
    background: rgba(255, 255, 255, 0.1) !important;
}

/*ajouter de la marge top pour laisser de l'espace entre la barre de menu et le module de recherche et encadrement doré plus radius*/
 #hs-62eac4228eb97474594732{
    margin-top:45px;
    border: 1px solid #cba135;
    border-radius: 15px;
}

.djcf_prow_col_desc,
.search_buttons>button:nth-child(1),
a.button,
#submit_button,
#preview_button,
.title_edit,
a.title_delete:nth-child(3),
.title_prom_top {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid #cba135 !important;
    text-shadow: 0px 0px 0px !important;
    border-radius: 15px !important;
    transition: transform 0.3s ease-in-out;
    height: 40px;
}

#ask_form_button,
#abuse_form_button {
    background: #CBA135 !important;
    color: white !important;
    border: none !important;
    padding: 1rem 2rem !important;
    font-size: 1rem !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    text-shadow: none !important;
}

.search_buttons>button,
a.button,
#submit_button,
#preview_button {
    color: hsl(0, 0%, 100%, 0%, 100%) !important;
}

div.djcf_prow>div>div>a,
a.button,
div.row_ua>div>a,
a.button,
#submit_button,
#submit_button,
#preview_button {
    background: #6a7894 !important;
    border: 1px solid #cba135 !important;
    border-radius: 15px !important;
    color: #ffff !important;
    text-shadow: 0px 0px 0px !important;
    width: auto !important;
    padding: 2px !important;
    /*text-align: center !important;*/
}

div.djcf_prow>div>div>a:hover,
.title_edit:hover,
.title_prom_top:hover,
a.title_delete:nth-child(3):hover,
a.button:hover,
div.row_ua>div>a:hover,
.search_buttons>button:nth-child(1):hover,
#submit_button:hover,
#submit_button:hover,
#preview_button:hover {
    background: #cba135 !important;
    transform: scale(1.05) !important;
    border-radius: 15px !important;
    border: 2px solid black;
}

a.Tips1,
.cat_name>a,
.description>a {
    color: #ffff !important;
}

div.item_row:nth-child(2) {
    border: 1px solid #cba135 !important;
}

#awt-61bae20c0d2cf499628496>p>span {
    color: #fff !important;
}

#ar-62ea8d8f6d916c13364574 {
    margin-bottom: 100px !important;
}

.astroid-header {
    border: 1px solid #cba135;
    border-top: none;
    border-bottom-left-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    /*background-color: #6a7894;*/
    background: rgb(1, 3, 8);
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3) !important;
}

.carousel-item {
    padding: 20px !important;
    margin-bottom: 50px !important;
    border-radius: 15px;
}

.carousel-item img {
    border-radius: 15px;
    border: 2px solid #cba135;
}

.astroid-slideshow {
    background: rgba(255, 255, 255, 0.1);
    margin-top: 60px;
    margin-bottom: 60px;
    width: 100%;
    border-radius: 15px;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.4) !important;
    transition: transform 0.8s ease-in-out !important;
}

.astroid-slideshow:hover {
    transform: scale(1.30);
    box-shadow: 0 -5px 20px #cba135;
}

.mod-banners__item {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 5px 15px #0d0a2b92 !important;
    transition: transform 0.4s ease-in-out;
}

.mod-banners__item:hover {
    transform: scale(1.05);
}

.mod-banners__item img {
    border: 2px solid #cba135;
    box-shadow: 0 -5px 20px #cba03563;
}

/*décallage logo et hamburger menu*/
.astroid-logo-default {
    margin-left: 20px !important;
}

div.as-gutter-x-xl\@lg:nth-child(4)>div:nth-child(2) {
    margin-right: 20px !important;
}

.com-users-registration {
    background: #fff;
    padding: 20px;
    box-shadow: 0 -5px 20px #cba03571;
    border: 1px solid #cba135;
    border-radius: 25px;
}

div.additem_djform:nth-child(1) {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    background: #f3efea;
}

div.additem_djform:nth-child(2) {
    background: #f3efea;
}

div.additem_djform:nth-child(3) {
    background: #f3efea;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

/*payment forms*/
#djForm {
    border: 1px solid #cba135 !important;
    border-radius: 15px !important;
    box-shadow: 0 -5px 10px #cba035c5 !important;
    background: #f3efea;
    padding: 20px !important;
}

div.additem_djform:nth-child(1)>div:nth-child(1) {
    background: #7dae92 !important;
    border: 1px solid #cba135 !important;
    border-radius: 10px;
}

#dj-classifieds {
    border-radius: 15px !important;
    padding: 20px !important;
    border: 1px solid #cba135 !important;
    box-shadow: 0 -5px 10px #cba035c5 !important;
}

.table_payment>table:nth-child(1)>tbody:nth-child(1)>tr:nth-child(2)>td:nth-child(1)>table:nth-child(1)>tbody:nth-child(1)>tr:nth-child(1)>td:nth-child(2)>h2:nth-child(1),
div.djcf_prow>div>div>h3,
.title_top>h1:nth-child(1),div.row_ua>div>div>div>div>a {
    color: #15304D !important;
}

/*moteur de recherche display flex pour aligner bien les selecteurs avec un espace entre chacun*/
#form_search145,
#form_search146,
#form_search147,
#form_search148,
#form_search149 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 5px !important;
    width: 100%;
}

/*arrondit des tables du moteur de recherche mode Item*/
#input_search144,#input_search145,#input_search146,#input_search147,#input_search148,
#se144_cat_0,#se144_cat_1,
#se145_cat_0,#se145_cat_1,
#se146_cat_0,#se146_cat_1,
#se147_cat_0,#se147_cat_1,
#se148_cat_0,#se148_cat_1,
#se149_cat_0,#se149_cat_1,
.search_type>select:nth-child(1),
.from-wrapper>input:nth-child(2),
.to-wrapper>input:nth-child(2),
#se144_cat_4 {
    height: 40px !important;
}

#input_search144,
#input_search145,
#input_search146,
#input_search147,
#input_search148,
#se146_reg_0 {
    width: 100% !important;
    height: 40px !important;
}

div.djseform_field > input{
    border-radius: 8px !important;
    border: 1px solid #cba135 !important;
    height: 40px !important;
    /*width: 140px !important;*/
}

#ui-id-1,
#ui-id-2,
#ui-id-3 {
    border: 1px solid #ccbd4a !important;
    border-radius: 8px!important;
    overflow: visible !important;
    outline: 0 !important;
    box-shadow: 10px 0 -5px #cba135 !important;
    position: absolute;
}

.dj_cf_search_onerow > .search_row2 > .search_ex_fields > .djseform_field > {
    width: 200px; /*aligne bien les extra field en front end mais il faudrait exclure le div amanities pour pouvoir le resizer individuellement*/
}

.search_row1 {
    width: 100%;
}

.search_row2 {
    width: 53%;
}

@media screen and (max-width: 900px) {

    /*moteur de recherche version mobile*/
    /*.search_row1{
        width: 100% !important;
        display: flex;
        flex-direction: column;
        column-width: 100vw;
    }*/
    .search_row2 {
        width: 100% !important;
    }

    .djcf_se_row {
        max-width: 100% !important;
        display: inline !important;
    }

    .custom-select-wrapper{ /*replace la flèche correctement sur mobile*/
        width: 100% !important;
    }
	#price{
		width:80% !important;
	}
	.currency {
		width:30% !important;
	}
	#djForm > div:nth-child(1) > div.additem_djform_in > div:nth-child(15) > div.djform_field > div{
		width:auto !important;
	}
	
	#djForm > div:nth-child(1) > div.additem_djform_in > div.djform_row.category > div.djform_field > div.custom-select-wrapper{
		width: auto !important;
	}
	
	#djForm > div:nth-child(1) > div.additem_djform_in > div.djform_row.region > div.djform_field{
	width: 100px !important;
	}

    #form_search146>div.search_row1>div.search_price.djcf_se_row {
        width: 100% !important;
    }
	
	#djForm > div.additem_djform.profile_fields > div.additem_djform_in > div:nth-child(4) > div.djform_field > div.custom-select-wrapper{
		width:auto !important;
	}

    #form_search146>div.search_row1>div.search_cats.djcf_se_row,
    #form_search146>div.search_row1>div.search_word.djcf_se_row,
    #form_search146>div.search_row1>div.search_type.djcf_se_row,
    #form_search146>div.search_row1>div.search_time.djcf_se_row,
    #form_search146 > div.search_row1 > div.search_regions.djcf_se_row {
        width: 48.57% !important;
    }
	
	#djForm > div.additem_djform.profile_fields > div.additem_djform_in > div:nth-child(2) > div.djform_field > div{
		width:100% !important;
	}
	
	#group_id{
		width: 100% !important;
	}
	
	#dj-classifieds .dj-additem .terms_and_conditions{
		text-align: left !important;
	}

    /*.search148_ex_fields{
        width: 20% !important;
    }*/
    .se_checkbox {
        width: 180px !important;
    }

    /*#form_search145,
    #form_search146,
    #form_search147,
    #form_search148,
    #form_search149 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    width: 100% !important;
    }*/
	
	#uploader_browse > span.ui-button-text{
	width: auto !important;
	text-align: center;
	vertical-align: center;
	display: flex;
	flex-start: center;
	}
	
	#uploader_container > div > div.plupload_content > table:nth-child(3) > tbody > tr > td.plupload_cell.plupload_file_name{
		width: auto !important;
		box-sizing: border-box;
	}
	
	#uploader_browse{
		width: auto !important;
		display: block !important;
		text-align: center !important;
	}
	
	.price{
		font-size: 12px !important;
	}
	
	#dj-classifieds > table:nth-child(5) > tbody > tr:nth-child(2) > td > table > tbody > tr:nth-child(1) > td > table > tbody > tr > td.td3 > a,
	#dj-classifieds > table:nth-child(5) > tbody > tr:nth-child(2) > td > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td.td3 > a,
	#dj-classifieds > table:nth-child(5) > tbody > tr:nth-child(2) > td > table > tbody > tr:nth-child(3) > td > table > tbody > tr > td.td3 > a{
		font-size: 0.1rem !important;
	}
	
	#dj-classifieds > table.paymentdetails.first.coupons_outer > tbody > tr:nth-child(2) > td > div, /*couleurs des titres dans les pages de paiement*/
	#paymentForm > div:nth-child(2) > span:nth-child(1),
	#paymentForm > div:nth-child(1) > span,
	#paymentForm > div.pd_row_total > span:nth-child(1){
	color: dark-blue;
}
	
	#dj-classifieds > table:nth-child(5) > tbody > tr:nth-child(2) > td > table > tbody > tr:nth-child(3) > td > table > tbody > tr > td.td1 > img{
		width:35px;
	}
	
	#dj-classifieds > table:nth-child(5) > tbody > tr:nth-child(2) > td > table > tbody > tr:nth-child(3) > td > table > tbody > tr > td.td2,
	#dj-classifieds > table:nth-child(5) > tbody > tr:nth-child(2) > td > table > tbody > tr:nth-child(1) > td > table > tbody > tr > td.td2,
	#dj-classifieds > table:nth-child(5) > tbody > tr:nth-child(2) > td > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td.td2{
		min-width: 137.6px !important; /*recadrage du tableau des modes de paiement*/
	}
	
	#dj-classifieds > table:nth-child(4) > tbody > tr:nth-child(2) > td > table > tbody > tr:nth-child(1) > td > table > tbody > tr > td.td3 > a{
		height: auto !important;
	}
	
		form select {
  max-width: 100%;
  width: auto;
  white-space: normal; /* autorise le retour à la ligne */
  word-wrap: break-word; /* casse les longs mots si besoin */
  overflow: hidden;
	}
	
	  form select {
    display: block;
    width: 100%;
    font-size: 16px; /* évite le zoom automatique sur iOS */
  }
  
   /*dans mes annonces le input de recherche ne doit pas dépasser le cadre*/
			
			#djForm > div.useritems_search.djinputbox.float-start.pull-left > input{
				width:280px !important;
			}
			
			#djForm > div.useritems_search.djinputbox.float-start.pull-left{
				width:280px !important;
			}
	
}

#dj-classifieds .dj-additem .terms_and_conditions{
		text-align: left !important;
	}

#mod_djcf_search146{
    width: 100%;
}

/*.amanitie_wrapper_custom{
    border: 1px solid #cba135; /*amanitie wrapper selector*/
    /*column-count: 2;
    column-gap: 10px;
    column-width: auto;
    border-radius: 6px;
    max-height: 350px;
    overflow-y: auto;
    padding-right: 10px;
    width: 500px;
    scroll-behavior: smooth;
}*/

div.se_checkbox_v{
    width: 100%;/*la taille du wrapper du label et de la check box regroupé pour les label amanities*/
}

div.se_checkbox_v > label{
    width: auto; /*la taille des label d'amanities*/
    color: #FCEFFA;
}

.se_checkbox {
  scroll-behavior: smooth;
  padding: 8px;
  scrollbar-width: 17px;
  overflow-y: hidden;
  -ms-overflow-style: scroll;
  background: linear-gradient(35deg,#01020552 0%,#fceffa3b 100%);
  position: relative;
  cursor: pointer;
  width: 224px;
  border: 1px solid #cba135;
  border-radius: 8px;
  max-width: 100vw;
}

.se_checkbox:hover{
    overflow-y: scroll; /*pour chrome*/
}
/*.se_checkbox::-webkit-scrollbar {
  display: display-outside;
}*/
.se_checkbox label {
  display: inline-block;
  width: auto;
  margin: 4px 0;
}

/* Scrollbar personnalisée uniquement pour WebKit (Chrome, Safari, Edge) */
.se_checkbox::-webkit-scrollbar {
  width: 8px;
}

.se_checkbox::-webkit-scrollbar-track {
  background: #ededed; /* Couleur de fond de la zone */
  border-radius: 8px;
}

.se_checkbox::-webkit-scrollbar-thumb {
  background:#ededed; /* effet rouge */
  border-radius: 8px;
  border: 1px solid #cba135;
}

.se_checkbox::-webkit-scrollbar-thumb:hover {
  background:#cba135;
}
    
.from_class{
    display: none;
}

.to_class{
    display: none;
}

select {
    background-color: #fceffa !important;
    color: #333 !important;
    border: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: transparent !important;
    width: 100% !important;
    padding-left: 12px !important;
    padding-right: 21px !important;
    font-size: 15px !important;
    outline: none !important;
    cursor: pointer !important;
    height: 40px !important;
    /*line-height: 40px !important;*/
}

 select:focus {
      background-color: #cba135;
    }

.djcf_se_row {
    width: 13% !important;/*mesure les div de la première colonne du moteur de recherche*/
    position: relative !important;
    background-color: #fceffa!important;
    border: 1px solid #cba135 !important;
    border-radius: 8px !important;
    overflow: visible !important;
    height: 100% !important;
    margin-right: 5px !important;
}

#se144_cat_0,
#se145_cat_0,
#se146_cat_0,
#se147_cat_0,
#se148_cat_0,
#se149_cat_0,
#se146_reg_0 {
    box-sizing: border-box !important;
    height: 40px !important;
    line-height: 40px !important;
    position: relative;
    padding: 0 36px 0 12px;
    /*overflow: hidden !important;*/
    margin-top: 0px !important; /*pour remettre le div dans son cadre */
}



#group_id {
    width: auto;
    position: relative !important;
    background-color: #f0f0f0 !important;
    border: 1px solid #cba135 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

div.djcf_prow>div {
    background: #7dae928c !important;
}

/*footer text*/
.astroid-content-text>p:nth-child(1) {
    color: gainsboro;
}

input{
    padding: 12px !important;
    border: none !important;
    font-size: 1em !important;
    background: #FCEFFA !important;
    padding-block: 1px !important;
    padding-inline: 2px !important;
}

input[type="text"] {
    padding: 10px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.3s ease;
}

.search_price{
    width: 300px !important;
}

input[type="text"]:focus {
    border-color: #15304D;
    background-color: #f9f9f9;
}

div.djseform_field > div > input {
    border: 1px solid #cba135 !important;
}

/*design de la page de pricing*/
.pricing-container {
    max-width: 950px;
    margin: auto;
    text-align: center;
    background: rgba(0, 0, 0, 0.575);
    border-radius: 15px;
    border: 2px solid #cba135;
    box-shadow: 0 -5px 10px #cba135;
    padding: 20px;
}

#mod-custom153 > div > h1,
#mod-custom153 > div > div.pricing-grid > div > h2{
    color: #fceffa;   /*couleur du titre dans pricing*/
}

.pricing-title {
    font-size: 28px;
    font-weight: bold;
}

.pricing-subtitle {
    color: #cba135;
    margin-bottom: 20px;
}

.pricing-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.pricing-card {
    border: 1px solid #cba135;
    padding: 20px;
    width: 200px;
    border-radius: 10px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    transition: transform 0.4s ease-in-out;
    background: rgba(43, 33, 95, 0.582);
}

div.pricing-card > p:nth-child(3){
    color: #cba135;
}

.pricing-card:hover {
    transform: scale(1.05);
}

.price {
    font-size: 24px;
    font-weight: bold;
    color: #7c7334;
}

.points {
    font-weight: bold;
}

.bonus {
    color: #e67e22;
    font-size: 14px;
}

.buy-button {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 15px;
    background: #7dae92;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

.extra-info {
    margin-top: 40px;
}

.info-grid {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.info-card a{
    width: auto;
    height: auto;
    text-align: center;
    background: #ccbd4a;
    padding: 15px;
    border: 2px solid #cba135;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}

.info-card ul {
    padding-left: 20px;
}

.info-card>p:nth-child(1)>a:nth-child(1) {
    color: #ffff;
    /*vertical-align: center;*/
}

.info-card>p:nth-child(1)>a:nth-child(1):hover {
    color: black;
}

.info-card a:hover {
    transform: scale(1.05);
    background: #cba135;
    box-shadow: 0 -5px 10px #cba035af;
}

#mod-custom155{
    border: 2px solid #cba135;
    border-radius: 15px;
    box-shadow: 0 -5px 10px #cba035af;
    padding: 20px !important;
}
/*fin page de pricing*/

/*Titre des categories*/
div.cat_col > div > div > div > h2> a{
    /*font-family: poppins !important;*/
    font-size: 1.2rem !important;
}
/*reacadrage des images des categrories*/
div.cat_col > div > div > a> img,.cat_icon{
    border-radius: 15px !important;
    border: 1px solid #cba135 !important;
}

/*rededisgner les bordure du offcanvas*/
.astroid-offcanvas{
    border-top-left-radius: 35px !important;
    border-bottom-left-radius: 35px !important;
    border-left: 2px solid #cba135 !important;
    border-bottom: 2px solid #cba135 !important;
    border-top: 2px solid #cba135 !important;
}

/*espace entre les drapeaux*/
#astroid-offcanvas > div.astroid-offcanvas-inner > div > div > ul > li{
    margin-left: -10px !important;
}

/*recadrage couleur de l'image dans detail*/
.mfp-img,#djc_mainimage,div.djc_thumbnail > a > img{
    border-radius: 36px;
    border: 2px solid #cba135;
    box-shadow: 0 -5px 10px #cba135;
}

/* user avatar reacadrage et photos logos*/
.djcf_user_avatar_img>img,
.djcf_user_avatar_img,
.profile_img > img,
.profile_img > img,div.span6 > div > div > div > a > img,
#contact_ex_fields > div.djform_row.djtype_image.djrow_company_logo.group_1 > div.djform_field.has-success > div > div,
#contact_ex_fields > div.djform_row.djtype_image.djrow_company_logo.group_1 > div.djform_field.has-success > div > div > .imgMask,
#contact_ex_fields > div.djform_row.djtype_image.djrow_company_logo.group_1 > div.djform_field.has-success > div > div >img,
.profile_image > div:nth-child(2) > div:nth-child(1) > div:nth-child(1),
.profile_image > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > .imgMask,
.profile_image > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) img,
.djtype_image > div:nth-child(2) > div:nth-child(1) > div:nth-child(1),
.djtype_image > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) .imgMask,
.djtype_image > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) img {
    border-radius: 50px !important;
    border: 1px solid #cba135 !important;
    box-shadow: 0 -2px 5px #cba135 !important;
    width: 100px !important;
    height: 100px !important;
}

/* reformatage des couleurs dans les annonces de profil et des images*/
div.item_row > div > h3 > a,
div.item_row > div > a,
div.item_row > div > a,
.profile_name{
    color: #15304D !important;
    font-size: medium !important;
}

div.item_row > div > a > img{
    border-radius: 15px;
    border: 2px solid #cba135;
    box-shadow: 0 -5px -10px #cba135;
}

div.normal > a > img{
    border: none !important;
}

div.item_row > div > span{
    font-size: medium !important;
}

/*fontsize du prix*/
div.item_box > div> div > div> div > div > span,
div.pd_row > span > span,
#price-lbl,
#djForm>div:nth-child(1)>div.additem_djform_in>div.djform_row.price>div.djform_field>div>label,
#paymentForm > div.pd_row_net > span.price > span.price_val,
#paymentForm > div.pd_row_tax > span.price > span.price_val {
    font-size: 15px !important;
}

/*enregistrement d'une annonce*/
#name,
#cat_0,
#intro_desc,
#description,
#metadesc,
#reg_0,
#exp_days,
#contact,
#djcompany_name,
#imgInp3,
#video,
#price,
#djForm > div.images_box.additem_djform > div:nth-child(1) > label,
#uploader_filelist > tr > td,
#uploader_browse > span.ui-button-text,
#djForm > div.prom_rows.additem_djform > div.title_top > div,
#djForm > div.prom_rows.additem_djform > div.additem_djform_in > div > div.djform_field > div.djform_prom_img > div > img,
#djbedroom,
#djbathroom,
#djroom,
#djliving_area,
#djfield_area,
#ex_fields > div.djform_row.djtype_checkbox.djrow_amanities.group_8.djshow_in_modal > div.djform_field > div.djmodal_trigger_wrapper,
#djtype_of_energy_consumption,
#djtype_of_emission,
#jform_name,
#jform_username,
#jform_password1,
#jform_email1,
.djImgInp,
.as-joomla-captcha-result > input:nth-child(1),
#djcompany_name_profile,
#djcompany_phone_profile,
#djwebsite_profile,
#cat_1,
#cat_2,
#cat_4,
#cat_5,
#cat_6,
#cat_7,
#reg_2,
#reg_1,
#reg_3,
#reg_4
#reg_5,
#reg_6 {
    border: 1px solid #cba135 !important;
    background-color: #fceffa !important;
    border-radius: 8px !important;
}

#itemImages > div > div{
    border-radius: 15px !important;
    border: 1px solid #cba135 !important;
}

div.djcf_prow > div > div > a{
    padding: 5px !important;
}

/*moteur de recherche mode profile*/
#form_search156{
    display: flex!important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 5px !important;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*#form_search156 > div {
    width: 180px !important;
    height: 40px !important;
}*/

/*login reformatage niveau largeur*/
.com-users-login{
    width: 400px !important;
    background-color: #f3efea63 !important;
    padding: 10px !important;
    border-radius: 15px !important;
    border: 2px solid #cba135;
}

/*#username-lbl,
#password-lbl,
#com-users-login__form > fieldset > div.com-users-login__remember.mb-3 > div > label{
    color: #FCEFFA;
}*/

#username,
#passwqord {
    border: 1px solid #cba135 !important;
}

#username:focus,
#password:focus{
    border: 2px solid #7dae92 !important;
    box-shadow: -10px -10px -20px #cba135 !important;
}

/*label moteur de recherche couleurs sur gradiant*/
#form_search144 > div.search_row2 > div.search_only_wrapper > div.search_only_price_negotiable.djcf_se_row_ch > label,
#form_search144 > div.search_row2 > div.search_only_wrapper > div.search_only_images.djcf_se_row_ch > label,
#form_search144 > div.search_row2 > div.search_only_wrapper > div.search_only_video.djcf_se_row_ch > label {
    color: #ffffcc;
}

/* flèche style qui va avec le JS custom pour les select et y ajouter une flèche dorée*/
.custom-select-wrapper {/*le wrapper qui vient se mettre autour du select grâce au script JS*/
    position: relative !important;
    display: inline-block !important;
    width: 100%;
  }

/*#form_search146 > div.search_row1 > div {
    width: 100% !important;
}*/

  .custom-select-wrapper select {
  /*appearance: none !important;*/
  width: 100% !important;
  height: 40px !important; /* ✅ Hauteur standard */
  line-height: 40px !important; /* ✅ Alignement vertical du texte */
  padding: 0 36px 0 12px !important;
  font-size: 16px !important;
  border-radius: 5px !important;
  box-sizing: border-box !important;
  background-color: #FCEFFA !important;
}

  .custom-arrow {
    position: absolute !important;
    right: 5px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    color: #cba135 !important;
    font-size: 35px !important;
    z-index: 2 !important;
  }
  
   /*menu de recherche encadrement qui ne respecte pas le conteneur*/
	input,
	select,
	textarea {
	outline: none !important; /* supprime le contour bleu par défaut */
  box-shadow: none !important; /* au cas où un effet focus aurait été ajouté */
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  box-shadow: none;
  border-color: inherit; /* empêche un changement de couleur */
}

  .djcf_form_group {
  position: relative;
  overflow: visible !important; /* débloque les flèches ou menus longs */
  z-index: 1;
}

.modal-content {
    border: 1px solid #cba135;/*encadrer la modal box amamnities dorée*/
}

/*conteneurs de profils couleur et transparence*/
#dj-classifieds > div.profiles_items > div.dj-useradverts.djprofiles.clearfix > div > div{
    background: #f3efea63 !important;
}

div.djseform_field>span,
.search_only_price_negotiable > label:nth-child(2),
.search_only_images > label:nth-child(2),
.search_only_video > label:nth-child(2),
.search_open,
.search_close {
    color: #FCEFFA !important;/*couleur des labels extra field advanced search*/
}

.reset {
    color: #b48e2d;
}

.search_open:hover,
.search_close:hover,
.reset:hover {
    color: #314b88 !important;
}

/*message d'allerte couleur trop clair car texte et lien blanc*/

#djForm > div:nth-child(1) > div.additem_djform_in > div.djform_row.djform_info_row > div{
    background: #63b4c4;
}

#djForm > div:nth-child(1) > div.additem_djform_in > div.djform_row.points_info_row > div > a{
    color: #cba135;
}

#djForm > div:nth-child(1) > div.additem_djform_in > div.djform_row.points_info_row > div > a:hover{
    color: #63b4c4 ;
}

/*texte de la page d'accueil*/
#awt-61bae20c0d2cf499628496{
    background: #ffffff71;
    padding: 10px;
    border-radius: 15px;
}

/*style de la modal translation plugin*/
/* MODAL BACKGROUND */
            .translate-modal {
                display: none;
                position: fixed;
                z-index: 9999;
                left: 0;
                top: 0;
                width: 100vw;
                height: 100vh;
                overflow: auto;
                background-color: rgba(0,0,0,0.6);
            }

            /* MODAL CONTENT BOX */
            .translate-modal-content {
                background-color: #fff;
                margin: 10% auto;
                padding: 20px 30px;
                border-radius: 12px;
                width: 90%;
                max-width: 600px;
                position: relative;
                color: #222;
                font-family: sans-serif;
                box-shadow: 0 8px 20px #A42200;
            }

            /* CLOSE BUTTON */
            .translate-modal-close {
                color: #aaa;
                float: right;
                font-size: 24px;
                font-weight: bold;
                cursor: pointer;
            }
            .translate-modal-close:hover {
                color: #c00;
            }/* Place ici le CSS ci-dessus, sans la balise <style> */

             /*éviter que le texte promotion bold devienne blanc*/
            #dj-classifieds .djcf_items_blog .promotion.p_bg .item_box_in2{
                color: #15304D;
            }

            /*module special (les annonces en top de la page)*/
            #mod_djclassifieds_items161{
                background: rgba(255, 255, 255, 0.5);
                border-radius: 15px;
                box-shadow: 0 -5px 20px #0a1f44;
                margin-bottom: 30px;
                border: 1px solid #cba135;
            }

            #mod_djclassifieds_items161 > div.items-outer > div > div > div > div > div{  /*donne de l'oxygène au module*/
                padding: 15px;
            }

            #mod_djclassifieds_items161 > div.items-outer > div > div > div > div > div > div > div.title > a.title_img > img{
                border-radius: 15px;
                border: 1px solid #cba135;
            }

            /*mise en forme des boutons de paiement*/
            .button{
                height: auto;
                width: auto;
                display: block !important;
            }

            #cookieconsent\:desc > a.cc-link.cc-privacy{
                display: none;
            }
			/*menu mon compte replacement correcte sur le menu après transformation en mega menu*/
 
 #astroid-header > div:nth-child(1) > div:nth-child(3) > nav:nth-child(1) > ul:nth-child(1) > li:nth-child(5) > a:nth-child(1){
	 margin-right: 30px !important;
 }



/* ==========================================================================
   IT Theme refinements (Italia: verde • bianco • rosso) — appended overrides
   Objectif : esprit “clean” (proche SV) + eco‑luxe, avec accents IT maîtrisés.
   → Colle ce bloc TOUT EN BAS de ton CSS IT, ou utilise le fichier refined.
   ========================================================================== */

:root{
  /* Base clean (papier) — tu aimais #fceffa : on le garde */
  --it-paper:  #fceffa;
  --it-ivory:  #f3efea;
  --it-white:  #ffffff;
  --it-ink:    #0b0d10;
  --it-ink2:   #141820;
  --it-muted:  rgba(11,13,16,.68);
  --it-line:   rgba(11,13,16,.14);
  --it-surface:  rgba(252,239,250,.72);
  --it-surface2: rgba(255,255,255,.62);
  --it-shadow: 0 12px 30px rgba(0,0,0,.18);

  /* Drapeau Italie (vert/blanc/rouge) */
  --it-green: #1b7a3a;      /* vert maîtrisé (pas fluo) */
  --it-red:   #b3191f;      /* rouge profond */
  --it-gold:  #bda66a;      /* luxe discret (optionnel) */

  /* Motion subtil */
  --it-ease: cubic-bezier(.2,.8,.2,1);
  --it-fast: 180ms;
  --it-mid:  260ms;

  --it-radius: 16px;
  --it-radius-lg: 28px;
}

html, body { overflow-x: hidden; }

/* ---------- Background global : clair, propre, profondeur légère ---------- */
body{
  background:
    radial-gradient(1200px 700px at 18% 0%, rgba(27,122,58,.10), transparent 55%),
    radial-gradient(900px 520px at 92% 10%, rgba(179,25,31,.09), transparent 55%),
    radial-gradient(900px 600px at 50% 110%, rgba(11,13,16,.14), transparent 60%),
    linear-gradient(180deg, rgba(252,239,250,1) 0%, rgba(252,239,250,.92) 55%, rgba(252,239,250,1) 100%) !important;
  color: var(--it-ink);
}

/* ---------- Ruban drapeau IT : bande verticale fine (vert / blanc / rouge) ---------- */
body::before{
  content:"";
  position: fixed;
  top: 0;
  right: 0;
  width: 12px;
  height: 100vh;
  z-index: 9998;
  pointer-events: none;
  background: linear-gradient(180deg,
    rgba(27,122,58,.78) 0%,
    rgba(255,255,255,.78) 50%,
    rgba(179,25,31,.76) 100%);
  box-shadow: -12px 0 26px rgba(0,0,0,.12);
  border-left: 1px solid rgba(0,0,0,.06);
}
@media (max-width: 900px){
  body::before{ width: 7px; }
}

/* ---------- Header : noir doux + lignes fines (look mode / prêt‑à‑porter) ---------- */
.astroid-header{
  background:
    radial-gradient(900px 240px at 15% 0%, rgba(255,255,255,.08), transparent 60%),
    linear-gradient(180deg, rgba(11,13,16,.96), rgba(20,24,32,.92)) !important;
  border: 1px solid var(--it-line) !important;
  border-top: none !important;
  border-bottom-left-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
  box-shadow: var(--it-shadow) !important;
}

/* fine signature italienne (vert->blanc->rouge) sous le header, très discret */
.astroid-header::after{
  content:"";
  display:block;
  height: 2px;
  width: 100%;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(27,122,58,.45) 30%,
    rgba(255,255,255,.35) 50%,
    rgba(179,25,31,.42) 70%,
    transparent 100%);
  opacity: .95;
}

/* liens menu : micro-hover (premium) */
.astroid-nav-wraper>ul>li>a,
#astroid-header>div>div>nav>ul>li>a{
  border-radius: 999px !important;
  transition: transform var(--it-mid) var(--it-ease), background-color var(--it-mid) var(--it-ease) !important;
}
.astroid-nav-wraper>ul>li>a:hover,
#astroid-header>div>div>nav>ul>li>a:hover{
  transform: translateY(-1px);
  background: rgba(179,25,31,.06) !important;
}

/* “onglet” menu (1er item) : minimal + accents IT */
.astroid-nav-wraper>ul:nth-child(1)>li:nth-child(1),
#astroid-header>div:nth-child(1)>div:nth-child(3)>nav:nth-child(1)>ul:nth-child(1)>li:nth-child(1){
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(27,122,58,.32) !important;
  box-shadow: 0 -6px 18px rgba(0,0,0,.14) !important;
}
#astroid-header>div:nth-child(1)>div:nth-child(3)>nav:nth-child(1)>ul:nth-child(1)>li:nth-child(1)>a:nth-child(1){
  background: rgba(11,13,16,.10) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
}
#astroid-header>div:nth-child(1)>div:nth-child(3)>nav:nth-child(1)>ul:nth-child(1)>li:nth-child(1)>a:nth-child(1):hover,
.astroid-nav-wraper>ul:nth-child(1)>li:nth-child(1):hover{
  background: rgba(27,122,58,.12) !important;
  border-color: rgba(179,25,31,.28) !important;
  transform: scale(1.03) !important;
}

/* ---------- Overlay homepage : clair “verre” ---------- */
div.container:nth-child(2){
  background: rgba(255,255,255,.58) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: 35px !important;
  box-shadow: var(--it-shadow) !important;
}

/* ---------- Surfaces (DJ Classifieds / forms / login) : unifiées & clean ---------- */
#dj-classifieds,
#djForm,
.com-users-registration,
.com-users-login,
.pricing-container,
#mod_djclassifieds_items161{
  background: var(--it-surface) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: var(--it-radius-lg) !important;
  box-shadow: var(--it-shadow) !important;
}

/* ---------- Catégories : noir & blanc propre + petite chaleur IT ---------- */
.dj-category{
  background:
    radial-gradient(700px 240px at 15% 15%, rgba(255,255,255,.18), transparent 60%),
    linear-gradient(135deg, rgba(11,13,16,.94) 0%, rgba(252,239,250,.72) 58%, rgba(11,13,16,.92) 100%) !important;
  border-radius: var(--it-radius) !important;
}
.dj-category .title{
  background: rgba(255,255,255,.62) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: 15px !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.14) !important;
}

/* ---------- Hover : luxe = subtil (évite scale 1.30) ---------- */
.dj-category,
.astroid-slideshow,
div.item_box>div>div>div,
.item_box_in2,
.mod-banners__item,
.pricing-card{
  transition: transform var(--it-mid) var(--it-ease), box-shadow var(--it-mid) var(--it-ease) !important;
}
.dj-category:hover{ transform: scale(1.06) !important; box-shadow: 0 -8px 18px rgba(0,0,0,.18) !important; z-index: 10 !important; }
.astroid-slideshow:hover{ transform: scale(1.05) !important; box-shadow: 0 -6px 22px rgba(0,0,0,.20) !important; }
div.item_box>div>div>div:hover,
.item_box_in2:hover{ transform: scale(1.03) !important; }
.mod-banners__item:hover{ transform: translateY(-2px) scale(1.02) !important; }
.pricing-card:hover{ transform: translateY(-2px) scale(1.02) !important; }

/* ---------- Boutons : blanc clean + accents IT au hover ---------- */
a.btn,
.search_buttons>button:nth-child(1),
a.button,
#submit_button,
#preview_button,
.title_edit,
.title_prom_top,
.buy-button,
.info-card a{
  border-radius: 999px !important;
  border: 1px solid rgba(0,0,0,.20) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.76), rgba(252,239,250,.92)) !important;
  color: var(--it-ink) !important;
  text-shadow: none !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
  transition: transform var(--it-fast) var(--it-ease), background-color var(--it-mid) var(--it-ease) !important;
}
a.btn:hover,
.search_buttons>button:nth-child(1):hover,
a.button:hover,
#submit_button:hover,
#preview_button:hover,
.title_edit:hover,
.title_prom_top:hover,
.buy-button:hover,
.info-card a:hover{
  transform: translateY(-1px) scale(1.03) !important;
  border-color: rgba(27,122,58,.36) !important;
  background: linear-gradient(180deg, rgba(27,122,58,.10), rgba(255,255,255,.82)) !important;
}

/* destructive : rouge IT */
a.title_delete:nth-child(3){
  background: linear-gradient(180deg, rgba(179,25,31,.92), rgba(179,25,31,.60)) !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  color: white !important;
}
a.title_delete:nth-child(3):hover{
  background: linear-gradient(180deg, rgba(179,25,31,.98), rgba(11,13,16,.22)) !important;
}

/* ---------- Inputs/selects : fond #fceffa + focus vert discret ---------- */
input, select, textarea{
  background-color: rgba(252,239,250,.95) !important;
  color: var(--it-ink) !important;
  border: 1px solid rgba(0,0,0,.16) !important;
  border-radius: 10px !important;
  outline: none !important;
  box-shadow: none !important;
}
input:focus, select:focus, textarea:focus{
  border-color: rgba(27,122,58,.55) !important;
  box-shadow: 0 0 0 3px rgba(27,122,58,.10) !important;
}

/* ---------- Scrollbar amenities : clean + détail vert/rouge ---------- */
.se_checkbox{
  background: linear-gradient(35deg, rgba(11,13,16,.10) 0%, rgba(252,239,250,.55) 100%) !important;
  border: 1px solid rgba(0,0,0,.14) !important;
}
.se_checkbox::-webkit-scrollbar-track{ background: rgba(255,255,255,.70) !important; }
.se_checkbox::-webkit-scrollbar-thumb{
  background: rgba(27,122,58,.62) !important;
  border: 1px solid rgba(255,255,255,.75) !important;
}
.se_checkbox::-webkit-scrollbar-thumb:hover{
  background: rgba(179,25,31,.55) !important;
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  *{ transition: none !important; animation: none !important; scroll-behavior: auto !important; }
  body::before{ display:none !important; }
}