/*
Theme Name: Wordpress Elementor
Description: Thème Wordpress Elementor
Author: Net&Tic
Author URI: https://www.net-tic.net
Version: 20250131
Text Domain: wordpresselementor
*/


/***************
****  Reset ****
****************/

html {
    line-height: 25px;
}
html,
body,
p {
    padding: 0;
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

button,
a,
[type=submit] {
    transition: .3s;
    cursor: pointer;
}

.overall {
    max-width: 1400px;
    margin: auto;
}

@media (max-width: 1500px ) {
    .overall {
        max-width: 970px;
    }
}

@media (max-width: 991px ) {
    .overall {
        max-width: none;
        padding: 0 15px;
    }
}

.grecaptcha-badge {
    display: none;
}

table,
.wp-block-table {
    width: 100%;
    min-width: 240px;
    border-collapse: collapse;
}
.elementor-widget-text-editor p:not(:last-child),
.elementor-widget-text-editor ul:not(:last-child) {
    margin-bottom: 12px;
}

.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    word-wrap: normal !important;
    border: 0;

    clip-path: inset(50%);
}

.nt-alert {
    padding: 10px 29px 10px 15px;
    margin-bottom: 1rem;
    font-weight: 400;
    font-size: 0.875rem;
}
.nt-alert strong {
    color: inherit!important;
}

.nt-alert-primary, .nt-alert-info {
    background: #d8eafc;
    color: #1e87f0;
}
.nt-alert-success {
    background: #edfbf6;
    color: #32d296;
}
.nt-alert-danger, .nt-alert-error {
    background: #fef4f6;
    color: #f0506e;
}
.nt-alert-warning {
    background: #fff6ee;
    color: #faa05a;
}
.nt-alert--outline {
    background: none!important;
    border: 2px solid currentColor;
}
.nt-alert--large {
    font-size: 1.0625rem;
}
.nt-alert .progress{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: #ddd;
}

.nt_text_shadow {
    text-shadow: 0px 0px 4px black;
}

.elementor-swiper .swiper-slide-contents:not(:empty) {
    padding: 30px;
    background: rgba(0,0,0,0.75);
}

@media (max-width: 1200px) {
    .e-widget-swiper .swiper-slide-contents {
        max-width: 100%!important;
        padding: 15px;
    }
}


/***********************
****  Fix Elementor ****
************************/

/* Suppression de "Posted on Google" sur le widget d'avis Google */
.tp-review .tp-SR-logotext .tp-newline {
    display: none;
}
/* border-box sur les popins pour éviter les scroll horizontaux */
.plus-canvas-content-wrap .plus-content-editor {
    box-sizing: border-box;
}
/* Aligne les étapes du widget process-steps en version horizontale */
.tp-process-steps-widget.style_2 {
    align-items: start;
}
/* Corrige la position des boutons d'outils dans la visionneuse */
.elementor-slideshow__header {
    box-sizing: border-box;
}
/* Passe le bouton de validation de code promo sur une ligne */
.button.e-apply-coupon {
    white-space: nowrap;
    padding-inline: 12px;
}


/********************
****  Breadcrumb ****
*********************/

.nt-breadcrumb ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.nt-breadcrumb ul li {
    display: inline-block;
}
.nt-breadcrumb ul li:not(.breadcrumb_last):after {
    font-family: "Font Awesome 5 Free";
    content: "\f054"!important;
    font-weight: 900;
    font-size: 10px;
    vertical-align: 1px;
    margin: 0 8px;
}


/*******************
****  Admin bar ****
********************/

@media (max-width: 1024px) {
    html[lang] {
        margin-top: 0!important;
    }
    #wpadminbar {
        display: none!important;
    }
}


/********************************
****  Formulaires génériques ****
*********************************/

.nt-form fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
.nt-form .nt-form-multiline {
    display: flex;
    gap: 12px;
}
.nt-form .nt-form-multiline--big-gap {
    gap: 36px;
}
.nt-form .nt-form-multiline > * {
    flex: 0 1 100%;
}
.nt-form .nt-form-line {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}
.nt-form .nt-form-line label {
    flex: 0 0 105px;
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    text-align: right;
}
.nt-form .nt-form-line .nt-form-field {
    flex: 0 1 100%;
    position: relative;
}
.nt-form .nt-form-field input[type=text],
.nt-form .nt-form-field input[type=email],
.nt-form .nt-form-field input[type=tel],
.nt-form .nt-form-field input[type=date],
.nt-form .nt-form-field input[type=number],
.nt-form .nt-form-field input[type=password],
.nt-form .nt-form-field select,
.nt-form .nt-form-field textarea {
    border: 1px solid #333;
    width: 100%;
    font-family: inherit;
    height: 33px;
    padding: 0 6px;
    box-sizing: border-box;
}
.nt-form .nt-form-field textarea {
    height: 78px;
    padding: 6px;
    resize: vertical;
}
.nt-form .nt-form-line--submit {
    text-align: right;
    margin-top: 12px;
}
.nt-form .nt-form-line--password-strength {
    display: none;
}

.nt-form [type=submit] .loader {
    opacity: 0;
    visibility: hidden;
    width: 0;
    margin-left: 0;
    transition: .3s;
    vertical-align: -5px;
}
.nt-form.loading [type=submit],
.nt-form [type=submit]:disabled {
    opacity: 0.5;
}
.nt-form.loading [type=submit] .loader,
.nt-form [type=submit].loading .loader {
    width: 18px;
    opacity: 1;
    visibility: visible;
    margin-left: 12px;
    margin-right: -6px;
}
.nt-form-notes p {
    text-align: right;
    font-size: 12px;
    font-weight: 400;
}


.nt-form--signup .nt-form-title {
    font-weight: bold;
    margin-left: 117px;
    margin-bottom: 12px;
    margin-top: 18px;
}
.nt-form--signup .nt-form-company-fields {
    display: none;
}
.nt-form--signup .nt-form-company-fields {
    display: none;
}


.nt-show-password-field:after {
    position: absolute;
    top: calc(50% - 8px);
    right: 10px;

    font-family: WooCommerce;
    speak: never;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-left: .618em;
    content: "\e010";
    text-decoration: none;
}

@media (max-width: 550px) {
    .nt-form .nt-form-multiline {
        flex-direction: column;
        gap: 0;
    }
    .nt-form .nt-form-line label {
        flex: 0 0 80px;
        font-size: 12px;
    }
}


/***********************************
****  Customization woocommerce ****
************************************/

@media (min-width: 550px) {
    .e-checkout__container .woocommerce-billing-fields #billing_postcode_field,
    .e-checkout__container .woocommerce-shipping-fields #shipping_postcode_field,
    .e-checkout__container .woocommerce-billing-fields #billing_phone_field,
    .e-checkout__container .woocommerce-shipping-fields #shipping_phone_field{
        width: 48%;
        float: left;
    }
    .e-checkout__container .woocommerce-billing-fields #billing_city_field,
    .e-checkout__container .woocommerce-shipping-fields #shipping_city_field,
    .e-checkout__container .woocommerce-billing-fields #billing_email_field,
    .e-checkout__container .woocommerce-shipping-fields #shipping_email_field{
        width: 48%;
        float: right;
        clear: revert;
    }
}
.woocommerce-shipping-fields__field-wrapper:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    clear: both;
}
.added_to_cart.wc-forward {
    display: none!important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.loading::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading::after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.loading::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.loading::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.loading::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.loading::after,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.loading::after {
    display: flex;
    align-items: center;
    justify-content: center;
}

.reset_variations {
    display: none!important;
}
.woocommerce div.product p.stock {
    display: none!important;
}
.woocommerce-Tabs-panel h2 {
    display: none;
}
.woocommerce #respond input#submit.loading::after,
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after {
    width: 20px;
    height: 20px;
}
.woocommerce a.added_to_cart.wc-forward {
    color: var( --e-global-color-primary );
    display: block;
    text-align: center;
}
.woocommerce a.added_to_cart.wc-forward:after {
    content:"→";
    padding-left: 5px;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
    height: 40px;
    width: 100px;
    font-family: inherit;
}
.widget_shopping_cart_content .woocommerce-mini-cart__empty-message {
    min-width: 0;
    min-height: 0;
    display: block;
    padding: 0;
}
.woocommerce-mini-cart__empty-message:before {
    display: none;
}
.elementor-widget-woocommerce-checkout-page .woocommerce-privacy-policy-text p {
    line-height: 1.4;
    margin-bottom: 10px;
}
.woocommerce-checkout-payment .woocommerce-terms-and-conditions * {
    font-size: 0.75rem;
    line-height: 1.5;
}
.woocommerce-checkout-payment .woocommerce-terms-and-conditions p {
    margin-bottom: 10px;
}
.elementor-widget-woocommerce-my-account .woocommerce .login p:nth-child(2),
.elementor-widget-woocommerce-my-account .woocommerce .register p:nth-child(2) {
    font-size: inherit!important;
}
.woocommerce-notice--success {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 30px;
}
.woocommerce-thankyou-order-details {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-left: 0;
    justify-content: center;
}
.woocommerce-thankyou-order-details:before {
    display: none!important;
}
.woocommerce-thankyou-order-details li {
    padding-right: 20px!important;
    margin-right: 0!important;
}
.woocommerce div.product form.cart .variations select {
    background-color: white;
    height: 40px;
    border: 1px solid var(--e-global-color-primary)!important;
    border-radius: 4px;
    padding: 0 5px;
    font-family: inherit;
}
.woocommerce-variation .woocommerce-variation-price {
    text-align: center;
    margin-bottom: 20px;
}
.woocommerce-variation-add-to-cart,
.elementor-product-simple form.cart {
    display: flex;
    justify-content: center;
}
.woocommerce-variation-add-to-cart div.quantity div.quantity:not(.nt-qty-custom-buttons-wrapper),
.elementor-product-simple div.quantity div.quantity:not(.nt-qty-custom-buttons-wrapper) {
    margin-right: 0!important;
    height: 100%;
    float: none;
}
.woocommerce-variation-add-to-cart div.quantity:not(.nt-qty-custom-buttons-wrapper) input,
.elementor-product-simple div.quantity div.quantity:not(.nt-qty-custom-buttons-wrapper) input {
    height: 42px;
    border: 2px solid #444!important;
    font-family: inherit;
    font-size: 1rem;
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button,
.elementor-product-simple .single_add_to_cart_button {
    height: 42px;
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.single-product .woocommerce-notices-wrapper{
    position: fixed;
    box-shadow: 0 0 30px 0 #333;
    top: 150px;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, 0%);
}
.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-notices-wrapper .woocommerce-info {
    margin-bottom: 0;
    align-items: center;
    font-weight: 400;
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
    margin: -5px 0 -5px 30px;
}
.woocommerce-notices-wrapper .woocommerce-error::before, .woocommerce-notices-wrapper .woocommerce-info::before, .woocommerce-notices-wrapper .woocommerce-message::before {
    top: 50%;
    left: 1.5em;
    transform: translate(0%, -52%);
}
.woocommerce-MyAccount-navigation ul {
    margin: 0;
}
.woocommerce-ordering,
.woocommerce-MyAccount-navigation-link--downloads {
    display: none!important;
}
.woocommerce-notices-wrapper {
    position: relative;
    overflow: hidden;
}
.woocommerce-notices-wrapper .progress{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: #ddd;
}
.woocommerce-notices-wrapper .progress:before{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: #4070f4;
}
.woocommerce-notices-wrapper .woocommerce-message .progress:before{
    background-color: var(--message-message-icon-color,#95ac3c);
}
.woocommerce-notices-wrapper .woocommerce-error .progress:before{
    background-color: var(--error-message-icon-color,#b81c23);
}
.woocommerce-notices-wrapper.active .progress:before{
    animation: progress 5s linear forwards;
}

.single-product .woocommerce-notices-wrapper,
.page-cadencier .woocommerce-notices-wrapper {
    position: fixed;
    box-shadow: 0 0 30px 0 #333;
    top: 150px;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, 0%);
}
.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-notices-wrapper .woocommerce-info {
    margin-bottom: 0;
    align-items: center;
    font-weight: 400;
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
    margin: -5px 0 -5px 30px;
}
.woocommerce-notices-wrapper .woocommerce-error::before, .woocommerce-notices-wrapper .woocommerce-info::before, .woocommerce-notices-wrapper .woocommerce-message::before {
    top: 50%;
    left: 1.5em;
    transform: translate(0%, -52%);
}

/************************************
****  Responsive Cart / Checkout ****
*************************************/
@media (max-width: 1024px) {
    .elementor-widget-woocommerce-cart .e-cart-section,
    .elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .col-1,
    .elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review,
    .elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box,
    .elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-section,
    .elementor-widget-woocommerce-checkout-page .woocommerce .shipping_address,
    .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-additional-fields,
    .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout #payment{
        padding: 15px 15px!important;
    }
}
@media (max-width: 767px) {
    .elementor-widget-woocommerce-cart .woocommerce table.cart tr {
        padding: 0!important;
    }
    .tabs.wc-tabs {
        display: flex;
        flex-direction: column;
    }
    ul.wc-tabs li {
        border-radius: 0!important;
    }
}



/************************
******  Animations ******
*************************/

@keyframes fadein {
    0% {
        opacity: 0;
        display: none;
    }
    100% {
        opacity: 1;
        display: block;
    }
}
@keyframes fadeout {
    0% {
        opacity: 1;
        display: block;
    }
    100% {
        opacity: 0;
        display: none;
    }
}
@keyframes progress {
    100%{
        right: 100%;
    }
}

@keyframes ondulate {
    0% {
        opacity: .8;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}

.nt-ondulate .elementor-custom-embed-image-overlay:after {
    content: "";
    animation: ondulate 3s linear infinite;
    display: block;
    border-radius: 100%;
    background: white;
    position: absolute;
    inset: 0;
    z-index: -1;
}
.nt-ondulate img {
    aspect-ratio: 1 !important;
}
.nt-ondulate .elementor-widget-container{
    overflow: visible!important;
}




/************************
****  Page recherche ****
*************************/

.listing-search-result .title-2 {
    font-family: var(--e-global-typography-primary-font-family);
}
.listing-search-result {
    margin-bottom: 80px;
}
.listing-search-result-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}
.listing-search-result-categories .listing-search-result-categories-item {
    background: white;
    box-shadow: 0 0 10px 0 #DEDEDE;
    color: var( --e-global-color-secondary );
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px;
    font-size: 1rem;
    font-weight: 300;
    height: 70px;
    width: calc(25% - 14px);
    text-decoration: none;
    transition: .3s;
}
.listing-search-result-categories .listing-search-result-categories-item:hover,
.listing-search-result-categories .listing-search-result-categories-item:focus {
    background: var( --e-global-color-primary );
    color: white;
}
.listing-search-result .item-search {
    margin-bottom: 20px;
}
.listing-search-result a.item-search {
    background: #EBEBEB;
    color: #361e0f;
    display: flex;
    font-size: 1.25em;
    margin-bottom: 25px;
    text-decoration: none;
    transition: all 500ms;
}
.listing-search-result a.item-search .img-wrapper {
    display: inline-grid;
}
.listing-search-result a.item-search .txt-wrapper {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 20px;
    width: calc(100% - 150px);
}
.listing-search-result a.item-search .txt-wrapper span {
    display: block;
    width: 100%;
}
.listing-search-result a.item-search .title{
    display: block;
    font-weight: bold;
    line-height: 1em;
    transition: all 500ms;
}
.listing-search-result a.item-search .txt-wrapper .category {
    font-style: italic;
    margin-bottom: 15px;
}
.listing-search-result a.item-search small {
    font-size: 0.8125em;
}
.listing-search-result a.item-search:hover {
    transform: scale(1.05);
    box-shadow: 0 0 30px -15px #666;
}


@media (max-width: 640px) {
    .listing-search-result a.item-search {
        display: block;
    }
    .listing-search-result a.item-search .img-wrapper {
        width: 100%;
    }
    .listing-search-result a.item-search .img-wrapper img {
        width: 100%;
        height: auto;
    }
    .listing-search-result a.item-search .txt-wrapper {
        width: 100%;
    }
}


/********************
****  Single job ****
*********************/

.main-single-emploi .elementor-column {
    padding: 10px;
}
.nt-single-job__title {
    margin-top: 50px;
    line-height: 1;
    color: #4A4A4A;
    font-size: 3rem!important;
    font-weight: 400;
}
.nt-single-job__header {
    border: 2px solid var(--e-global-color-accent);
    padding: 15px 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.nt-single-job__columns {
    display: flex;
    gap: 48px;
}
.nt-single-job__column-description,
.nt-single-job__column-form {
    flex: 0 1 50%;
}
.nt-single-job__column-form {
    padding: 18px 24px 30px;
    background: #F4F4F4;
}
.nt-single-job__column-form h2 {
    margin-top: 0;
}

@media (max-width: 1024px) {
    .nt-single-job__columns {
        flex-direction: column;
    }
}




/*****************************
****  Add to cart buttons ****
******************************/
.nt-qty-custom-buttons-wrapper {
    display: flex;
    align-items: stretch;
}
.nt-qty-custom-buttons-wrapper .nt-qty-less,
.nt-qty-custom-buttons-wrapper .nt-qty-more {
    aspect-ratio: 1;
    padding: 0!important;
    margin: 0!important;
    font-size: 32px!important;
    font-family: 'poppins'!important;
    height: 50px;
    width: 50px;
}
@media (max-width: 767px) {
    .nt-qty-custom-buttons-wrapper .nt-qty-less,
    .nt-qty-custom-buttons-wrapper .nt-qty-more {
        height: 40px!important;
        width: 40px!important;
    }
    .nt-qty-custom-buttons-wrapper + .button {
        height: 40px!important;
    }
}
.nt-qty-custom-buttons-wrapper input.qty {
    height: auto !important;
    border: none!important;
    outline: none;
    -moz-appearance: textfield;
    font-family: inherit;
    font-size: 1.25rem;
}
.nt-qty-custom-buttons-wrapper input.qty::-webkit-outer-spin-button,
.nt-qty-custom-buttons-wrapper input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.nt-qty-custom-buttons-wrapper + .button {
    height: 50px;
}



/********************
****  Quick menu ****
*********************/

body .nt-sticky-button {
    border: none;
    bottom: 50px;
    display: flex;
    align-items: end;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
    position: fixed;
    right: 50px;
    text-decoration: none;
    top: 54%;
    z-index: 2;
}
body .nt-sticky-button > a {
    background: var( --main-color );
    border-radius: 50px;
    display: flex;
    width: 57px;
    height: 57px;
    color: var( --text-color );
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: .3s;
}
body .nt-sticky-button > a:hover,
body .nt-sticky-button > a.active {
    width: 200px;
}
body .nt-sticky-button > a .picto {
    font-size: 30px;
    flex: 0 0 57px;
    text-align: center;
}
body .nt-sticky-button > a .picto img {
    height: 30px;
    width: 30px;
}
body .nt-sticky-button > a .picto svg {
    height: 30px;
    width: 30px;
}
body .nt-sticky-button > a .picto svg path {
    fill: var( --text-color );
}
body .nt-sticky-button > a .txt {
    display: block;
    min-width: 120px;
    font-size: 1rem;
}

@media (max-width: 1280px) {
    body .nt-sticky-button {
        right: 10px;
        top: unset;
        bottom: 10px;
    }
}

/************************
****  Pickup chooser ****
*************************/

.nt-pickup-datetime-chooser {
    margin: 15px 0;
    position: relative;
}
.nt-pickup-datetime-chooser__popup {
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    width: 582px;
    max-width: calc(100vw - 20px);
    background: white;
    filter: drop-shadow(0 0 10px #DEDEDE);
    padding: 16px 24px;
    z-index: 1;
}
.nt-pickup-datetime-chooser__popup:not(.open):not(.close) {
    display: none;
    opacity: 0;
}
.nt-pickup-datetime-chooser__btn-open {
    padding: 7px 15px!important;
    font-size: 1rem!important;
}
.nt-pickup-datetime-chooser__popup.close {
    -webkit-animation: fadeout 0.3s ease forwards;
    animation: fadeout 0.3s ease forwards;
}
.nt-pickup-datetime-chooser__popup.open {
    -webkit-animation: fadein 0.3s ease forwards;
    animation: fadein 0.3s ease forwards;
}
.nt-pickup-datetime-chooser__popup:before {
    content:"";
    display : inline-block;
    height : 0;
    width : 0;
    border-right : 10px solid transparent;
    border-bottom : 10px solid white;
    border-left : 10px solid transparent;

    position: absolute;
    top: -10px;
    left: 40px;
}
.nt-pickup-datetime-chooser__popup-inner {
    display: flex;
    gap: 24px;
}
.nt-pickup-datetime-chooser__date,
.nt-pickup-datetime-chooser__time {
    flex: 0 1 50%;
}
.nt-pickup-datetime-chooser .flatpickr-monthDropdown-months {
    padding: 5px!important;
}
.nt-pickup-datetime-chooser__date-input,
.nt-pickup-datetime-chooser__time-input {
    border: none;
    outline: none;
    font-family: inherit;
    font-size: 1.25rem;
    font-weight: bold;
    width: 100%;
    text-align: center;
}
.nt-pickup-datetime-chooser__time-slots {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.nt-pickup-datetime-chooser__time-slot {
    padding: 2px 5px;
    border-radius: 0 10px!important;
    font-size: .875rem!important;
    color: white;
}
.nt-pickup-datetime-chooser__time-slot:not(.open):not(.close) {
    display: none;
}
.nt-pickup-datetime-chooser__time-slot.close {
    -webkit-animation: fadeout 0.3s ease forwards;
    animation: fadeout 0.3s ease forwards;
}
.nt-pickup-datetime-chooser__time-slot.open {
    -webkit-animation: fadein 0.3s ease forwards;
    animation: fadein 0.3s ease forwards;
}



/********************
*****  Wishlist *****
*********************/

.nt-loop-wishlist-button-wrapper {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
}
.nt-loop-wishlist-button-wrapper .nt-wishlist-button {
    border: none!important;
    font-family: inherit;
    position: relative;
    width: 30px;
    height: 30px;
}
.nt-loop-wishlist-button-wrapper .nt-wishlist-button.disabled {
    opacity: 0.25;
}
.nt-loop-wishlist-button-wrapper.add .nt-wishlist-button {
    background: center / contain no-repeat url('data:image/svg+xml;charset=utf-8, <svg clip-rule="evenodd" fill-rule="evenodd" height="512" fill="%23E1C699" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 32 32" width="512" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-96 -336)"><g id="OUTLINE"><path d="m118 358.002h-1c-.552 0-1 .448-1 1s.448 1 1 1h1v1c0 .552.448 1 1 1s1-.448 1-1v-1h1c.552 0 1-.448 1-1s-.448-1-1-1h-1v-1c0-.552-.448-1-1-1s-1 .448-1 1z"/><path d="m114.691 364.518c1.188.93 2.684 1.484 4.309 1.484 3.863 0 7-3.136 7-7 0-1.838-.71-3.511-1.87-4.76 2.673-5.663 2.392-11.228-.502-14.062-2.888-2.828-8.432-3.081-11.749.39-3.317-3.471-8.861-3.218-11.749-.39-3.001 2.939-3.192 8.815-.192 14.693 1.895 3.967 6.581 7.969 10.716 10.757.001 0 .002.001.003.002.74.494 1.705.494 2.444-.001.001 0 .002-.001.003-.002.522-.352 1.054-.723 1.587-1.111zm4.309-10.516c2.76 0 5 2.241 5 5 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.759 2.24-5 5-5zm3.522-1.049c1.201-2.698 1.679-5.345 1.403-7.563-.191-1.531-.743-2.847-1.696-3.781-2.384-2.334-7.147-2.304-9.53 1.109-.187.268-.493.427-.82.427s-.633-.159-.82-.427c-2.383-3.413-7.146-3.443-9.53-1.109-.953.934-1.505 2.25-1.696 3.781-.31 2.495.334 5.533 1.887 8.576.005.008.009.017.013.025 1.765 3.704 6.183 7.38 10.035 9.978.067.044.154.044.221 0 .43-.29.867-.594 1.307-.91-.816-1.145-1.296-2.545-1.296-4.057 0-3.863 3.137-7 7-7 1.283 0 2.487.346 3.522.951z"/></g></g></svg>');
}
.nt-loop-wishlist-button-wrapper.remove .nt-wishlist-button {
    background: center / contain no-repeat url('data:image/svg+xml;charset=utf-8, <svg clip-rule="evenodd" fill-rule="evenodd" height="512" fill="%23E1C699" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 32 32" width="512" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-96 -336)"><g id="SOLID"><path d="m118 358.002h-1c-.552 0-1 .448-1 1s.448 1 1 1h1v1c0 .552.448 1 1 1s1-.448 1-1v-1h1c.552 0 1-.448 1-1s-.448-1-1-1h-1v-1c0-.552-.448-1-1-1s-1 .448-1 1z"/><path d="m114.691 364.518c1.188.93 2.684 1.484 4.309 1.484 3.863 0 7-3.136 7-7 0-1.838-.71-3.511-1.87-4.76 2.673-5.663 2.392-11.228-.502-14.062-2.888-2.828-8.432-3.081-11.749.39-3.317-3.471-8.861-3.218-11.749-.39-3.001 2.939-3.192 8.815-.192 14.693 1.895 3.967 6.581 7.969 10.716 10.757.001 0 .002.001.003.002.74.494 1.705.494 2.444-.001.001 0 .002-.001.003-.002.522-.352 1.054-.723 1.587-1.111zm4.309-10.516c2.76 0 5 2.241 5 5 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.759 2.24-5 5-5z"/></g></g></svg>');
}
.nt-loop-wishlist-button-wrapper .nt-wishlist-button .nt-wishlist-button__tooltip {
    --tooltip-width: 140px;

    position: absolute;
    bottom: calc(100% + 5px);
    left: calc(50% - calc(var(--tooltip-width) / 2));
    background: rgba(0,0,0,0.75);
    padding: 6px 10px;
    font-size: 0.75rem;
    color: white!important;
    width: var(--tooltip-width);
    transform: scale(0.95);
    transition: .2s;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    text-transform: none;
}
.nt-loop-wishlist-button-wrapper .nt-wishlist-button:hover .nt-wishlist-button__tooltip,
.nt-loop-wishlist-button-wrapper .nt-wishlist-button:focus .nt-wishlist-button__tooltip,
.nt-loop-wishlist-button-wrapper.display-response .nt-wishlist-button .nt-wishlist-button__tooltip {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
.nt-loop-wishlist-button-wrapper .nt-wishlist-button svg {
    height: 30px;
    width: 30px;
    fill: var( --e-global-color-primary );
}

@media (max-width: 767px) {
    .nt-loop-wishlist-button-wrapper {
        position: absolute;
        top: 20px;
        right: 30px;
        z-index: 1;
    }
}



/*******************
*****  Tooltip *****
********************/

.nt-tooltip-container {
    position: relative;
}
.nt-tooltip {
    --tooltip-width: 150px;
    --tooltip-padding: 6px 10px;

    position: absolute;
    bottom: calc(100% + 5px);
    left: calc(50% - calc(var(--tooltip-width) / 2));
    background: rgba(0,0,0,0.75);
    padding: var(--tooltip-padding);
    font-size: 0.75rem;
    color: white!important;
    width: var(--tooltip-width);
    transform: scale(0.95);
    transition: .2s;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    text-transform: none;
}
.nt-tooltip-container:hover .nt-tooltip,
.nt-tooltip-container.display-tooltip .nt-tooltip {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

@media (max-width: 767px) {
    .nt-tooltip {
        --tooltip-width: 100px;
        --tooltip-padding: 5px;
    }
}


/*************************
*****  tarteaucitron *****
**************************/

body {
    --tac-font-family: var(--e-global-typography-primary-font-family);
    --tac-background-color: #F5F5F5;
    --tac-text-color: #333;
    --tac-mainline-background-color: var(--tac-background-color);
    --tac-mainline-color: var(--tac-text-color);
    --tac-infos-border-color: #333;
    --tac-privacy-button-backgound-color: black;
    --tac-privacy-button-backgound-color-hover: var(--e-global-color-primary);
    --tac-service-line-background-color: white;
    --tac-service-line-title-background-color: #EBEBEB;
    --tac-service-line-title-text-color: #444;
}
body #tarteaucitron * {
    font-family: var(--tac-font-family)!important;
}
body #tarteaucitron #tarteaucitronServices {
    height: auto!important;
    max-height: 80vh;
    border-radius: 20px!important;
}
#tarteaucitron #tarteaucitronServices,
#tarteaucitron .tarteaucitronBorder,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails:not(.tarteaucitronDetailsInline),
#tarteaucitron #tarteaucitronClosePanel,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie {
    background-color: var(--tac-background-color)!important;
    color: var(--tac-text-color)!important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitronRoot .tarteaucitronH2,
#tarteaucitron #tarteaucitronInfo {
    background-color: var(--tac-mainline-background-color)!important;
    color: var(--tac-mainline-color)!important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    padding-inline: 85px!important;
    padding-bottom: 30px!important;
}
#tarteaucitron #tarteaucitronInfo {
    border-color: var(--tac-infos-border-color);
    max-width: 100%!important;
    margin-inline: 0!important;
    margin-bottom: 30px!important;
}
#tarteaucitronRoot .tarteaucitronH2 {
    margin-left: 0!important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {
    margin-right: 0!important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
    margin-top: 0!important;
}
#tarteaucitron #tarteaucitronClosePanel:hover,
#tarteaucitron #tarteaucitronClosePanel:focus {
    background-color: var(--tac-text-color)!important;
    color: var(--tac-background-color)!important;
}
#tarteaucitron #tarteaucitronServices {
    background: var(--tac-background-color)!important;
    box-shadow: 0 10px 18px #545454;
}
#tarteaucitron .tarteaucitronLine .tarteaucitronAllow,
#tarteaucitron .tarteaucitronLine .tarteaucitronDeny {
    opacity: 1!important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails:not(.tarteaucitronDetailsInline) {
    position: static!important;
    max-width: 100%!important;
}
#tarteaucitron #tarteaucitronPrivacyUrlDialog {
    background: var(--tac-privacy-button-backgound-color)!important;
    color: white!important;
}
#tarteaucitron #tarteaucitronPrivacyUrlDialog:hover,
#tarteaucitron #tarteaucitronPrivacyUrlDialog:focus {
    background: var(--tac-privacy-button-backgound-color-hover)!important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronBorder > ul > li {
    background-color: transparent;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronBorder .tarteaucitronLine,
#tarteaucitron #tarteaucitronServices .tarteaucitronBorder .tarteaucitronLine:hover {
    background-color: var(--tac-service-line-background-color)!important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
    width: 100%!important;
    box-sizing: border-box;
    text-align: center!important;
    font-size: 1.125rem!important;
    background-color: var(--tac-service-line-title-background-color)!important;
    color: var(--tac-service-line-title-text-color)!important;
    padding-block: 10px!important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronPlus::before {
    color: var(--tac-service-line-title-text-color)!important;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine {
    padding-block: 20px!important;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine .tarteaucitronName {
    padding-top: 0!important;
    width: 100%;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine .tarteaucitronName br {
    display: none!important;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine .tarteaucitronName .tarteaucitronH3 {
    margin-top: 0!important;
    text-align: center!important;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronServicesTitle_mandatory .tarteaucitronPlus {
    display: none!important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
    margin-top: 0!important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle+[id^=tarteaucitronDetails] {
    padding: 15px!important;
    text-align: center!important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
}
body #tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow,
body #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
body #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
body #tarteaucitronRoot .tarteaucitronAllow,
body #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
    background-color: var(--e-global-color-accent, #008300);
}
body #tarteaucitronRoot #tarteaucitronAlertBig {
    background-color: white;
    box-shadow: 0 0 10px 0 #BDBDBD;
}
body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    color: #333;
}