/************************* TEMPLATE DE BASE ********************/
html{ overflow-x: hidden!important;}

body,#wrapper {
    background: #ffffff!important;
    /*background: #f9f7ef!important;*/
}

#main .page-content, #main .page-footer{
    margin-bottom: 0rem!important;
}

#footer {
    padding-top: 0;
}

.page-header{
    margin: 2%!important;
    position: relative;
    z-index: 99;
}
.page-header h1{
    color: white!important;
    font-size: 14px;
    z-index: 99;
}
.page-my-account h1 {
    color: rgb(0, 0, 0)!important;
}

a{
    color:#000000;
}
a:hover{
    color: #c1a573;
}
.btn-primary{
    background-color: #ae2c51;
    color: #ffffff;
}
.btn-primary:hover{
    background-color: #c1a573;
    color: white;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus{
    background-color: #000000!important;
    color: white;
}

.elementor-11170101 .elementor-element.elementor-element-7d68dfc a.elementor-button:not([href]){
    background-color: transparent!important;
}


/** fil d'ariane **/
#wrapper .breadcrumb{
    padding-left: 2%;
    padding-top: 1%;
    a, span{
        font-size: 0.8em!important;
    }
}

.category-for-her , .category-for-him, .category-cheque-cadeau, .category-promotions, .category-bestsellers, .category-maquillage-et-coiffure{
    .ce-breadcrumb li a, .ce-breadcrumb li span, .ce-breadcrumb__item::after{
        color: rgb(255, 255, 255)!important;
    }
    .line span{
        border-top: var(--divider-border-width) var(--divider-border-style) #ffffff!important;
    }
}


/**** Compte ***/

#my-account, #addresses, #identity, #history, #order-slip, #module-psgdpr-gdpr, #module-ps_emailalerts-account, #module-lgcookieslaw-disallow{
    #wrapper{
        padding-bottom: 1.563rem;
    }
}
.page-my-account #content .links a:hover i{
    color: #000000;
}
.custom-radio input[type=radio]:checked+span{
    background-color: #000000;
}

.form-control:focus{ outline: .1875rem solid #000000!important;}
body#checkout section.checkout-step .address-item.selected { border: #000000 3px solid; }
.alert-info{
    background-color: #000000;
   /* border-color: #ff1877;*/
    color: #ffffff;
}

.text-primary{
    color: #000000!important;
}
a.text-primary:hover, .wishlist-list-item:hover .wishlist-list-item-title{
    color: #000000!important;
}

#history .table-labeled .label{
    background-color: #000000!important;
}

input:-internal-autofill-selected {
    background-color: light-dark(#fef7ef, #fef7ef) !important;
}
.bg-success {
    background-color: #000000 !important;
}
.text-success {
    color: #000000 !important;
}
.bg-success{
    background-color: #000000!important;
}


/*** Panier ***/
.page-order a:hover{
    color: #000000!important;
}
.product-price{
    color: #000000!important;
}
.product-line-grid-body .price{
    color: #000000!important; 
}

#blockcart-modal .product-name{
    color: #000000!important; 
}
.cart-grid-body a.label:hover, .done, #blockcart-modal .modal-title i.material-icons{
    color: #000000;
}
body#checkout section.checkout-step.-reachable.-current .step-number{
    background-color: #000000;
}






/****************** CUSTOM *********************/
@import url("https://use.typekit.net/utr3ajy.css");



.lindsey , .lindsey h3{
    font-family: "lindsey-signature", sans-serif!important;
}
.h1-ban .lindsey{
    font-size: 4em!important;
    font-weight: 400!important;
    color: #ae2c51!important;
}


.logo-footer {
    font-weight: 400!important;
    font-size: clamp(1.2em, 0vw, 5em) !important;
    line-height: 0.5em;
}
.logo-footer .organetto{
    font-weight: 300;
    font-size: 0.6em;
}

.kepler, .kepler h1, .kepler h2, .kepler h3, .kepler h4{
    font-family: "kepler-std"!important;
}

.kepler-logo h5 span{
    font-family: "kepler-std"!important;
    font-size: 1.7em;
}
.kepler-logo h5 a:hover{
   color: #ae2c51!important; 
}

.tex-logo-ban h2{
    line-height: 1em;
    color: #ae2c51;
    font-family: "organetto-variable", sans-serif!important;
    font-weight: 300!important;
}
.tex-logo h3{
    color: transparent!important;
    background: linear-gradient(-2deg,rgba(159, 110, 45, 1) 0%, rgba(240, 186, 73, 1) 37%, rgba(253, 254, 206, 1) 75%, rgba(252, 223, 128, 1) 100%);
    background-clip: text;
    filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.3));
    font-size: 2em;
    font-weight: 300;
    line-height: 1.2em;
}
.tex-logo-ban h3{
    background-color: #ae2c51;
    color: white;
}



/**** MENU ****/

.menu-custom .bout-cat{
    font-family: "temeraire", serif !important;
    font-size: 1.7em;
    font-weight: 100;
    text-transform: uppercase;
}
.ets_mm_megamenu .mm_columns_ul{
        line-height: 0px;
}
.menu-custom .ets_mm_block_content a, .menu-custom .ets_mm_block_content .bout-menu{
    line-height: 10px;
}
.menu-custom .ets_mm_megamenu.layout_layout5{
    background-color: transparent!important;
}

.menu-custom .categorie a{
    line-height: 1em!important;
}

.conteneur-logo img{
    max-width: 65%;
}
.conteneur-img img{
    max-height: 350px;
}
.menu-custom a:hover{
    color: #ae2c51!important;
}

/**** FORM ****/

.form-contact label{
    display: none!important;
}
.form-contact .select_box label{
  display: block!important;
  margin-top: 0em!important;
}
.form-contact .privacy_wp {
 	color: #000000;
    font-size: 12px;
}

.form-contact .btn-primary{
    background-color:  transparent!important;
    width: 100%;
    color: #000000;
    border: 1px solid black!important;
    border-radius: 0px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Italiana", sans-serif;
    margin-top: 1em;
    transition: 0.3s ease-in-out;
}
.form-contact .btn-primary:hover{
    background-color: #000000!important;
    color: white!important;
    padding: 10px;
    letter-spacing: 2px;
}

.form-contact .form-control{
    background-color: transparent;
    border: 1px solid black;
    border-radius: 0px;
}

.form-contact .form-control:focus {
    outline: .1875rem solid #000000;
}

.form-contact .form-control::placeholder {
    color: #000000!important;
    font-family: 'Roboto'!important;
    font-size: 16px!important;
    font-weight: 500;
}
.form-contact .select_box select {
    max-width: 1600px!important;
}


.matomo-section .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0px;
}




/*** H1 Acceuil ***/
.gold-text-h1 {
  background: linear-gradient(135deg,
    #966420 0%,
    #d6982c 20%,
    #fec33b 40%,
    #fee55a 50%,
    #fec33b 60%,
    #d6982c 80%,
    #966420 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.organetto {
  background: none !important;
  -webkit-text-fill-color: initial !important;
}

.gold-text-h1 .organetto, .pink-h1{
    color: #AE2C51!important;
}


/*** MENU***/

.elementor-sticky--active{
        box-shadow: 0px 0px 10px grey;
}



/* Général */
.organetto, .organetto h1, .organetto h2,  .organetto h3, .organetto h4{
    font-family: "organetto-variable", sans-serif!important;
}
.temeraire, .temeraire h1, .temeraire h2, .temeraire h3, .temeraire h4{
    font-family: "temeraire", serif!important;
}
.gold-text h2, .gold-text h3, .gold-text h4, .gold-text p{
    color: transparent!important;
    background: linear-gradient(-2deg,rgba(159, 110, 45, 1) 0%, rgba(240, 186, 73, 1) 37%, rgba(253, 254, 206, 1) 75%, rgba(252, 223, 128, 1) 100%);
    background-clip: text;
    filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.3));
}

/* Menu */
.menu-container{
    background: #000!important;
}

/* Page accueil */
.banner-home h1 .temeraire{
        font-size: clamp(3rem, 5vw, 6.5rem);
        letter-spacing: 1.5px;
}
 .banner-home h1 .organetto{
        letter-spacing: 3px;
        font-weight: 400;
        font-size: clamp(1.6rem, 3vw, 2.2rem);
}
.title-home{
    position: absolute;
    transform: translateY(calc(-50%));
    z-index: 99;
}

.tc-home .tc-container{
        height: calc(100vh - 40px - 112px);
    }
.tc-home .tc-container .elementor-widget-wrap{
        align-content: center;
    }
 .tc-home .elementor-row:has(.tc-container){
        gap: 20px;
    }

@keyframes scrollText {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

.scroll-text p{
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: scrollText 120s linear infinite;
}
.scroll-text-container{
    position: relative;
    top: -2em;
    transform: translateY(calc(-50%));
    z-index: 99;
    mix-blend-mode: difference;
}
.new-title h2{
    position: relative;
    width: fit-content;
    justify-self: center;
}
.new-title h2 .organetto.home{
    font-size: .5em;
    width: fit-content;
    inline-size: max-content;
    position: absolute;
    bottom: -0.8em;
    right: -2em;
    rotate: -2deg;
    padding: 5px 10px;
    color: #000;
    background: linear-gradient(-2deg,rgba(159, 110, 45, 1) 0%, rgba(240, 186, 73, 1) 37%, rgba(253, 254, 206, 1) 75%, rgba(252, 223, 128, 1) 100%);
    letter-spacing: 2px;
    font-weight: 400;
} 





/************************* RESPONSIVE********************/


@media (max-width: 992px){
    .menu-custom{
        width: fit-content;
    }
    .ybc-menu-button-toggle_icon{
        color: white!important;
    }
    .banner-home h1 .temeraire {
        font-size: clamp(3rem, 6vw, 6.5rem);
    }

}


@media (max-width: 767px) {
    .ets_mm_megamenu .container{
        background-color: transparent;
    }
    
}