/*
 Theme Name:   Storefront Child
 Template:     storefront
 Version:      1.0.0
*/

/* Polices */
body, button, input, select, textarea {
    font-family: 'Raleway', sans-serif;
    color: #57544A; /* Gris olive */
    font-size: 16px;
}

h1, h2, h3, .site-title {
    font-family: 'Playfair Display', serif;
    color: #4A5D23; /* Vert olive foncé */
}

h1 {
    font-size: 32px;
    font-weight: 700;
}

h2 {
    font-size: 28px;
    font-weight: 400;
}

h3 {
    font-size: 24px;
    font-weight: 400;
    color: #8A9A5B; /* Vert olive */
}

.price, .woocommerce-Price-amount {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #4A5D23;
}

.season-badge, .promo-text {
    font-family: 'Caveat', cursive;
    font-size: 18px;
    color: #DAA520; /* Doré */
}

.unit-display {
    font-size: 0.85em;
    color: #666;
    margin-left: 5px;
}

.price .unit-display {
    font-size: 0.85em;
    color: #666;
    margin-left: 5px;
}

/* Couleurs générales */
body {
    background-color: #E8E0D5; /* Beige/taupe */
}

.site-header, .site-footer {
    background-color: #3C2F2F; /* Brun foncé */
    color: #FAFAF2; /* Blanc cassé */
}

.site-content {
    background-color: #FAFAF2; /* Blanc cassé */
}

a {
    color: #8A9A5B; /* Vert olive */
}

a:hover {
    color: #DAA520; /* Doré */
}

/* Boutons */
button, .button, .woocommerce-button, .add_to_cart_button {
    background-color: #DAA520; /* Doré */
    color: #FAFAF2; /* Blanc cassé */
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 16px;
    border-radius: 5px;
    padding: 10px 20px;
}

button:hover, .button:hover, .woocommerce-button:hover, .add_to_cart_button:hover {
    background-color: #C27C54; /* Terre cuite */
}

/* Cartes produits */
.woocommerce ul.products li.product {
    background-color: #FAFAF2;
    border: 1px solid #C1D5A4; /* Vert clair */
    transition: transform 0.2s;
}

.woocommerce ul.products li.product:hover {
    transform: scale(1.05);
    border-color: #8A9A5B;
}

.product-card {
  border: 2px solid #90ee90; /* vert clair */
  border-radius: 10px;
  padding: 16px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(144, 238, 144, 0.1);
  transition: box-shadow 0.3s, transform 0.3s;
}

.product-card:hover {
  box-shadow: 0 6px 20px rgba(144, 238, 144, 0.3);
  transform: translateY(-6px) scale(1.03);
  border-color: #32cd32; /* vert plus soutenu au survol */
}

.add-to-cart-container {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
.add-to-cart-container .quantity {
    width: 80px;
}
.add-to-cart-container input[type="number"] {
    width: 50px;
    text-align: center;
    padding: 5px;
}
.add-to-cart-container .button {
    padding: 8px 15px;
}

/* Filtrage par prix */
#price-filter {
    accent-color: #DAA520;
    width: 200px;
    margin-bottom: 10px;
  }
  #price-value {
    font-weight: bold;
    color: #DAA520;
    margin-left: 8px;
  }

  .yith-wcan-filter-price .price_slider_wrapper {
    border: 1px solid #8A9A5B;
    background-color: #FAFAF2;
    padding: 10px;
}
.yith-wcan-filter-price .price_slider_amount {
    font-family: 'Raleway', sans-serif;
    color: #57544A;
}

/* Footer */
.site-footer a {
    color: #FAFAF2;
}

.site-footer a:hover {
    color: #DAA520;
}

/* Bannière */
.storefront-hero {
    background-color: #8A9A5B; /* Vert olive */
    color: #FAFAF2;
    padding: 60px 0;
    text-align: center;
}

.storefront-hero h1 {
    font-size: 36px;
}

/* Champ heure de retrait */
.pickup-time select {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    border: 1px solid #8A9A5B;
    background-color: #FAFAF2;
    color: #57544A;

/* Responsive */
@media (max-width: 768px) {
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 20px;
    }
    .storefront-hero {
        padding: 40px 0;
    }
}