/*
Theme Name: Atelier de Zilia
Theme URI: https://latelierdezilia.fr
Author: L'Atelier de Zilia
Description: Thème Block WordPress pour L'Atelier de Zilia — créations en résine et fleurs séchées. Compatible WooCommerce.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: atelier-de-zilia
Tags: full-site-editing, block-styles, e-commerce, woocommerce, blog
*/

/* ─────────────────────────────────────────────────────────────────
   Quelques ajustements globaux. Le design system est dans theme.json.
   ───────────────────────────────────────────────────────────────── */

:root {
  --eyebrow-letter-spacing: 0.22em;
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Eyebrows — petites majuscules au-dessus des titres */
.is-style-eyebrow {
  font-family: var(--wp--preset--font-family--eyebrow);
  font-size: 11px;
  letter-spacing: var(--eyebrow-letter-spacing);
  text-transform: uppercase;
  color: var(--wp--preset--color--accent);
}

/* Italique dans les titres : "Histoire <em>d'une</em> adoption" */
h1 em, h2 em, h3 em { font-style: italic; font-family: inherit; }

/* Sticker / badge — utiliser sur un Group avec la classe additional `sticker` */
.is-style-sticker {
  display: inline-block;
  background: var(--wp--preset--color--panel);
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 999px;
  padding: .6rem 1.1rem;
  font-family: var(--wp--preset--font-family--display);
  color: var(--wp--preset--color--accent);
  transform: rotate(-6deg);
  box-shadow: var(--wp--preset--shadow--soft);
}

/* ─── WooCommerce overrides ───────────────────────────────────────── */

.woocommerce ul.products,
.wc-block-grid__products,
.wp-block-woocommerce-product-collection ul,
.wp-block-woocommerce-product-collection .wp-block-post-template {
  gap: 1.4rem !important;
}

/* Product card */
.woocommerce ul.products li.product,
.wc-block-grid__product,
.wp-block-woocommerce-product-collection .wp-block-post {
  background: var(--wp--preset--color--panel);
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--line) 60%, transparent);
  border-radius: 12px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.woocommerce ul.products li.product:hover,
.wc-block-grid__product:hover,
.wp-block-woocommerce-product-collection .wp-block-post:hover {
  transform: translateY(-3px);
  box-shadow: var(--wp--preset--shadow--card);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title {
  font-family: var(--wp--preset--font-family--body);
  font-size: 1rem;
  font-weight: 600;
  color: var(--wp--preset--color--ink);
  padding: .9rem 1rem .25rem;
}
.woocommerce ul.products li.product .price,
.wc-block-grid__product-price {
  font-family: var(--wp--preset--font-family--display);
  font-size: 1.5rem;
  color: var(--wp--preset--color--accent);
  padding: 0 1rem 1rem;
}

/* Add-to-cart button — pill style */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wp-block-button__link {
  background: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--white);
  border-radius: 999px;
  padding: .95rem 1.5rem;
  font-family: var(--wp--preset--font-family--eyebrow);
  font-size: .7rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 500;
  border: none;
  transition: background .2s, transform .2s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wp-block-button__link:hover {
  background: var(--wp--preset--color--ink);
  transform: translateY(-1px);
}

/* Secondary / outlined buttons */
.is-style-outline .wp-block-button__link {
  background: transparent;
  color: var(--wp--preset--color--ink);
  border: 1px solid var(--wp--preset--color--ink);
}
.is-style-outline .wp-block-button__link:hover {
  background: var(--wp--preset--color--ink);
  color: var(--wp--preset--color--white);
}

/* Cart, checkout */
.woocommerce-cart-form,
.woocommerce-checkout,
.wc-block-cart,
.wc-block-checkout {
  background: var(--wp--preset--color--bg-soft);
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 14px;
  padding: 2rem;
}

/* Forms */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.wc-block-components-text-input input,
.wc-block-components-textarea {
  background: var(--wp--preset--color--panel) !important;
  border: 1px solid var(--wp--preset--color--line) !important;
  border-radius: 8px !important;
  padding: .8rem .9rem !important;
  font-family: var(--wp--preset--font-family--body);
}

/* Category pills (used on shop archive) */
.term-pills { display: flex; flex-wrap: wrap; gap: .5rem; }
.term-pills a {
  font-family: var(--wp--preset--font-family--eyebrow);
  font-size: .7rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  padding: .65rem 1rem;
  border-radius: 999px;
  border: 1px solid var(--wp--preset--color--line);
  color: var(--wp--preset--color--ink);
  text-decoration: none;
  transition: all .2s;
}
.term-pills a.active,
.term-pills a:hover {
  background: var(--wp--preset--color--accent);
  border-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--white);
}

/* Page transitions */
@keyframes fadeUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.entry-content > * { animation: fadeUp .5s ease both; }