/*
Theme Name: SeenIt
Theme URI: https://seenit.co.za
Description: SeenIt — the coral × electric-teal brand theme for a curated, video-first "see it, want it" store. Child theme of Twenty Twenty-Five, built for WooCommerce.
Author: RATE-IT cc
Author URI: https://seenit.co.za
Template: twentytwentyfive
Version: 1.1.0
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: seenit
Tags: e-commerce, block-theme, full-site-editing
*/

/* Most of the design system lives in theme.json. This file adds a few
   WooCommerce-specific touches the block styles don't cover. */

:root{
  --seenit-coral:#ec3a20;
  --seenit-coral-deep:#cf3016;
  --seenit-teal:#0f9788;
  --seenit-ink:#1b1620;
  --seenit-on-accent:#fff6f3;
}

/* ---- Buttons: coral, confident ---- */
.wp-block-button__link,
.wc-block-components-button,
a.button,
button.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .single_add_to_cart_button{
  background-color:var(--seenit-coral) !important;
  color:var(--seenit-on-accent) !important;
  border:none !important;
  border-radius:8px !important;
  font-family:"DM Mono", ui-monospace, monospace !important;
  font-weight:500 !important;
  letter-spacing:.02em;
  transition:background-color .15s ease, transform .1s ease;
}
.wp-block-button__link:hover,
.wc-block-components-button:hover,
a.button:hover,
button.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover{
  background-color:var(--seenit-coral-deep) !important;
}

/* Secondary / outline button variant */
.is-style-outline .wp-block-button__link{
  color:var(--seenit-ink) !important;
  background:transparent !important;
  box-shadow:inset 0 0 0 2px var(--seenit-teal);
}

/* ---- Sale flash: teal, not the default ---- */
.woocommerce span.onsale,
.wc-block-components-product-sale-badge{
  background:var(--seenit-teal) !important;
  color:#fff !important;
  border-radius:100px !important;
  font-family:"DM Mono", monospace !important;
  font-weight:500 !important;
  text-transform:lowercase;
  letter-spacing:.04em;
}

/* ---- Prices ---- */
.woocommerce .price,
.wc-block-components-product-price{
  font-family:"DM Mono", monospace !important;
  font-weight:600;
  color:var(--seenit-ink);
}
.woocommerce .price del{opacity:.5;font-weight:400}

/* ---- Product titles ---- */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title{
  font-family:"Bricolage Grotesque", sans-serif !important;
  font-weight:700 !important;
  letter-spacing:-.01em;
}

/* ---- Coming-soon-safe: keep images tidy ---- */
.woocommerce ul.products li.product img,
.wc-block-grid__product-image img{border-radius:10px}