/* 
Theme Name: Jardins de Garonne
Theme URI: https://clubaffairer3e-tonneins.fr
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Art'Com Bureautique
Author: Art'Com Bureautique
Author URI: https://artcombureautique.fr
Template: hello-elementor
Version: 3.0.0
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 */


@media screen and  (max-width : 1440px) {
    h1, h1 span { font-size: calc(24px + (42 - 24) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(22px + (44 - 22) * ((100vw - 320px) / (1440 - 320)))!important;}
    h2, h2 span { font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(20px + (28 - 20) * ((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;}
    }

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

/** Diaporama ACF **/

.acf-swiper { width: 100%; height: 500px; position: relative; }

.acf-swiper .swiper-slide { background-size: cover; background-position: center; height: 100%; display: flex; align-items: center; justify-content: flex-start; padding-left: 5%; position: relative; }

.acf-diapo-overlay { padding: 41px; max-width: 400px; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2); backdrop-filter: blur(5px); opacity: 0.81; }

.acf-diapo-text { font-size: 20px; color: #000; line-height: 24px; opacity: 1; text-align: center; }

.acf-diapo-btn { margin-top: 35px!important; display: inline-block; margin-top: 15px; padding: 10px 20px; background-color: #fff; border: 1px solid #000; color: #000; font-weight: bold; text-decoration: none; transition: 0.3s; }

.acf-diapo-btn:hover { background-color: #000; color: #fff; }

.swiper-button-prev, .swiper-button-next { border : 1px solid #333333!important;; border-radius: 50px; color: #333333!important; background-color: #fff; width: 46px!important; height: 46px!important; }
.swiper-button-prev::after, .swiper-button-next::after {font-size: 22px!important;}

.woocommerce-shipping-destination {display: none;}

/* Responsive */
@media (max-width: 768px) {
    .acf-swiper .swiper-slide { justify-content: center; padding: 20px; text-align: center; }

    .acf-diapo-overlay { max-width: 90%; padding: 20px; }

    .acf-diapo-text { font-size: 1rem; }
}

.bloc-produit p {color: #FF9F00;}
input::-webkit-inner-spin-button {display: none;}


.saga-photo .elementor-element {overflow: hidden;}


#bouton-commentca { position: fixed; top: 40%; right: 0; transform: translateY(-50%); background-color: #f90; color: white; padding: 10px 10px; writing-mode: vertical-lr; /* <-- correction ici */ 
                    text-orientation: mixed; font-family: inherit; font-size: 16px; font-weight: 400; border-top-left-radius: 12px; border-bottom-left-radius: 12px; cursor: pointer; z-index: 9999; 
                    box-shadow: 0 0 10px rgba(0,0,0,0.2); transition: background-color 0.3s ease; }
#bouton-commentca  div {transform: rotate(180deg);}
#bouton-commentca:hover { background-color: #e08100; }


.woocommerce-info { border-top-color: #000; background-color: #f7f6f7;}
.woocommerce-info::before { content: '\e015'; color: #000;}

.fas { font-size: 14px; }
.ue-count-buttons-plus, .ue-count-buttons-minus, .ue-count-buttons-wrapper input[type=number] { padding: .5rem; }

/* affichage des saison dans produit */
.saisonnalite {
    font-family: inherit;
    font-size: 16px;
    margin: 10px 0;
}

.saisonnalite .titre-saison {
    font-weight: 600;
    margin-right: 10px;
}

.saisonnalite .mois {
    margin: 0 4px;
    font-weight: 500;
    color: #000; /* couleur par défaut */
}

.saisonnalite .mois.actif {
    color: #ff9800; /* orange (ou autre couleur souhaitée) */
    font-weight: 600;
}

/* FIN: affichage des saison dans produit */