/*
Theme Name: Santa Letterbox
Theme URI: https://example.com/santa-letterbox
Author: Your Name
Author URI: https://example.com
Description: A festive, WooCommerce-ready theme inspired by the Santa Letterbox mockup. Customisable via the Customizer (logo, colours, fonts).
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: santa-letterbox
Tags: e-commerce, christmas, woocommerce, custom-logo, accessibility
*/

/* Basic theme styles (keep minimal - customisable via Customizer) */
:root{
  --santa-red:#b91c1c;
  --santa-green:#166534;
  --gold:#f59e0b;
  --snow-bg:#FFFDF9;
  --text:#1f2937;
}
html,body{height:100%;}
body{
  font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  background:var(--snow-bg);
  color:var(--text);
  margin:0;
}
a{color:var(--santa-red);}
.site-header{background:white;border-bottom:1px solid rgba(185,28,28,0.06);position:sticky;top:0;z-index:50}
.site-logo{height:64px}
.hero{padding:3rem 1rem}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}
.product-card{background:linear-gradient(180deg,#fff,#fffaf0);border-radius:18px;padding:1rem;border:1px solid rgba(185,28,28,0.06);}
.gold-shimmer{background:linear-gradient(135deg,var(--gold) 0%,#d97706 50%,#fbbf24 100%);color:#fff;padding:0.75rem 1rem;border-radius:999px;display:inline-block}
.site-footer{background:#111827;color:#fff;padding:3rem 1rem}

/* small utility */
.container{max-width:1200px;margin:0 auto;padding:0 1rem}

/* WooCommerce adjustments */
.woocommerce ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}
.woocommerce .product{border-radius:12px;padding:0}

/* Snowflakes (JS generates elements) */
.snowflake{position:fixed;top:-10vh;background:#ffffff;border-radius:50%;pointer-events:none;animation:fall linear infinite;z-index:40;box-shadow:0 0 5px rgba(255,255,255,0.8)}
@keyframes fall{0%{transform:translateY(-10vh) translateX(0);opacity:1}100%{transform:translateY(105vh) translateX(20px);opacity:0.2}}