/*
Theme Name: Bader Store
Theme URI: https://baderinfo.com/bader-store
Author: baderinfo
Author URI: https://baderinfo.com
Description: قالب متجر احترافي مخصّص للدفع عند الاستلام في الجزائر — نموذج طلب سريع بالولاية والبلدية ونوع التوصيل (منزل/مكتب)، شريط شراء ثابت، شريط إعلان، شارات ثقة، وصفحة هبوط للمنتج. ثلاث لغات (ع/فر/إن) مع RTL، تكامل عميق مع WooCommerce ومع إضافة Bader COD DZ، ومحمي بترخيص مرتبط بالدومين. A premium COD store theme for Algeria with a quick order form, sticky buy bar and domain-locked licensing.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: Proprietary — sold with a per-domain license.
Text Domain: bader-store
Tags: e-commerce, woocommerce, rtl-language-support, translation-ready, custom-colors, custom-logo, custom-menu, sticky-post, featured-images, full-width-template
*/

/* ============================================================
   Bader Store — premium, light-first, conversion-focused.
   Accent is customizable (Customizer → Bader Store → Colors).
   ============================================================ */
:root{
  --accent:#F97316;--accent-2:#FB923C;--accent-dark:#EA580C;
  --ink:#0F172A;--ink-2:#334155;--muted:#64748B;--muted-2:#94A3B8;
  --bg:#F7F9FC;--card:#FFFFFF;--soft:#F1F5F9;--line:#E6EBF2;
  --ok:#16A34A;--ok-soft:#DCFCE7;--warn:#F59E0B;--err:#DC2626;
  --head:74px;
  --font:'Tajawal','Segoe UI',Tahoma,system-ui,sans-serif;
  --font-title:'Cairo','Tajawal',sans-serif;
  --font-num:'Outfit','Tajawal',sans-serif;
  --radius:16px;--radius-lg:22px;
  --shadow:0 10px 30px -14px rgba(15,23,42,.18);
  --shadow-lg:0 22px 50px -20px rgba(15,23,42,.28);
  --grad:linear-gradient(135deg,var(--accent-2),var(--accent) 55%,var(--accent-dark));
}
body.night{
  --ink:#E8EEF6;--ink-2:#C7D2E0;--muted:#94A3B8;--muted-2:#64748B;
  --bg:#0E1626;--card:#16213A;--soft:#1B2740;--line:#273349;
  --shadow:0 12px 30px -14px rgba(0,0,0,.6);--shadow-lg:0 24px 54px -20px rgba(0,0,0,.7);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--head) + 14px)}
html,body{margin:0}
body{font-family:var(--font);font-size:16px;line-height:1.8;color:var(--ink);background:var(--bg);overflow-x:hidden;transition:background .35s,color .35s;-webkit-font-smoothing:antialiased}
a{color:var(--accent-dark);text-decoration:none}
img{max-width:100%;height:auto}
h1,h2,h3,h4,p,ul,ol{margin:0}ul{list-style:none;padding:0}
button{font-family:inherit;cursor:pointer}
::selection{background:var(--accent);color:#fff}
[hidden]{display:none!important}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
.narrow{max-width:900px}.center{text-align:center}
.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}
.title{font-family:var(--font-title);font-weight:800;line-height:1.25;color:var(--ink)}
.h1{font-family:var(--font-title);font-weight:800;font-size:clamp(30px,4.6vw,52px);line-height:1.2}
.h2{font-family:var(--font-title);font-weight:800;font-size:clamp(24px,3vw,38px);line-height:1.3}
.lead{font-size:clamp(16px,1.5vw,19px);color:var(--ink-2);max-width:60ch;line-height:1.85}
.sub{color:var(--muted);max-width:64ch}.sub.center{margin-inline:auto}
.accent{color:var(--accent-dark)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 24px;border-radius:13px;font-family:var(--font);font-size:15.5px;font-weight:800;line-height:1;white-space:nowrap;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}
.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn--primary{background:var(--grad);color:#fff!important;box-shadow:0 12px 26px -10px rgba(249,115,22,.75)}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px -10px rgba(249,115,22,.9)}
.btn--buy{background:var(--ok);color:#fff!important;box-shadow:0 12px 26px -10px rgba(22,163,74,.7)}
.btn--buy:hover{transform:translateY(-2px);filter:brightness(1.05)}
.btn--ghost{background:var(--card);color:var(--ink);border:1px solid var(--line)}
.btn--ghost:hover{border-color:var(--accent);color:var(--accent-dark)}
.btn--lg{min-height:58px;padding:0 30px;font-size:17px}
.btn--sm{min-height:40px;padding:0 14px;font-size:13.5px;border-radius:10px}
.btn--block{width:100%}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.sec{padding:72px 0}.sec--tight{padding:46px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:800;color:var(--accent-dark);background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.25)}
.sec-head{text-align:center;max-width:64ch;margin:0 auto 40px}
.sec-head .eyebrow{margin-bottom:14px}
.ico{display:inline-grid;place-items:center;flex-shrink:0}
.ico svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- announcement bar ---------- */
.annc{background:var(--grad);color:#fff;text-align:center;font-weight:700;font-size:14px;padding:9px 16px;position:relative;z-index:60}
.annc a{color:#fff;text-decoration:underline}

/* ---------- header ---------- */
.hd{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--card) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.hd__in{display:flex;align-items:center;gap:16px;height:var(--head)}
.hd__brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}
.hd__brand img{width:40px;height:40px;object-fit:contain}
.hd__brand b{font-family:var(--font-title);font-weight:800;font-size:19px}
.hd__brand small{display:block;color:var(--muted);font-size:11px;margin-top:-3px}
.nav{display:flex;align-items:center;gap:2px;margin-inline-start:auto}
.nav__item{position:relative}
.nav__link{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:10px;color:var(--ink);font-weight:600;font-size:15px}
.nav__link:hover{background:var(--soft);color:var(--accent-dark)}
.nav__link.is-active{color:var(--accent-dark)}
.nav__caret{width:8px;height:8px;border:solid var(--muted);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px)}
.dd{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:220px;padding:8px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .18s;list-style:none;margin:0}
.nav__item:hover .dd,.nav__item:focus-within .dd{opacity:1;visibility:visible;transform:none}
.dd a{display:block;padding:9px 12px;border-radius:9px;color:var(--ink);font-size:14.5px;font-weight:600}
.dd a:hover{background:var(--soft);color:var(--accent-dark)}
.hd__tools{display:flex;align-items:center;gap:8px}
.tool{width:42px;height:42px;border-radius:11px;border:1px solid var(--line);background:var(--card);color:var(--ink);display:grid;place-items:center}
.tool:hover{border-color:var(--accent);color:var(--accent-dark)}
.tool svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lang{display:inline-flex;padding:3px;gap:2px;border-radius:11px;background:var(--soft);border:1px solid var(--line)}
.lang button{min-width:34px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12.5px;font-weight:800}
.lang button.is-active{background:var(--grad);color:#fff}
.hd-cart{position:relative}
.hd-cart__n{min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-family:var(--font-num);font-size:11px;font-weight:800;display:inline-grid;place-items:center;line-height:1;position:absolute;top:-6px;inset-inline-start:-6px}
.hd-cart__n.is-empty{opacity:.5}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink)}
.burger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

/* ---------- hero ---------- */
.hero{padding:56px 0}
.hero__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero__art img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}
.hero__trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:var(--muted);font-size:13.5px}
.hero__trust span{display:inline-flex;align-items:center;gap:7px}
.hero__trust svg{width:17px;height:17px;color:var(--ok);fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* ---------- trust badges ---------- */
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.trust__item{display:flex;gap:13px;align-items:center;padding:18px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}
.trust__ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;background:var(--grad);flex-shrink:0}
.trust__ico svg{width:23px;height:23px}
.trust__item b{display:block;font-family:var(--font-title);font-size:15px}
.trust__item span{color:var(--muted);font-size:12.5px}

/* ---------- product grid (home) ---------- */
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pcard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}
.pcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.pcard__img{aspect-ratio:1/1;overflow:hidden;background:var(--soft)}
.pcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.pcard:hover .pcard__img img{transform:scale(1.05)}
.pcard__body{padding:16px;display:flex;flex-direction:column;flex:1}
.pcard__title{font-family:var(--font-title);font-size:15.5px;font-weight:700;color:var(--ink);margin-bottom:6px}
.pcard__price{font-family:var(--font-num);font-weight:800;color:var(--accent-dark);font-size:17px;margin-top:auto}
.pcard__price del{color:var(--muted-2);font-weight:500;font-size:14px;margin-inline-start:6px}
.badge-sale{position:absolute;top:12px;inset-inline-end:12px;background:var(--accent);color:#fff;padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:800}

/* ---------- COD order form ---------- */
.order{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-lg);padding:24px}
.order__head{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.order__head .ico{width:40px;height:40px;border-radius:12px;background:var(--ok-soft);color:var(--ok)}
.order__head b{font-family:var(--font-title);font-size:18px}
.order__head span{display:block;color:var(--muted);font-size:12.5px}
.form{display:grid;gap:13px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.form label{font-size:13px;font-weight:700;color:var(--ink-2);display:block;margin-bottom:6px}
.form input,.form select,.form textarea{width:100%;min-height:50px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--soft);font:inherit;font-size:15px;color:var(--ink)}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(249,115,22,.15);background:var(--card)}
.form textarea{min-height:90px;resize:vertical}
.delivery{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.delivery label{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--soft);cursor:pointer;font-weight:700;margin:0;transition:all .2s}
.delivery label:has(input:checked){border-color:var(--accent);background:rgba(249,115,22,.08);color:var(--accent-dark)}
.delivery input{width:auto;min-height:auto}
.delivery small{display:block;color:var(--muted);font-weight:500;font-size:12px}
.order__total{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:12px;background:var(--soft);margin-top:4px;font-weight:700}
.order__total b{font-family:var(--font-num);font-size:22px;color:var(--accent-dark)}
.qtyer{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--soft)}
.qtyer button{width:46px;height:50px;border:0;background:transparent;font-size:20px;color:var(--ink);font-weight:700}
.qtyer input{width:56px;text-align:center;border:0;background:transparent;min-height:50px}
.order__note{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12.5px;margin-top:4px}
.order__note svg{width:16px;height:16px;color:var(--ok);flex-shrink:0}

/* ---------- sticky buy bar (mobile) ---------- */
.buybar{position:fixed;inset-inline:0;bottom:0;z-index:70;display:none;align-items:center;gap:12px;padding:10px 16px;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -10px 30px -14px rgba(15,23,42,.25)}
.buybar__price{font-family:var(--font-num);font-weight:800;color:var(--accent-dark);font-size:18px;white-space:nowrap}
.buybar .btn{flex:1}

/* ---------- landing sections ---------- */
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.benefit{padding:22px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}
.benefit .ico{width:48px;height:48px;border-radius:13px;background:rgba(249,115,22,.1);color:var(--accent-dark);margin-bottom:12px}
.benefit .ico svg{width:24px;height:24px}
.benefit h3{font-family:var(--font-title);font-size:16px;margin-bottom:6px}
.benefit p{color:var(--muted);font-size:14px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gallery img{border-radius:var(--radius);width:100%;aspect-ratio:1/1;object-fit:cover}
.faq{display:flex;flex-direction:column;gap:10px}
.faq details{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:2px 6px}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 16px;font-weight:800;font-family:var(--font-title)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent-dark);font-size:22px}
.faq details[open] summary::after{content:"\2212"}
.faq p{padding:0 16px 16px;color:var(--muted)}
.reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.review{padding:20px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}
.review .stars{color:#F59E0B;margin-bottom:8px;letter-spacing:2px}
.review p{color:var(--ink-2);font-size:14.5px}
.review b{display:block;margin-top:10px;font-family:var(--font-title);font-size:14px}

/* prose */
.prose{max-width:70ch}.prose p{color:var(--ink-2);margin-bottom:15px}
.prose h2{font-family:var(--font-title);font-size:26px;margin:28px 0 12px}
.prose h3{font-family:var(--font-title);font-size:20px;margin:22px 0 10px}
.prose ul{list-style:disc;padding-inline-start:22px;margin:10px 0 18px;color:var(--ink-2)}
.prose a{color:var(--accent-dark);text-decoration:underline}

/* page hero */
.page-hero{padding:48px 0 10px;text-align:center}
.page-hero .eyebrow{margin-bottom:14px}
.crumb{display:flex;gap:6px;flex-wrap:wrap;color:var(--muted);font-size:13px;padding-top:18px}
.crumb a{color:var(--ink-2)}.crumb .sep{opacity:.5}

/* ---------- footer ---------- */
.ft{background:var(--card);border-top:1px solid var(--line);margin-top:30px}
.ft__top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px;padding:50px 0 32px}
.ft__brand img{width:120px}.ft__brand p{color:var(--muted);font-size:14px;margin-top:12px;max-width:34ch}
.ft__social{display:flex;gap:9px;margin-top:16px}
.ft__social a{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--soft);border:1px solid var(--line);color:var(--muted)}
.ft__social a:hover{background:var(--grad);color:#fff;border-color:transparent}
.ft__social svg{width:18px;height:18px}
.ft__col h4{font-family:var(--font-title);font-size:15px;margin-bottom:12px}
.ft__col a{display:block;color:var(--muted);font-size:14px;padding:5px 0}.ft__col a:hover{color:var(--accent-dark)}
.ft__bar{border-top:1px solid var(--line);padding:18px 0;text-align:center;color:var(--muted);font-size:13px}
.wa-float{position:fixed;inset-inline-end:18px;bottom:18px;z-index:40;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#25d366;box-shadow:0 14px 28px -10px rgba(37,211,102,.7)}
.wa-float svg{width:28px;height:28px}

/* reveal */
html.has-js .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1)}
html.has-js .reveal.in{opacity:1;transform:none}
.reveal[data-d="1"]{transition-delay:.06s}.reveal[data-d="2"]{transition-delay:.12s}.reveal[data-d="3"]{transition-delay:.18s}

/* notices */
.notice{padding:13px 16px;border-radius:12px;font-size:14.5px;margin-bottom:16px;display:flex;gap:9px;align-items:flex-start}
.notice svg{width:19px;height:19px;flex-shrink:0;margin-top:2px}
.notice--ok{background:var(--ok-soft);border:1px solid rgba(22,163,74,.35);color:#15803d}
.notice--err{background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.35);color:#b91c1c}

/* drawer */
body.drawer-open{overflow:hidden}.drawer{display:none}
.drawer.is-open{display:block;position:fixed;inset:0;z-index:80}
.drawer__scrim{position:absolute;inset:0;background:rgba(15,23,42,.5)}
.drawer__panel{position:absolute;inset-block:0;inset-inline-end:0;width:min(90vw,340px);overflow-y:auto;padding:18px;background:var(--card);border-inline-start:1px solid var(--line)}
.drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.drawer__close{width:40px;height:40px;border:0;border-radius:11px;background:var(--soft);color:var(--ink);font-size:22px}
.drawer__lang{display:flex;gap:6px;margin:8px 0 14px}
.drawer__lang button{flex:1;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--soft);color:var(--muted);font-weight:800}
.drawer__lang button.is-active{background:var(--grad);color:#fff;border-color:transparent}
.drawer .menu,.drawer .menu ul{list-style:none;margin:0;padding:0}
.drawer .menu a{display:block;padding:12px 4px;color:var(--ink);font-weight:700;border-bottom:1px solid var(--line)}
.drawer .sub-menu a{padding:9px 14px;color:var(--muted);font-weight:500;border:0}

/* post grid (blog) */
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.post-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}
.post-card__thumb{aspect-ratio:16/9;overflow:hidden;background:var(--soft)}
.post-card__thumb img{width:100%;height:100%;object-fit:cover}
.post-card__body{padding:20px;display:flex;flex-direction:column;flex:1}
.post-card__meta{font-size:12.5px;color:var(--muted);margin-bottom:8px}
.post-card h3{font-family:var(--font-title);font-size:18px;margin-bottom:7px}
.post-card h3 a{color:var(--ink)}.post-card:hover h3 a{color:var(--accent-dark)}
.post-card p{color:var(--muted);font-size:14px;flex:1}
.pager{display:flex;justify-content:center;gap:8px;margin-top:36px;flex-wrap:wrap}
.pager a,.pager span{min-width:44px;height:44px;padding:0 13px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:700}
.pager .current{background:var(--grad);color:#fff;border-color:transparent}

/* widgets / misc */
.widget{margin-bottom:24px}
.widget-title{font-family:var(--font-title);font-size:15px;margin-bottom:12px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.skip-link{position:absolute;inset-inline-start:-9999px;z-index:999;padding:12px 18px;background:var(--accent);color:#fff}
.skip-link:focus{inset-inline-start:0;top:0}

/* license admin notice tweak handled in admin */

@media (max-width:1024px){
  .hero__in{grid-template-columns:1fr}.hero__art{order:-1}
  .trust,.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .benefits,.reviews{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft__top{grid-template-columns:1fr 1fr}
  .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){.nav,.hd .lang{display:none}.burger{display:grid;place-items:center}.buybar{display:flex}}
@media (max-width:620px){
  .trust,.pgrid,.benefits,.reviews,.gallery,.post-grid{grid-template-columns:1fr}
  .form .row,.delivery{grid-template-columns:1fr}
  .ft__top{grid-template-columns:1fr;gap:24px}.sec{padding:52px 0}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}