/*############### FONTSTYLE #############*/
.roboto-thin {font-family: "Roboto", sans-serif; font-weight: 100; font-style: normal;}
.roboto-light {font-family: "Roboto", sans-serif; font-weight: 300; font-style: normal;}
.roboto-regular {font-family: "Roboto", sans-serif; font-weight: 400; font-style: normal;}
.roboto-medium {font-family: "Roboto", sans-serif; font-weight: 500; font-style: normal;}
.roboto-bold {font-family: "Roboto", sans-serif; font-weight: 700; font-style: normal;}
.roboto-black {font-family: "Roboto", sans-serif; font-weight: 900; font-style: normal;}
.roboto-thin-italic {font-family: "Roboto", sans-serif; font-weight: 100; font-style: italic;}
.roboto-light-italic {font-family: "Roboto", sans-serif; font-weight: 300; font-style: italic;}
.roboto-regular-italic {font-family: "Roboto", sans-serif; font-weight: 400; font-style: italic;}
.roboto-medium-italic {font-family: "Roboto", sans-serif; font-weight: 500; font-style: italic;}
.roboto-bold-italic {font-family: "Roboto", sans-serif; font-weight: 700; font-style: italic;}
.roboto-black-italic {font-family: "Roboto", sans-serif; font-weight: 900; font-style: italic;}
/*#########################################*/






/*@@@@@@@@@@@@@@@ PALETTE DE COULEURS @@@@@@@@@@@*/
:root {
    --vert-olive: #908a68; /*rgba(144,138,104,1)*/
    --jaune-claire: #e1b578; /*rgba(225,181,120,1)*/
    --jaune: #ffb11a; /*rgba(255,177,26,1)*/
    --orange: #ff8041; /*rgba(255,128,65,1)*/
    --ocre-rouge: #ae4e40; /*rgba(174,78,64,1)*/
    --sombre: #3c2912; /*rgba(60,41,18,1)*/
    --fond: #f8f3ed; /*rgba(248,243,237,1)*/
    --texte-blanc: #ffffff; /*rgba(255,255,255,1);*/
}





/*############ BARRE DE RECHERCHE ############*/
#search_widget form input {
    width: 100%;
    padding: 10px 20px 10px 40px;
    outline: none;
    background-color: #fffcf7;
    border: solid 1px rgba(47,23,13,.8);
    border-radius: 26px;
}
#search_widget input::placeholder {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    color: rgba(var(--texte-blanc).1);
}
.search-widgets {margin: 16px 0;}






/*############ BLOC DE TEXTE PERSONNALISÉ ##############*/
#custom-text {
    padding: 0;
    margin: 80px auto;
    text-align: center;
    background: #fff;
    border-radius: 0;
}
#custom-text .h3 {
    display: inline-block;
    padding: 6px 16px;
    margin: 15px auto;
    background: rgba(var(--sombre),1);
    /*color: rgba(var(--sombre),1);*/
    color: rgba(var(--texte-blanc),1);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1px;
    border-radius: 20px;
    /*border: solid 1px rgba(var(--sombre),1);*/
}
#custom-text .BoxCardImg {
    display: flex;
    max-width: 100%;
    height: 160px;
    overflow: hidden;
    text-align: center;
    align-items: center;
}
#custom-text img {
    width: 100%;
    max-width: 100%;
    height: auto;
    align-items: center;
}
#custom-text .card {
    background: url("../img/bg-header-2.png") top -150px center no-repeat rgba(255,177,26,.1);
}
.BoxDate {
    background: #ffffff;
    border-radius: 8px;
    padding: 12px;
}
#custom-text .jour, #custom-text .num, #custom-text .mois, #custom-text .rdv {
    margin: 0;
}
#custom-text .jour {
    font-size: 14px;
    font-weight: 300;
    color: rgba(var(--sombre),1);
}
#custom-text .rdv, #custom-text .num {
    font-size: 16px;
    font-weight: 900;
    color: #cc4d1f;
}
#custom-text .mois {
    font-size: 16px;
    font-weight: 900;
    color: rgba(var(--sombre),1);
}
.BoxPicto {
    margin: -60px auto 0 auto;
    background: #ffffff;
    border-radius: 50%;
    border: 10px solid #ffffff;
    width: 100px;
    height: 100px;
    text-align: center;
    padding: 16px;
}






/*############ BREADCRUMB ##############*/
#wrapper nav.breadcrumb {display: none;}

#wrapper .breadcrumb {
    margin: 4px 16px 16px 16px;
    padding: 2px 16px;
    border-radius: 24px;
    border: solid 1px rgba(var(--sombre),0.05);
    background: rgba(255,177,26,.08);
    font-size: 12px;
}







/*############ CARROUSEL ##############*/
.carousel {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.carousel .carousel-inner {
    height: auto;
    margin-bottom: 0;
}
.carousel .carousel-item figure {
    display: block;
    margin: 0 auto;
}
.carousel .carousel-item img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.carousel .carousel-item .caption {
    max-width: 100%;
    color: #fff;
}




/*############ CHECKOUT ##############*/
body#checkout #wrapper .container-fluid, body#cart #wrapper .container-fluid {max-width: 85%;}
body#checkout section.checkout-step.-reachable.-current .step-number {
    background-color: #A6A050;
}
body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {
    border: solid 1px #3C2912;
    border-radius: 24px;
    padding: 4px 12px;
    transition: background 0.2s ease-in-out, border-radius 0.2s ease-in-out;
}
body#checkout section.checkout-step.-reachable.-complete h1 .step-edit:hover {
    border-radius: 0;
    /*background: #F8F3ED;*/
}
#js-checkout-summary, .card.cart-summary {
    background-color: #F8F3ED;
    border-radius: 12px;
    margin: 0 32px 0 0;
}
body#checkout section.checkout-step .address-item.selected {
    background: #F8F3ED;
    border: none;
}
body#checkout .address-item {
    border-radius: 12px;
}
body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line:not(:last-child),
.cart-summary-line:not(:last-child) {
    margin-bottom: .25rem;
}
body#checkout section.checkout-step .delivery-options .delivery-option {background: #F8F3ED;}
.product-price {color: #B77D47;}
#cart-subtotal-products, #cart-subtotal-shipping {
    padding: 8px 16px;
    background-color: #ffffff;
}
#cart-subtotal-products {border-radius: 16px 16px 0 0;}
#cart-subtotal-shipping {border-radius: 0 0 16px 16px;}
.definition-list dl dd, .definition-list dl dt {background: #F8F3ED;}
.media {
    border-top: solid 2px #F8F3ED;
    padding: 4px 4px 0 4px;
    background-color: #ffffff;
}
.address-footer a {
    padding: 2px 10px;
    border: solid 1px rgba(60, 41, 18, 0.3);
    border-radius: 24px;
    transition: background 0.2s ease-in-out;
}
.address-footer a:hover {background: #ffffff;}
.block-promo .promo-input + button {border: none;}
.block-promo .promo-input {border-radius: 24px;}
.promo-code {text-align: center;}
.promo-code .promo-code-button {
    padding: 8px 16px;
    background-color: #3C2912;
    border-radius: 24px;
}
.block-promo .promo-code-button.cancel-promo[aria-expanded="true"] {
    display: inline-block;
    padding: 4px 12px;
}
.block-promo .promo-code-button.cancel-promo {
    margin-bottom: 0;
    color: rgba(255,255,255,.9);
}
.block-promo .promo-code .alert-danger {background: #A52C00;}
.block-promo .promo-code .alert-danger::after {border-bottom-color: #A52C00;}
.block-promo a.collapse-button {
    border: solid 1px #3C2912;
    border-radius: 24px;
    padding: 4px 12px;
    transition: background 0.2s ease-in-out, border-radius 0.2s ease-in-out;
}
.block-promo a.collapse-button:hover, body#checkout #wrapper a:hover {
    background: #ffffff;
    color: #3C2912;
    border-radius: 0;
}
#checkout .payment-options span {color: rgba(79, 48, 17, 0.8);}
body#checkout #footer {padding: 0;}
body#checkout section.checkout-step .content {
    padding: 0;
    padding-top: 1rem;
}
body#checkout .additional-information {margin-left: 0;}
body#checkout .additional-information p {color: #3C2912;}
@media (max-width: 767px) {
    #js-checkout-summary {margin: 0 16px;}
    body#checkout #wrapper .container-fluid, body#cart #wrapper .container-fluid {max-width: 100%;}
    body#checkout section.checkout-step .step-title {font-size: 1.25rem;}
    body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {
        max-width: 120px;
    }
}







/*############### CONTACT ###########*/
.page-authentication #content, .page-registration #content {
    padding: inherit;
    background: inherit;
    max-width: none;
    margin: inherit;
}
.done {color: #A6A050;}







/*############### COMPTE ###########*/
#order-slip .alert.alert-info, #discount .alert.alert-info {
    background-color: #ffffff;
    border-color: rgba(60, 41, 18, 0.3);
    border-radius: 24px;
    color: #3C2912;
}




/*############## ESPACE PERSONNEL ################*/
.page-my-account #content .links {
    padding: 32px;
    background-color: #F8F3ED;/*rgba(248, 243, 237, 1)*/
    /*background: url("/img/fond-degrade.webp") top center no-repeat;*/
    background-size: cover;
}
#password.page-customer-account #content {
    padding: 0;
    background-color: #ffffff;
}
.page-customer-account #content, .page-addresses #content {background-color: #F8F3ED;}
.page-addresses #content {padding: 32px;}
.page-customer-account #content .form-control {
    background: #ffffff;
    border: solid 1px #3C2912;
}
.page-customer-account #content label {color: #3C2912;}
.page-my-account #content .links a {
    font-weight: 300;
    text-transform: none;
    color: #3C2912;/*rgba(60, 41, 18, 1)*/
}
.page-my-account #content .links a span.link-item, .page-addresses .addresses-footer a {
    border: 1px solid rgba(60, 41, 18, 1);
    border-radius: 16px;
    transition: border-radius 0.2s ease-in-out;
}
.page-my-account #content .links a:hover span.link-item, .page-addresses .addresses-footer a:hover {border-radius: 0;}
.page-my-account #content .links a i {color: #B77D47;}
.page-my-account #content .links a:hover i {color: rgba(230, 166, 64, 1);}
@media (max-width: 1024px) {
    .page-my-account #content .links, .page-addresses #content {padding: 16px;}
}
.psgdprinfo17 {
    background: #ffffff;
    border: solid 1px #3C2912;
    border-radius: 16px;
}
.page-addresses .address {
    color: #3C2912;
    border-radius: 16px;
}
.page-addresses .addresses-footer a {
    padding: 4px 16px;
    background: #ffffff;
    color: #3C2912;
}
.page-addresses .addresses-footer a:hover {color: #B77D47;}
.page-addresses .addresses-footer a span {
    font-size: 14px
}
.custom-radio input[type="radio"]:checked + span {
    background-color: #B77D47;
}
/*====================================*/




/*############ FOOTER ##############*/
.footer-container {
    background: #e1b578;
}






/*############ GLOBAL #############*/
body {
    font-family: "Roboto", sans-serif;
    background: #ffffff;
}
#wrapper {
    padding-top: 0;
    background: transparent;
}
.DisFlex {display: flex;}
.ItemCenter {align-items: center;}
.pt-16 {padding-top: 16px;}
#_desktop_user_info {
    display: inline-block;
    padding: 6px 12px;
    background-color: #fffcf7;
    border: solid 1px rgba(47,23,13,.8);
    border-radius: 20px;
    margin-bottom: 16px;
}
.ImgUser {
    display: inline-block;
    height: 20px;
    margin-right: 5px;
}
.UserText {
    font-size: 13px;
    font-weight: 500;
    color: rgba(var(--texte-blanc).1);
}
.pt-05 {padding-top: 2px;}
#carousel, #custom-text {max-width: 1920px;}
.elementor-button:hover, .elementor-button:focus, a.elementor-button:not(#e):hover, a.elementor-button:not(#e):focus {
    border-radius: 0;
}
#cms .page-header {display:none;}
.elementor-alert.elementor-alert-success {border-radius: 8px;}
.page-header h1 {
    text-align: center;
    margin-top: 1rem;
}
.page-footer a, .cart-grid-body > a.label {
    padding: 8px 16px;
    border: solid 1px #3C2912;
    border-radius: 32px;
    background-color: #ffffff;
    color: #3C2912;
    transition: border-radius 0.2s ease-in-out, color 0.2s ease-in-out;
}
.page-footer a:hover, a.text-primary:hover {
    border-radius: 0;
    color: #B77D47 !important;
}
.text-primary {
    color: #3C2912 !important;
}





/*################ WISHLIST ################*/
#module-blockwishlist-lists #main .wishlist-container {
    margin: 0 32px;
    background-color: #F8F3ED;
}
#module-blockwishlist-lists #main .wishlist-container .wishlist-container-header {
    background-color: #ffffff;
}
#module-blockwishlist-lists .wishlist-container-header {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 0;
    border-bottom: solid 1px #3C2912;
}
#module-blockwishlist-lists .wishlist-container-header h1 {
    margin-top: 1rem;
}
#module-blockwishlist-lists .wishlist-footer-links {
    margin: 1.5rem auto;
    text-align: center;
}
#module-blockwishlist-lists .wishlist-footer-links a {
    background: #ffffff;
    border: solid 1px #3C2912;
    border-radius: 24px;
    padding: 8px 16px;
}
.wishlist-container .card {
    background-color: #F8F3ED;
}
.wishlist-container .card .wishlist-list-container {
    margin: 22px;
    background-color: #ffffff;
    border-radius: 8px;
}
.wishlist-add-to-new.text-primary {
    padding: 10px 16px 8px;
    background-color: #3C2912;
    border: solid 1px #3C2912;
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    color: rgba(255,255,255,.9) !important;
}
#module-blockwishlist-lists .wishlist-add-to-new:hover {
    opacity: 1;
    border-radius: 0;
    background-color: #ffffff;
}
a.text-primary:hover {

    color: #B77D47 !important;
}





/*################ HEADER ################*/
#header .logo {
    box-sizing: content-box;
    max-width: 320px;
    margin: 0 auto;
    display: block;
}
#header, #header .header-top {
    /*background: url("../img/bg-header-2.png") top -150px center no-repeat rgba(255,177,26,.04);*/
    padding: 0;
}
#header .header-nav {
    background-color: #2f170d;
    border-bottom: none;
    height: 30px;
}
#header .header-nav #_desktop_contact_link #contact-link {margin-top: 0;}
.LinkLogo {
    display: block;
    margin: 16px auto;
}
.Zind1 {
    position: relative;
    z-index: 1;
}
.Zind999 {
    position: relative;
    z-index: 999;
}






/*############ MENU PRINCIPAL ##############*/
#header .header-top .menu {
    background: #ffffff;
    padding-left: 0;
    width: 100%;
}
#header .header-top a[data-depth="0"] {
    color: rgba(47,23,13,1);
}
.top-menu {
    border-top: solid 1px rgba(47,23,13,.1);
    text-align: center;
}
.top-menu a[data-depth="0"] {
    padding: 16px 12px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
}







/*############ NEWSLETTER ###############*/
.block_newsletter {
    max-width: 100%;
    float: none;
    margin: 0;
    padding: 40px 0 60px 0;
    background: url("/img/bg-newsletter-abeilles.png") center center no-repeat;
    background-size: cover;
}
#block-newsletter-label {
    text-align: center;
}
.TitreNewsletter {
    text-transform: uppercase;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.22;
    letter-spacing: 3.6px;
    padding: 16px 0 30px 0;
}
.TexteNewsletter {
    margin: 0 auto;
    display: block;
    max-width: 400px;
    font-size: 15px;
    line-height: 25px;
    color: rgba(255,255,255,1);
}
.ImgNewsletter {width: 50px;}
.block_newsletter form .row .col-xs-12:first-of-type .btn-primary:first-of-type {margin-left: 0;}
.block_newsletter form input {height: 50px;}
.block_newsletter .btn.btn-primary {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 500;
    background: #222;
}
#NewsletterLine {
    max-width: 560px;
    margin: 0 auto;
}




/*############## PANIER ################*/
.ImgPanier {
    display: inline-block;
    width: 20px;
    margin-right: 5px;
}
#_desktop_cart {
    display: inline-block;
    padding: 6px 12px;
    background-color: #fffcf7;
    border: solid 1px rgba(47,23,13,.8);
    border-radius: 20px;
}
.elementor-2170101 .elementor-element.elementor-element-ba3fe89 .elementor-search__toggle i:hover {border-radius: 0;}
#cart .cart-overview .cart-items .cart-item {border-bottom: solid 1px rgba(47,23,13,.3);}
.product-line-grid-right .cart-line-product-actions .remove-from-cart:hover, .product-line-grid-right .product-price .remove-from-cart:hover {color: #A52C00;}
.cart-grid-body a.label:hover {color: #995E33;}
.page-cart .cart-grid h1::before {
    content: url("/img/panier.svg");
    display: inline-block;
    width: 36px;
    height: auto;
    padding: 0 8px 0 0;
    opacity: 1 !important;
    background: transparent !important;
    left: 0;
}





/*############ ORDER CONFIRMATION ##############*/
#order-confirmation #content-hook_order_confirmation,
#order-confirmation .page-order-confirmation,
#order-confirmation #content-hook_payment_return {
    margin: 0 auto;
    max-width: 85%;
}
#order-confirmation #order-items > .row:first-child {background: #3c2912;}
#order-confirmation #order-items .row h3 {
    color: #ffffff;
    padding-top: 16px;
}
#order-items table tr.total-value {background-color: #F8F3ED;}
#order-confirmation .order-confirmation-table {
    margin: 0 -15px;
}




/*############## PRODUCT ################*/
.input-color {
    width: 3rem;
    height: 3rem;
}
.custom-checkbox input[type="checkbox"] + span.color, .variant-links .color, label .color {
    width: 3rem;
    height: 3rem;
    border: 1px solid #979797;
}
.ce-product-variants__texture {
    background-size: 50px 66px;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.thumbnail.product-thumbnail {
    border-radius: 6px;
}


