/**
 * Theme Name:     Hello Elementor Child
 * Author:         Thomas Yehia
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

.return-to-shop .button.wc-backward {
    background-color: #487c12; /* Couleur de fond */
    color: #fff; /* Couleur du texte */
    padding: 10px 20px; /* Espacement intérieur */
    font-size: 16px; /* Taille du texte */
    border-radius: 20px; /* Coins arrondis */
    text-transform: uppercase; /* Texte en majuscules */
    font-weight: 300; /* Police légère */
    text-decoration: none; /* Supprime le soulignement */
    display: inline-block; /* Évite les comportements inattendus */
    transition: all 0.3s ease; /* Animation fluide */
    border: 1px solid #487c12; /* Bordure pour conserver le style au hover */
	letter-spacing: 0.3px; /* Espacement entre les lettres */
}

/* Effet au survol */
.return-to-shop .button.wc-backward:hover {
    background-color: #fff; /* Fond blanc */
    color: #487c12; /* Texte vert */
    border: 1px solid #487c12; /* Bordure verte pour garder la forme */
}
/* Couleur du texte des erreurs */
.woocommerce-error a {
    color: #ee7b24; /* Couleur du texte orange */
}

.woocommerce-error strong {
    color: #ee7b24; /* Couleur du texte en gras orange */
}

/* Couleur au survol des liens d'erreur */
.woocommerce-error a:hover {
    color: #EE7B24; /* Couleur orange au survol */
    text-decoration: underline; /* Facultatif : ajoute un soulignement au survol */
}
/* Couleur du texte des erreurs de checkout */
.checkout-inline-error-message {
    color: #EE7B24 !important; /* Couleur orange */
}

/* Empiler le label et le champ de date */
.product-date {
    display: flex;
    flex-direction: column;  /* Empiler les éléments verticalement */
    margin-bottom: 15px;  /* Espacement en bas */
}

/* Style du label pour qu'il soit en gras */
.product-date label {
    font-weight: bold;
    margin-bottom: 15px;  /* Espacement entre le label et le champ */
    font-size: 16px;  /* Taille du texte */
}

/* Style du champ de date */
#product_date {
    width: 100%;  /* Le champ prend toute la largeur */
    max-width: 290px;  /* Largeur maximale */
    padding: 8px;
    font-size: 16px;
    border: 1px solid #0D4028;
    border-radius: 20px;
}

/* Effet de focus */
#product_date:focus {
    outline: none;  /* Supprime le contour par défaut */
}

/* Style du calendrier Flatpickr */
.flatpickr-calendar {
    background-color: #fff; /* Fond blanc */
    border-radius: 20px; /* Coins arrondis */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ombre autour du calendrier */
    font-size: 14px;
}

/* Style des jours sélectionnables */
.flatpickr-day {
    padding: 0px;
    margin: 2px;
    border-radius: 20px;
    cursor: pointer;
}
.flatpickr-day:hover {
    background-color: #D5E7CC; /* Couleur de fond au survol */
    color: #0D4028; /* Couleur du texte au survol */
    cursor: pointer; /* Curseur en forme de main */
    border-radius: 20px; /* Coins arrondis */
}
/* Style des jours sélectionnés */
.flatpickr-day.selected {
    background-color: #487C12;
	  border-color:#487C12;
    color: #fff !important; /* Texte en blanc */
    border-radius: 20px;
}
/* Style des jours sélectionnés */
.flatpickr-day.selected:hover {
    background-color: #487C12;
	  border-color:#487C12;
    color: #fff !important; /* Texte en blanc */
    border-radius: 20px;
}

/* Style du jour actuel */
.flatpickr-day.today {
    font-weight: bold;
    color: #487C12;
	border-color:#D5E7CC;
}

/* Style du mois et année */
.flatpickr-month {
    background-color: #fff; /* Couleur d'arrière-plan de l'en-tête du calendrier */
    color: #0D4028 !important; /* Texte blanc */
    padding: 10px;
}

/* Style des flèches de navigation du calendrier */
.flatpickr-prev-month, .flatpickr-next-month {
    color: #0D4028 !important; /* Flèches orange */
}

/* Style des options de la liste déroulante des années */
.flatpickr-year {
    color: #0D4028;
}

/* Forcer l'affichage de l'image sous le texte */
.wc_payment_method.payment_method_paytech label {
    display: flex;
    flex-direction: column; /* Affiche le texte au-dessus et l’image en dessous */
    align-items: center; /* Centre le contenu */
    text-align: center; /* Assure un bon alignement */
}