/* 
Theme Name: OURIKA
Theme URI: https://lourika.fr
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Pontonweb
Author: PONTONWEB
Author URI: https://pontonweb.fr
Template: hello-elementor
Version: 3.2
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* Textes */

h1 {font-size: 70px;}
@media screen and  (max-width : 1440px) {
    h1, h1 span { font-size: calc(26px + (70 - 2) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(24px + (72 - 24) * ((100vw - 320px) / (1440 - 320)))!important;}
    h2, h2 span { font-size: calc(22px + (60 - 2) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(22px + (62 - 22) * ((100vw - 320px) / (1440 - 320)))!important;}
    h3, h3 span { font-size: calc(15px + (24 - 15) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)))!important;}
    .p_26 p { font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(20px + (28 - 20) * ((100vw - 320px) / (1440 - 320)))!important;}
    }

    
/* Menu */
.elementor-widget-container a:focus{outline-width: none!important; outline: 0px solid #fff!important;}

.cart_totals  h2 {font-size: 28px!important; padding: 0!important; margin-bottom: 0!important;}


/* click & collect */
.block-click-collect {display: flex;   align-items: flex-end; gap: 20px; margin-bottom: 20px;}
.block-click-collect p {width: 200px; margin-block-end: 0px;}
.block-click-collect select {width: 100px; height: 40px;}
.block-click-collect .form-row { padding: 0!important; margin: 0!important; }
#click_collect_date div {width: 300px;}
#click-collect-cart-fields {margin-bottom: 20px;}
.e-checkout__order_review h3, #click_collect_checkout_fields h3 {margin-block-start: 0; margin-block-end: 0; font-weight: 700!important; font-size: 28px!important;}

.ui-datepicker .disabled-date a {
    color: #ccc !important; 
    pointer-events: none;
    background: #f8f8f8;
    text-decoration: line-through;
}

/* Réservation */
.rtb-booking-form {width: 1440px!important; margin-left: auto; margin-right: auto;}
.reservation, .rtb-contact {display: flex; gap: 30px;}
.rtb-contact a {color:#FFC837;}
.rtb-form-submit button {border: 1px solid #FFC837; color:#2A190F;}
.rtb-form-submit button:hover {border: 1px solid #FFC837; color:#2A190F; background-color: #FFC837;}
.rtb-select.party select {height: 40px; background-color: #ffffff; appearance: none;}

@media screen and  (max-width : 1440px) {
    .rtb-booking-form {width: 94%!important; }

}

#billing_postcode_field {display: none;}

.woocommerce .added_to_cart {
    display: none !important;
}
.woocommerce-billing-fields__field-wrapper {display: flex; gap: 20px; flex-wrap: wrap; }
.woocommerce-billing-fields .form-row {width: 48%;}
.e-checkout__column.e-checkout__column-start {order: 2;}
.e-checkout__column.e-checkout__column-end {order: 1;}


@media screen and  (max-width : 590px) {
.elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review, .elementor-widget-woocommerce-checkout-page .e-checkout__order_review-2, 
#customer_details, .e-checkout__column.e-checkout__column-end {max-width: 92vw;}

.elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review {padding: var(--sections-padding,16px 10px);}
.block-click-collect-date{width: 120px;}
.block-click-collect-heure {width: 90px;}

.e-checkout__order_review h3, #click_collect_checkout_fields h3 { font-size: 22px!important; }

}

    /* Ajouter un espace au-dessus des ancres pour éviter qu'elles remontent trop haut */
    .anchor-offset {
        position: relative;
        display: block;
        top: -40px; /* Ajuste cette valeur en fonction de la hauteur du header */
        visibility: hidden;
    }


/* Conteneur du menu avec scroll horizontal */
/* Conteneur du menu swipe */
@media screen and  (max-width : 590px) {
    .swipe-menu .elementor-widget-heading {min-width: 70px;}
    .swipe-menu {
        display: flex;
        flex-wrap: nowrap; /* Empêche le retour à la ligne */
        overflow-x: auto; /* Active le scroll horizontal */
        white-space: nowrap; /* Empêche le texte de sauter à la ligne */
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch; /* Smooth scrolling */
        padding: 10px 0;
        scrollbar-width: none; /* Masque la scrollbar sur Firefox */
        gap: 20px; /* Espace entre les éléments */
        scroll-padding-left: 0px; /* Assure que le premier élément est bien aligné */
        scroll-behavior: auto !important; /* Désactive le smooth scroll pour le chargement */
    }

    /* Cacher la scrollbar sur Chrome/Safari */
    .swipe-menu::-webkit-scrollbar {
        display: none;
    }

    /* Sélectionner les titres */
    .swipe-menu .elementor-widget-container {
        flex: 0 0 auto; /* Empêche le redimensionnement */
        scroll-snap-align: start;
    }
    .swipe-menu .elementor-widget-container:first-child {
        margin-left: 0 !important; /* Supprime toute marge gauche qui pourrait le décaler */
    }

    /* Ajuster les éléments du menu (titres et liens) */
    .swipe-menu .elementor-heading-title {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        padding: 10px 20px;
        background-color: transparent;
        white-space: nowrap; /* Empêche le texte de sauter à la ligne */
        cursor: pointer;
        border-radius: 8px;
        margin: 0 10px; /* Espacement horizontal */
    }

    /* Ajout d'un effet au survol */
    .swipe-menu .elementor-heading-title:hover {
        color: #d4a017; /* Couleur dorée au survol */
        transition: 0.3s;
    }

      /* Ajouter un espace au-dessus des ancres pour éviter qu'elles remontent trop haut */
      .anchor-offset {
        position: relative;
        display: block;
        top: -180px; /* Ajuste cette valeur en fonction de la hauteur du header */
        visibility: hidden;
    }

}




@media screen and  (max-width : 590px) {
    .rtb-booking-form .reservation, .rtb-booking-form .rtb-contact {display: flex; flex-direction: column; gap: 0px;}
    .rtb-select.party {width: 90px;}
    .rtb-booking-form input, #stripe-payment-form #cardElement { width: 90%; max-width: 90%!important; }
}


.ins-checkout-header .ins-checkout-header-title {
    color: #fff !important;
    }