/*
Theme Name: IZZY Commerce
Theme URI: https://izzyapparel.com
Description: Lightweight, on-brand WooCommerce host theme for the IZZY headless setup. Renders only the transactional WordPress pages the headless storefront hands off to — order-pay (Fawry/card), My Account, Cart and order emails. Replaces the heavy Avada theme, which was loading on every request just for these few pages. Checkout/order-pay branding lives in the izzy-headless mu-plugin (izzy-checkout/checkout.css); order/email/status logic lives in inc/commerce.php (carried over verbatim from the old child theme, zero Avada coupling).
Author: IZZY
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: izzy-commerce
*/

:root{
  --ink:#1c1c1e; --muted:#7a7a7e; --line:#e6e6e9; --bg:#ffffff; --accent:#1c1c1e;
  --font-head:'Archivo',system-ui,sans-serif; --font-body:'Hanken Grotesk',system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--ink)}
img{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;letter-spacing:-.01em;line-height:1.15}

/* ---- minimal site chrome ---- */
.izzy-top{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--line)}
.izzy-top img{display:block}
.izzy-main{max-width:1120px;margin:0 auto;padding:28px 20px 64px}
.izzy-foot{border-top:1px solid var(--line);padding:24px 20px;text-align:center;color:var(--muted);font-size:13px}
.izzy-foot a{color:var(--muted);text-decoration:none;margin:0 8px}

/* The headless storefront owns checkout/order-pay/order-received chrome via the
   izzy-checkout skin; suppress the theme's own header/footer there to stay clean. */
.woocommerce-checkout .izzy-top,
.woocommerce-order-pay .izzy-top,
.woocommerce-order-received .izzy-top,
.woocommerce-checkout .izzy-foot,
.woocommerce-order-pay .izzy-foot,
.woocommerce-order-received .izzy-foot{display:none}

/* ---- baseline WooCommerce styling for cart / my-account (skin covers checkout) ---- */
.woocommerce h1,.woocommerce h2{margin:0 0 18px}
.woocommerce-account .woocommerce,
.woocommerce-cart .woocommerce{max-width:980px;margin:0 auto}
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:10px;border-collapse:separate;border-spacing:0;width:100%}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:14px 16px;border-top:1px solid var(--line)}
.woocommerce table.shop_table thead th{border-top:0;font-family:var(--font-head);font-size:13px;text-transform:uppercase;letter-spacing:.05em}
.woocommerce .button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{
  background:var(--accent);color:#fff;border:0;border-radius:10px;padding:13px 26px;font-family:var(--font-head);
  font-weight:700;letter-spacing:.01em;cursor:pointer;transition:opacity .15s}
.woocommerce .button:hover{opacity:.88;background:var(--accent)}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:8px}
.woocommerce-MyAccount-navigation li a{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:14px}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--accent);color:#fff;border-color:var(--accent)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce .select2-container--default .select2-selection--single{
  border:1px solid var(--line);border-radius:9px;padding:12px 14px;font-family:var(--font-body)}
.woocommerce-info,.woocommerce-message{border-top-color:var(--accent)}
.woocommerce ul.products{list-style:none;padding:0}