/*
Theme Name: Petit Pot Verre - Enfant
Theme URI: https://petitpotverre.fr
Description: Thème enfant Astra pour la boutique Petit Pot Verre. Style coloré / fun / DIY. Mini-pots en verre 46/50/75/100 ml.
Author: Petit Pot Verre
Template: astra
Version: 1.0.0
Text Domain: petitpotverre-child
*/

/* ============================================================
   KIT DE MARQUE — Style Coloré / Fun / DIY
   ============================================================ */

:root {
  /* Palette */
  --ppv-corail:    #FF6B6B;  /* principal — boutons, accents */
  --ppv-miel:      #FFD93D;  /* secondaire — highlights joyeux */
  --ppv-turquoise: #4ECDC4;  /* accent — fraîcheur DIY */
  --ppv-violet:    #A66CFF;  /* accent 2 — touche créative */
  --ppv-creme:     #FFF8F0;  /* fond de page chaleureux */
  --ppv-encre:     #2D2A32;  /* texte (pas noir pur) */
  --ppv-blanc:     #FFFFFF;

  /* Rayons & ombres */
  --ppv-radius:    16px;
  --ppv-radius-sm: 10px;
  --ppv-shadow:    0 8px 24px rgba(255, 107, 107, 0.18);
  --ppv-shadow-soft: 0 4px 16px rgba(45, 42, 50, 0.08);
}

/* ---- Polices (chargées via functions.php : Fredoka + Nunito Sans) ---- */
body,
.ast-container {
  font-family: 'Nunito Sans', -apple-system, sans-serif;
  color: var(--ppv-encre);
  background-color: var(--ppv-creme);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title {
  font-family: 'Fredoka', 'Poppins', sans-serif;
  font-weight: 600;
  color: var(--ppv-encre);
}

/* ---- Boutons (look arrondi, joyeux) ---- */
.button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.ast-button {
  background-color: var(--ppv-corail) !important;
  color: var(--ppv-blanc) !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 14px 32px !important;
  font-family: 'Fredoka', sans-serif !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  box-shadow: var(--ppv-shadow);
  transition: transform .15s ease, box-shadow .15s ease;
  cursor: pointer;
}

.button:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 12px 28px rgba(255, 107, 107, 0.28);
  background-color: #ff5252 !important;
}

/* Bouton secondaire (turquoise) */
.button.alt-turquoise,
.wp-block-button.is-style-turquoise .wp-block-button__link {
  background-color: var(--ppv-turquoise) !important;
  box-shadow: 0 8px 24px rgba(78, 205, 196, 0.22);
}

/* ---- Cartes produit (coins arrondis, ombres douces) ---- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: var(--ppv-blanc);
  border-radius: var(--ppv-radius);
  box-shadow: var(--ppv-shadow-soft);
  padding: 16px;
  transition: transform .2s ease, box-shadow .2s ease;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(45, 42, 50, 0.14);
}

.woocommerce ul.products li.product img {
  border-radius: var(--ppv-radius-sm);
}

/* ---- Badges promo / nouveauté ---- */
.woocommerce span.onsale {
  background-color: var(--ppv-miel) !important;
  color: var(--ppv-encre) !important;
  border-radius: 50px !important;
  font-family: 'Fredoka', sans-serif;
  font-weight: 600;
  box-shadow: var(--ppv-shadow-soft);
}

/* ---- Prix ---- */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
  color: var(--ppv-corail);
  font-family: 'Fredoka', sans-serif;
  font-weight: 600;
}

/* ---- Liens ---- */
a { color: var(--ppv-corail); }
a:hover { color: var(--ppv-violet); }

/* ---- Titres de section décorés ---- */
.ppv-section-title {
  text-align: center;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  margin-bottom: 8px;
}
.ppv-section-title::after {
  content: "";
  display: block;
  width: 64px;
  height: 5px;
  margin: 14px auto 0;
  border-radius: 50px;
  background: linear-gradient(90deg, var(--ppv-corail), var(--ppv-miel), var(--ppv-turquoise));
}