/*
Theme Name: SHAFAR EXCLUSIVE
Theme URI: https://shafarexc.com
Author: SHAFAR EXCLUSIVE
Author URI: https://shafarexc.com
Description: Premium e-commerce theme for SHAFAR EXCLUSIVE. White background with emerald green and gold accents. Includes admin settings for the Hot right now slider and Deal of the day section, backed by WooCommerce categories when the plugin is active.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shafar-exclusive
Tags: e-commerce, custom-colors, custom-menu, featured-images, full-width-template, translation-ready
*/

:root{
  --shafar-bg:#ffffff;
  --shafar-fg:#0b3d2e;
  --shafar-primary:#087443;
  --shafar-primary-dark:#065f37;
  --shafar-secondary:#eef7f1;
  --shafar-gold:#c9a24a;
  --shafar-gold-dark:#a5822b;
  --shafar-muted:#5b6b64;
  --shafar-border:#087443;
  --shafar-danger:#b91c1c;
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--shafar-bg);color:var(--shafar-fg);font-family:'Inter','Helvetica Neue',Arial,sans-serif;line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:var(--shafar-primary);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:2px solid var(--shafar-primary)}
.site-header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:16px}
.site-logo{display:flex;align-items:center;gap:12px}
.site-logo img{width:44px;height:44px;border-radius:12px;background:#fff;border:2px solid var(--shafar-gold);object-fit:cover}
.site-logo .brand{display:flex;flex-direction:column;line-height:1}
.site-logo .brand strong{font-size:16px;font-weight:900;letter-spacing:.16em;color:var(--shafar-primary)}
.site-logo .brand span{font-size:10px;font-weight:700;letter-spacing:.32em;color:var(--shafar-gold-dark);margin-top:4px}
.main-nav{display:none;gap:22px;font-weight:600;font-size:14px}
.main-nav a{color:var(--shafar-primary)}
@media (min-width:768px){.main-nav{display:flex}}
.header-cta{display:flex;gap:8px}
.header-cta a{padding:8px 14px;border-radius:999px;font-weight:700;font-size:13px}
.header-cta .btn-outline{border:2px solid var(--shafar-primary);color:var(--shafar-primary)}
.header-cta .btn-solid{background:var(--shafar-primary);color:#fff}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;font-weight:800;font-size:14px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;cursor:pointer;border:none}
.btn-primary{background:var(--shafar-primary);color:#fff;box-shadow:0 10px 25px -12px rgba(8,116,67,.6)}
.btn-primary:hover{transform:translateY(-1px);opacity:.95;text-decoration:none;color:#fff}
.btn-outline{border:2px solid var(--shafar-primary);color:var(--shafar-primary);background:#fff}
.btn-outline:hover{background:var(--shafar-secondary);text-decoration:none}
.btn-gold{background:var(--shafar-gold);color:#fff}
.btn-gold:hover{background:var(--shafar-gold-dark);color:#fff;text-decoration:none}

/* Hero */
.hero{position:relative;overflow:hidden;padding:64px 0 72px}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 80% 0%,rgba(201,162,74,.18),transparent 60%),radial-gradient(50% 50% at 0% 100%,rgba(8,116,67,.14),transparent 60%);pointer-events:none}
.hero-inner{position:relative;display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
@media (min-width:900px){.hero-inner{grid-template-columns:1.05fr .95fr}}
.hero-eyebrow{display:inline-block;padding:6px 12px;border:2px solid var(--shafar-primary);border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.28em;color:var(--shafar-primary);text-transform:uppercase}
.hero h1{font-size:44px;line-height:1.05;margin:16px 0 12px;font-weight:900;letter-spacing:-.02em;color:var(--shafar-primary)}
@media (min-width:768px){.hero h1{font-size:60px}}
.hero .wordmark{display:inline-flex;gap:.06em}
.hero .wordmark span{display:inline-block;color:#fff;-webkit-text-stroke:1px var(--shafar-primary);animation:shafarWhiteToGold 1.6s ease forwards}
@keyframes shafarWhiteToGold{to{color:var(--shafar-gold);-webkit-text-stroke:0 transparent}}
.hero p.lead{font-size:17px;color:var(--shafar-muted);max-width:520px}
.hero .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero-media{position:relative}
.hero-media img{border-radius:24px;border:2px solid var(--shafar-primary);box-shadow:0 30px 60px -30px rgba(8,116,67,.35)}

/* Sections */
section.block{padding:56px 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}
.section-eyebrow{display:inline-block;padding:6px 12px;background:var(--shafar-secondary);color:var(--shafar-primary);border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}
.section-title{font-size:32px;font-weight:900;color:var(--shafar-primary);margin:8px 0 0;letter-spacing:-.02em}
@media (min-width:768px){.section-title{font-size:40px}}

/* Category cards */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.cat-card{position:relative;overflow:hidden;border-radius:22px;border:2px solid var(--shafar-primary);background:#fff;aspect-ratio:4/5;opacity:0;transform:translateY(20px);animation:shafarSlideIn .7s ease forwards}
.cat-card:nth-child(1){animation-delay:.05s}
.cat-card:nth-child(2){animation-delay:.15s}
.cat-card:nth-child(3){animation-delay:.25s}
.cat-card:nth-child(4){animation-delay:.35s}
@keyframes shafarSlideIn{to{opacity:1;transform:translateY(0)}}
.cat-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.cat-card:hover img{transform:scale(1.06)}
.cat-card .cat-label{position:absolute;left:16px;bottom:16px;background:#fff;border:2px solid var(--shafar-primary);padding:8px 14px;border-radius:999px;font-weight:800;color:var(--shafar-primary);letter-spacing:.06em}

/* Product cards */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.prod-card{display:flex;flex-direction:column;background:#fff;border:2px solid var(--shafar-primary);border-radius:20px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.prod-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -20px rgba(8,116,67,.35)}
.prod-card .thumb{position:relative;aspect-ratio:1;background:var(--shafar-secondary);overflow:hidden}
.prod-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.prod-card:hover .thumb img{transform:scale(1.08)}
.prod-card .badge{position:absolute;left:10px;top:10px;background:var(--shafar-primary);color:#fff;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.prod-card .badge.sale{background:var(--shafar-gold)}
.prod-card .body{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}
.prod-card h3{font-size:14px;font-weight:800;color:var(--shafar-primary);margin:0;line-height:1.35}
.prod-card .price{margin-top:auto;font-weight:900;color:var(--shafar-primary)}
.prod-card .price .old{color:var(--shafar-muted);font-weight:600;text-decoration:line-through;font-size:12px;margin-left:6px}

/* Hot slider (horizontal scroll) */
.hot-slider{position:relative}
.hot-slider .track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:none}
.hot-slider .track::-webkit-scrollbar{display:none}
.hot-slider .prod-card{flex:0 0 240px;scroll-snap-align:start}
.hot-slider .controls{display:none;gap:8px}
@media (min-width:640px){.hot-slider .controls{display:flex}}
.hot-slider .controls button{width:40px;height:40px;border-radius:999px;border:2px solid var(--shafar-primary);background:#fff;color:var(--shafar-primary);font-weight:900;cursor:pointer}
.hot-slider .controls button:hover{background:var(--shafar-primary);color:#fff}
.status-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;margin-top:6px}
.status-pill.info{background:var(--shafar-secondary);color:var(--shafar-primary)}
.status-pill.error{background:#fee2e2;color:var(--shafar-danger);border:1px solid var(--shafar-danger)}

/* Deal of the day */
.deal{position:relative;overflow:hidden;border:2px solid var(--shafar-primary);background:var(--shafar-secondary);border-radius:28px;padding:24px}
@media (min-width:768px){.deal{padding:40px}}
.deal::before{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(201,162,74,.28);filter:blur(60px)}
.deal-inner{position:relative;display:grid;grid-template-columns:1fr;gap:24px;align-items:center}
@media (min-width:768px){.deal-inner{grid-template-columns:1fr 1fr}}
.deal-media{aspect-ratio:1;overflow:hidden;border-radius:22px;border:2px solid var(--shafar-primary);background:#fff;position:relative}
.deal-media img{width:100%;height:100%;object-fit:cover}
.deal-media .off-badge{position:absolute;left:16px;top:16px;background:var(--shafar-primary);color:#fff;padding:6px 14px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.deal h2{font-size:32px;color:var(--shafar-primary);font-weight:900;margin:8px 0}
@media (min-width:768px){.deal h2{font-size:40px}}
.deal .price-row{display:flex;align-items:baseline;gap:12px;margin:10px 0 16px}
.deal .price-row .now{font-size:36px;font-weight:900;color:var(--shafar-primary)}
.deal .price-row .old{color:var(--shafar-muted);text-decoration:line-through}
.countdown{display:flex;gap:8px;margin-top:12px}
.countdown .unit{min-width:64px;background:#fff;border:2px solid var(--shafar-primary);border-radius:14px;padding:8px 10px;text-align:center}
.countdown .num{font-size:22px;font-weight:900;color:var(--shafar-primary);font-variant-numeric:tabular-nums}
.countdown .lab{font-size:10px;font-weight:800;letter-spacing:.24em;color:var(--shafar-primary);opacity:.7;text-transform:uppercase}

/* Forms */
form.shafar-form{display:flex;flex-direction:column;gap:12px;max-width:480px;margin:0 auto;background:#fff;border:2px solid var(--shafar-primary);border-radius:22px;padding:24px}
form.shafar-form label{font-weight:700;font-size:13px;color:var(--shafar-primary)}
form.shafar-form label .req{color:var(--shafar-danger);margin-left:2px}
form.shafar-form input,form.shafar-form select,form.shafar-form textarea{width:100%;padding:12px 14px;border:2px solid var(--shafar-primary);border-radius:12px;font-size:14px;background:#fff;color:var(--shafar-fg)}
form.shafar-form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
form.shafar-form .hint{color:var(--shafar-muted);font-size:12px}

/* Cart */
.cart-table{width:100%;border-collapse:collapse;background:#fff;border:2px solid var(--shafar-primary);border-radius:16px;overflow:hidden}
.cart-table th,.cart-table td{padding:12px;text-align:left;border-bottom:1px solid rgba(8,116,67,.15)}
.cart-table th{background:var(--shafar-secondary);color:var(--shafar-primary);letter-spacing:.14em;font-size:11px;text-transform:uppercase}
.cart-summary{margin-top:16px;background:#fff;border:2px solid var(--shafar-primary);border-radius:16px;padding:16px}
.cart-summary .row{display:flex;justify-content:space-between;padding:6px 0}
.cart-summary .row.total{border-top:2px solid var(--shafar-primary);margin-top:8px;padding-top:12px;font-weight:900;color:var(--shafar-primary);font-size:18px}
.coupon-row{display:flex;gap:8px;margin-top:12px}

/* Footer */
.site-footer{margin-top:48px;background:#0b3d2e;color:#eaf3ee;padding:36px 0}
.site-footer a{color:var(--shafar-gold)}
.site-footer-inner{display:grid;grid-template-columns:1fr;gap:24px}
@media (min-width:768px){.site-footer-inner{grid-template-columns:2fr 1fr 1fr}}
.site-footer .cols h4{margin:0 0 8px;color:#fff;letter-spacing:.14em;text-transform:uppercase;font-size:12px}
.site-footer .brand-copy{opacity:.8;font-size:13px}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}