/* ==========================================================================
   1. WOOCOMMERCE & STRUCTURES GLOBALES
   ========================================================================== */

/* Ajuste la largeur du champ de quantité produit */
.wp-block-woocommerce-single-product .input-text.qty.text {
    width: 8.631em;
}

/* Cache les informations du pied de page du site (ex: Propulsé par WordPress) */
.site-info {
    display: none;
}

/* Redimensionne les images des articles de blog pour qu'elles ne dépassent pas 50% de la largeur */
.single-post img {
    max-width: 50%;
    height: auto;
}


/* ==========================================================================
   2. FILTRE D'USAGE
   ========================================================================== */

/* Met en forme le conteneur du filtre */
.filtre-usage {
    position: relative !important;
    padding-top: 25px !important;
    padding-bottom: 35px !important;
    margin-bottom: 30px !important;
}

/* Positionne les boutons et liens du filtre d'usage à un endroit précis */
.filtre-usage button,
.filtre-usage a,
.filtre-usage [class*="button"],
.filtre-usage [class*="submit"] {
    position: absolute !important;
    top: 42% !important;
    right: 220px !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

/* Enlève les marges du formulaire du filtre */
.filtre-usage form {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ==========================================================================
   3. BADGES DE STOCK
   ========================================================================== */

/* Style global pour la forme des étiquettes de stock */
.badge-stock {
    display: inline-block;
    font-weight: 600;
    padding: 6px 10px;
    border-radius: 18px;
    margin: 6px 0;
    font-size: 13px;
    line-height: 1.3;
}

/* Couleurs pour le badge de stock disponible (Vert) */
.badge-stock.disponible {
    background-color: #eaf5e5;
    color: #2f5d2f;
    border: 1px solid #b8d8aa;
}

/* Couleurs pour le badge de stock urgent (Jaune/Orange) */
.badge-stock.urgent {
    background-color: #fff3cd;
    color: #7a4b00;
    border: 1px solid #f1c36d;
}

/* Couleurs pour le badge de stock en rupture (Rouge) */
.badge-stock.rupture {
    background-color: #f8d7da;
    color: #842029;
    border: 1px solid #f5c2c7;
}

/* Cache la description des variations sur les fiches produits */
.woocommerce-variation-description {
    display: none !important;
}


/* ==========================================================================
   4. CALENDRIER FRUITIER
   ========================================================================== */

/* Marges autour du calendrier */
.lp-calendrier-fruitier {
    margin: 20px 0;
}

/* Style du cadre global du calendrier */
.lp-calendrier-bloc {
    border: 1px solid #245c32;
    padding: 12px 14px;
    margin-bottom: 16px;
    text-align: center;
}

/* Style du titre du calendrier */
.lp-calendrier-bloc h3 {
    color: #174f25;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
}

/* Alignement des mois sur une ligne */
.lp-calendrier-mois {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
}

/* Style des petits cercles pour chaque mois */
.lp-mois {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #d6dfbf;
    color: #174f25;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
}

/* Couleur du mois quand il est actif / sélectionné */
.lp-mois.active {
    background: #f99b25;
    color: #174f25;
}


/* ==========================================================================
   5. RESPONSIVE (MOBILES)
   ========================================================================== */

/* Ajustements de la taille du calendrier pour les écrans de téléphone */
@media (max-width: 600px) {
    .lp-mois {
        width: 28px;
        height: 28px;
        font-size: 13px;
    }
    .lp-calendrier-bloc h3 {
        font-size: 17px;
    }
}


/* ==========================================================================
    6. Arret saut image logo lors du chargement
========================================================================== */
  
/* ---- Correction CLS : réserver l'espace des images ---- */
/* Toute image garde son ratio, le navigateur peut réserver
   sa place avant qu'elle n'arrive : plus de saut de page */
.site-content img,
.site-header img {
  max-width: 100%;
  height: auto;
}

/* Le logo : on fixe explicitement son ratio (199x125)
   pour que son emplacement soit réservé dès le premier rendu */
.custom-logo {
  aspect-ratio: 199 / 125;
  height: auto;
}
/* On aligne le texte à gauche dans le menu */
.sub-menu {
    text-align: left !important;
}

.sub-menu li a {
    text-align: left !important;
}

/* Changer la couleur du bouton dans la page panier */

.wc-block-cart__submit-container a,
.wc-block-cart__submit-container button {
    background-color: #28603C !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: bold !important;
    padding: 14px 28px !important;
    text-align: center !important;
}

.wc-block-cart__submit-container a:hover,
.wc-block-cart__submit-container button:hover {
    background-color: #28603C !important;
}