/* ═══════════════════════════════════════════════════════════════
   JANAA V2 — Skin pour pages WordPress / WooCommerce
   Override les styles par défaut Blocksy/WC/Elementor pour matcher V2
   ═══════════════════════════════════════════════════════════════ */

/* ── BASE BODY (force fonts V2) ───────────────────────────────── */
body,
body.woocommerce,
body.woocommerce-page,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
  font-family: var(--font-body, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  color: var(--fg, #0A0B0F) !important;
  background: var(--bg, #FAFAF7) !important;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.wc-block-components-product-name,
.entry-title,
.woocommerce-products-header__title,
.product_title {
  font-family: var(--font-display, 'Clash Display', system-ui, sans-serif) !important;
  font-weight: 600 !important;
  letter-spacing: var(--ls-tight, -0.02em) !important;
  color: var(--fg, #0A0B0F) !important;
}

h1, .entry-title, .product_title {
  font-size: clamp(2rem, 4vw + 0.5rem, 3rem) !important;
  line-height: 1.05 !important;
  letter-spacing: var(--ls-tighter, -0.04em) !important;
}

/* ── BUTTONS WC ───────────────────────────────────────────────── */
.button,
button[type="submit"],
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page button.button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  padding: 0.75rem 1.5rem !important;
  background: var(--accent, #3DB565) !important;
  color: #fff !important;
  border-radius: 9999px !important;
  border: 1px solid var(--accent, #3DB565) !important;
  font-family: var(--font-body, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: none !important;
  cursor: pointer !important;
  transition: background var(--dur-quick, 200ms) ease,
              transform var(--dur-quick, 200ms) ease,
              box-shadow var(--dur-quick, 200ms) ease !important;
  box-shadow: 0 1px 2px rgba(10, 11, 15, 0.04) !important;
}
.button:hover,
button[type="submit"]:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: var(--accent-deep, #1F6F3A) !important;
  border-color: var(--accent-deep, #1F6F3A) !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(10, 11, 15, 0.08) !important;
}

/* Bouton secondaire (ghost) */
.woocommerce a.button.alt,
.woocommerce-cart .button[name="update_cart"] {
  background: #fff !important;
  color: var(--fg, #0A0B0F) !important;
  border: 1px solid color-mix(in srgb, var(--fg, #0A0B0F) 14%, transparent) !important;
}
.woocommerce a.button.alt:hover,
.woocommerce-cart .button[name="update_cart"]:hover {
  background: var(--fg, #0A0B0F) !important;
  color: #fff !important;
}

/* ── PRICES ───────────────────────────────────────────────────── */
.price,
.woocommerce-Price-amount,
.wc-block-components-product-price {
  font-family: var(--font-display, 'Clash Display', system-ui, sans-serif) !important;
  font-weight: 600 !important;
  color: var(--fg, #0A0B0F) !important;
  letter-spacing: var(--ls-tight, -0.02em) !important;
}

/* ── CART TABLE ───────────────────────────────────────────────── */
.woocommerce-cart-form table,
.woocommerce table.shop_table {
  border-collapse: separate !important;
  border-spacing: 0 0.5rem !important;
  border-radius: var(--r-4, 1rem) !important;
  overflow: hidden !important;
  background: var(--bg-elevated, #fff) !important;
  border: 1px solid var(--line, rgba(10,11,15,0.08)) !important;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  padding: 1rem 1.25rem !important;
  border-top: 1px solid var(--line, rgba(10,11,15,0.08)) !important;
  font-size: 0.9375rem !important;
}
.woocommerce table.shop_table th {
  background: var(--color-ink-50, #FAFAF7) !important;
  font-family: var(--font-display, 'Clash Display', system-ui, sans-serif) !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  letter-spacing: var(--ls-wide, 0.05em) !important;
  text-transform: uppercase !important;
  color: var(--fg-muted, #6B7280) !important;
}

/* Cart item image */
.woocommerce table.shop_table td.product-thumbnail img,
.woocommerce .cart-collaterals img {
  border-radius: var(--r-3, 0.75rem) !important;
  max-width: 80px !important;
  height: auto !important;
}

/* Quantity inputs */
.quantity input.qty,
.woocommerce input[type="number"],
.input-text {
  padding: 0.5rem 0.875rem !important;
  border: 1px solid var(--line-strong, rgba(10,11,15,0.14)) !important;
  border-radius: 9999px !important;
  font-family: var(--font-body, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  font-size: 0.9375rem !important;
  text-align: center !important;
  background: #fff !important;
  transition: border-color var(--dur-quick, 200ms) ease !important;
}
.quantity input.qty:focus,
.woocommerce input[type="number"]:focus,
.input-text:focus {
  outline: none !important;
  border-color: var(--accent, #3DB565) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, #3DB565) 18%, transparent) !important;
}

/* ── CHECKOUT FORM ────────────────────────────────────────────── */
.woocommerce-checkout #customer_details {
  background: var(--bg-elevated, #fff) !important;
  padding: 2rem !important;
  border-radius: var(--r-4, 1rem) !important;
  border: 1px solid var(--line, rgba(10,11,15,0.08)) !important;
  margin-bottom: 1.5rem !important;
}

.woocommerce form .form-row label {
  display: block !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: var(--fg, #0A0B0F) !important;
  margin-bottom: 0.375rem !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row .select2-selection {
  padding: 0.75rem 1rem !important;
  border-radius: var(--r-2, 0.5rem) !important;
  border: 1px solid var(--line-strong, rgba(10,11,15,0.14)) !important;
  background: #fff !important;
  font-family: var(--font-body, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  font-size: 0.9375rem !important;
  width: 100% !important;
  text-align: left !important;
}

/* Order review */
.woocommerce-checkout-review-order {
  background: var(--bg-elevated, #fff) !important;
  padding: 2rem !important;
  border-radius: var(--r-4, 1rem) !important;
  border: 1px solid var(--line, rgba(10,11,15,0.08)) !important;
}

.woocommerce-checkout-review-order-table {
  border: none !important;
}

/* Payment methods */
.woocommerce-checkout #payment {
  background: var(--bg-elevated, #fff) !important;
  border: 1px solid var(--line, rgba(10,11,15,0.08)) !important;
  border-radius: var(--r-4, 1rem) !important;
  padding: 1.5rem !important;
}
.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid var(--line, rgba(10,11,15,0.08)) !important;
}
.woocommerce-checkout #payment div.payment_box {
  background: var(--color-ink-50, #FAFAF7) !important;
  border-radius: var(--r-3, 0.75rem) !important;
}

/* ── ACCOUNT PAGE ─────────────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  padding: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  margin-bottom: 0.25rem !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block !important;
  padding: 0.75rem 1rem !important;
  background: var(--bg-elevated, #fff) !important;
  border: 1px solid var(--line, rgba(10,11,15,0.08)) !important;
  border-radius: var(--r-2, 0.5rem) !important;
  color: var(--fg, #0A0B0F) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: background var(--dur-quick, 200ms) ease !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--fg, #0A0B0F) !important;
  color: #fff !important;
  border-color: var(--fg, #0A0B0F) !important;
}

/* ── SHOP PAGE ────────────────────────────────────────────────── */
.woocommerce ul.products li.product {
  padding: 1.5rem !important;
  background: var(--bg-elevated, #fff) !important;
  border-radius: var(--r-6, 1.5rem) !important;
  border: 1px solid var(--line, rgba(10,11,15,0.08)) !important;
  transition: transform var(--dur-base, 400ms) ease,
              box-shadow var(--dur-base, 400ms) ease !important;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 24px 48px -8px rgba(10,11,15,0.10) !important;
}
.woocommerce ul.products li.product img {
  border-radius: var(--r-3, 0.75rem) !important;
}
.woocommerce ul.products li.product h2 {
  font-family: var(--font-display, 'Clash Display', system-ui, sans-serif) !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  margin-top: 1rem !important;
}

/* ── MESSAGES / NOTICES ───────────────────────────────────────── */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  padding: 1rem 1.5rem !important;
  border-radius: var(--r-3, 0.75rem) !important;
  font-family: var(--font-body, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  font-size: 0.9375rem !important;
}
.woocommerce-message {
  background: color-mix(in srgb, var(--accent, #3DB565) 12%, #fff) !important;
  border-left: 3px solid var(--accent, #3DB565) !important;
  color: var(--accent-deep, #1F6F3A) !important;
}
.woocommerce-info {
  background: color-mix(in srgb, #0066FF 8%, #fff) !important;
  border-left: 3px solid #0066FF !important;
  color: #003299 !important;
}
.woocommerce-error {
  background: color-mix(in srgb, #E5484D 8%, #fff) !important;
  border-left: 3px solid #E5484D !important;
  color: #B91C1C !important;
}

/* ── LINKS GLOBAL ─────────────────────────────────────────────── */
a {
  color: var(--accent-deep, #1F6F3A);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}
a:hover { color: var(--accent, #3DB565); }

/* ── WORDPRESS CONTENT (a-propos WP, cgv, mentions, etc.) ────── */
.entry-content,
.wp-block-post-content,
.elementor-widget-text-editor {
  font-family: var(--font-body, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
  color: var(--fg, #0A0B0F) !important;
}

.entry-content h2,
.entry-content h3 {
  font-family: var(--font-display, 'Clash Display', system-ui, sans-serif) !important;
  letter-spacing: var(--ls-tight, -0.02em) !important;
  margin-top: 2rem !important;
  margin-bottom: 1rem !important;
}

/* ── REMOVE Elementor's overly aggressive styles ───────────────── */
.elementor-button {
  border-radius: 9999px !important;
}