/*
Theme Name: Cathy's Luxury WooCommerce
Theme URI: https://cathyshairstudio.co.za
Author: Compusec Technologies
Description: Luxury purple-and-gold WooCommerce theme for Cathy's Hair Studio online shop.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: cathys-luxury
*/

:root{--purple:#2b1248;--purple2:#43206b;--gold:#d9b65d;--cream:#fbf7ef;--ink:#221b2b}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Segoe UI,sans-serif;background:var(--cream);color:var(--ink)}
a{text-decoration:none;color:inherit}
.site-header{background:var(--purple);color:#fff;position:sticky;top:0;z-index:10}
.header-inner{max-width:1180px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between}
.logo{height:64px;max-width:240px;object-fit:contain}
.nav a{margin-left:18px;color:#fff;font-weight:700}
.hero{background:linear-gradient(135deg,var(--purple),var(--purple2));color:white;padding:80px 22px}
.hero-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.05;margin:10px 0}
.hero p{font-size:19px;max-width:620px}
.hero-logo{width:100%;border-radius:22px;box-shadow:0 20px 70px rgba(0,0,0,.3)}
.btn{display:inline-block;margin:10px 10px 0 0;padding:14px 24px;border-radius:999px;font-weight:800}
.btn-gold{background:var(--gold);color:#241733}
.btn-outline{border:1px solid rgba(255,255,255,.45);color:white}
.section{padding:60px 22px}
.container{max-width:1180px;margin:auto}
h2{text-align:center;color:var(--purple);font-size:clamp(30px,4vw,46px)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px}
.card{background:#fff;border-radius:20px;padding:24px;text-align:center;box-shadow:0 12px 34px rgba(43,18,72,.1);font-weight:700}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.single_add_to_cart_button{background:var(--purple)!important;color:white!important;border-radius:999px!important}
.wa-float{position:fixed;right:18px;bottom:18px;background:#25D366;color:white;padding:14px 18px;border-radius:999px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.25);z-index:99}
.site-footer{background:var(--purple);color:white;padding:35px 22px;text-align:center}
@media(max-width:800px){.hero-inner{grid-template-columns:1fr}.nav{display:none}.logo{max-width:180px}}