/* عكيفك — قوالب المتجر (Theme Variants) */
/* الوضع الافتراضي "كلاسيك" هو تصميم style.css الأساسي بدون أي تغيير */

/* ===== قالب "مودرن" — بسيط، حواف حادة نسبياً، بدون ظلال ثقيلة ===== */
body.theme-modern{ --radius: 8px; }
body.theme-modern .site-header{ box-shadow:none; border-bottom:1px solid var(--border); }
body.theme-modern .hero{
    background: var(--primary) !important;
    border-radius: 0;
    padding: 56px 20px;
    text-align: right;
}
body.theme-modern .hero .container{ max-width: 640px; margin-inline-start: 0; }
body.theme-modern .btn-primary-brand{ border-radius: 8px; box-shadow: none; }
body.theme-modern .cat-card{ box-shadow: none; border: 1px solid var(--border); }
body.theme-modern .cat-card:hover{ transform: none; border-color: var(--primary); }
body.theme-modern .panel, body.theme-modern .cart-item{ box-shadow: none; }

/* ===== قالب "أنيق" (Elegant) — حواف دائرية أكبر، ظلال ناعمة، هيدر غامق ===== */
body.theme-elegant{ --radius: 22px; }
body.theme-elegant .site-header{ box-shadow: 0 2px 16px rgba(0,0,0,.06); }
body.theme-elegant .hero{
    background: linear-gradient(160deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,.35) 60%, transparent 100%), var(--hero-img) center/cover no-repeat !important;
    border-radius: 0 0 40px 40px;
    padding: 90px 20px;
}
body.theme-elegant .hero h1{ font-size: 2.6rem; }
body.theme-elegant .btn-primary-brand{
    border-radius: 50px;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
    padding: 14px 38px;
}
body.theme-elegant .cat-card{ box-shadow: 0 10px 28px rgba(0,0,0,.08); border: none; }
body.theme-elegant .cat-card:hover{ box-shadow: 0 16px 34px rgba(0,0,0,.14); }
body.theme-elegant .section-title{ font-size: 1.7rem; letter-spacing: .3px; }