/* ============================================================
   AKHAR WAKHAR — ORANGE AESTHETIC THEME OVERRIDE
   Loaded after main.css to repaint palette + polish UI.
   ============================================================ */

/* ─── NEW ORANGE PALETTE ─── */
:root, [data-theme="light"]{
  --orange:#ff7a1a;
  --orange-2:#ffa256;
  --orange-deep:#d65a08;
  --orange-soft:#fff3e8;

  --bg:#fff8f1;
  --bg2:#fff0e0;
  --bg3:#ffe3c9;
  --surface:#ffffff;
  --surface2:#fff8f1;
  --card-bg:#ffffff;
  --input-bg:#ffffff;

  --gold:var(--orange);
  --gold2:var(--orange-2);
  --gold3:var(--orange-deep);
  --gf:rgba(255,122,26,.10);
  --gf2:rgba(255,122,26,.22);

  --amber:#f59100;
  --crimson:#e63950;
  --crimson2:#ff6680;
  --teal:#0d8a7a; --teal2:#12b09d;
  --green:#19a45a; --green2:#22c55e;
  --purple:#7c3aed; --purple2:#a78bfa;

  --text:#1d1208;
  --text2:#3a2716;
  --text3:#6b4a2a;
  --muted:#8a6a48;
  --muted2:#b08a64;

  --bdr:rgba(255,122,26,.18);
  --bdr2:rgba(255,122,26,.34);
  --bdr3:rgba(255,122,26,.60);

  --sh:0 6px 22px rgba(214,90,8,.10);
  --sh2:0 16px 44px rgba(214,90,8,.16);
  --sh3:0 28px 80px rgba(214,90,8,.22);

  --hdr:rgba(255,255,255,.86);
  --footer-bg:linear-gradient(135deg,#ff7a1a 0%,#d65a08 100%);

  --grad-warm:linear-gradient(135deg,#ff7a1a 0%,#ffa256 100%);
  --grad-hero:radial-gradient(1200px 600px at 10% 10%, rgba(255,122,26,.22), transparent 60%),
              radial-gradient(900px 500px at 90% 30%, rgba(255,162,86,.18), transparent 60%);
  --radius:18px;
}

[data-theme="dark"]{
  --bg:#16100a; --bg2:#1d150c; --bg3:#251a0f;
  --surface:#1f1709; --surface2:#2a1f12;
  --card-bg:#1f1709; --input-bg:#16100a;
  --text:#fff3e6; --text2:#ffe3c9; --text3:#e0bf94;
  --muted:#b08a64; --muted2:#8a6a48;
  --hdr:rgba(22,16,10,.92);
  --footer-bg:linear-gradient(135deg,#d65a08 0%,#8a3a05 100%);
}

/* ─── BASE POLISH ─── */
html,body{background:var(--bg);}
body{
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(255,122,26,.10), transparent 60%),
    radial-gradient(900px 500px at 100% 0%, rgba(255,162,86,.10), transparent 60%),
    var(--bg);
}

::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--orange),var(--orange-deep));}

/* ─── HEADER / NAV ─── */
.site-header, header.site-header, .header{
  background:var(--hdr)!important;
  backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid var(--bdr);
}
.nav a, .nav-link{color:var(--text2);}
.nav a:hover, .nav-link:hover{color:var(--orange-deep);}
.nav a.active, .nav-link.active{color:var(--orange-deep);}

/* ─── BUTTONS ─── */
.btn, button.btn{
  border-radius:999px; font-weight:700; letter-spacing:.01em;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.btn-gold, .btn-primary, .btn-orange{
  background:var(--grad-warm)!important; color:#fff!important;
  box-shadow:0 10px 24px rgba(214,90,8,.28);
  border:none;
}
.btn-gold:hover, .btn-primary:hover, .btn-orange:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(214,90,8,.36);
}
.btn-outline, .btn-ghost{
  background:transparent; color:var(--orange-deep);
  border:1.5px solid var(--bdr2);
}
.btn-outline:hover, .btn-ghost:hover{
  background:var(--orange-soft); border-color:var(--orange);
}

/* ─── CARDS ─── */
.card, .book-card, .author-card, .bundle-card{
  background:var(--card-bg);
  border:1px solid var(--bdr);
  border-radius:var(--radius);
  box-shadow:var(--sh);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.card:hover, .book-card:hover, .author-card:hover, .bundle-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--sh2);
  border-color:var(--bdr2);
}

/* ─── HERO ─── */
.hero, .home-hero{
  background:var(--grad-hero), var(--bg);
}

/* ─── BADGES ─── */
.badge, .pill{
  border-radius:999px; font-weight:700; padding:4px 10px; font-size:12px;
}
.badge-new, .badge-featured{background:var(--grad-warm); color:#fff;}
.badge-free{background:#dcfce7; color:#15803d;}

/* ─── PRICES ─── */
.price-1{color:#15803d;}
.price-2{color:var(--orange-deep);}
.price-free{color:#0d7a6a;}
.price-bun{color:#6d28d9;}

/* ─── SECTION TITLES ─── */
.sec-title{
  background:linear-gradient(135deg,#3a2716,#d65a08);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* ─── FORMS ─── */
.form-input, input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="search"], select, textarea{
  background:var(--input-bg); color:var(--text);
  border:1.5px solid var(--bdr);
  border-radius:12px; padding:11px 14px;
  transition:border-color .2s, box-shadow .2s;
}
.form-input:focus, input:focus, select:focus, textarea:focus{
  outline:none;
  border-color:var(--orange);
  box-shadow:0 0 0 4px rgba(255,122,26,.15);
}

/* ─── FOOTER (orange bg, white text) ─── */
.site-footer{
  background:var(--footer-bg)!important;
  color:#fff!important;
  border-top:none;
}
.site-footer *,
.site-footer a,
.site-footer .foot-desc,
.site-footer .foot-col h4,
.site-footer .foot-bot{color:#fff!important;}
.site-footer .foot-desc{color:rgba(255,255,255,.92)!important;}
.site-footer .foot-bot{
  border-top:1px solid rgba(255,255,255,.25);
  color:rgba(255,255,255,.88)!important;
}
.site-footer .foot-links a{
  color:rgba(255,255,255,.92)!important;
  display:inline-block;
  position:relative;
  padding-left:0;
  transition:padding .2s, color .2s;
}
.site-footer .foot-links a::before{
  content:""; position:absolute; left:0; top:50%;
  width:3px; height:14px; background:#fff;
  border-radius:3px; transform:translateY(-50%) scaleY(0);
  transition:transform .2s;
}
.site-footer .foot-links a:hover{padding-left:14px; color:#fff!important;}
.site-footer .foot-links a:hover::before{transform:translateY(-50%) scaleY(1);}

.site-footer .soc{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:50%;
  background:rgba(255,255,255,.08);
  border:1.5px solid rgba(255,255,255,.35);
  color:#fff!important; margin-right:8px;
  position:relative; overflow:hidden;
  transition:transform .25s, box-shadow .25s, background .25s;
}
.site-footer .soc:hover{
  transform:translateY(-3px) scale(1.08);
  background:rgba(255,255,255,.18);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}

.site-footer .pay-ico{
  background:rgba(255,255,255,.14);
  color:#fff; border:1px solid rgba(255,255,255,.25);
  border-radius:8px; padding:5px 10px;
  font-size:11px; margin:3px;
  display:inline-block;
}

/* ─── ADMIN PANEL TOUCHES ─── */
.admin-sidebar, .sidebar{
  background:linear-gradient(180deg,#1d150c,#16100a);
  color:#fff;
}
.admin-sidebar a, .sidebar a{color:rgba(255,255,255,.82);}
.admin-sidebar a.active, .admin-sidebar a:hover,
.sidebar a.active, .sidebar a:hover{
  background:var(--grad-warm); color:#fff!important;
}
.admin-topbar, .topbar{
  background:#fff; border-bottom:1px solid var(--bdr);
}
.stat-card{
  background:linear-gradient(135deg,#fff,#fff8f1);
  border:1px solid var(--bdr);
  border-radius:var(--radius);
  box-shadow:var(--sh);
}
.stat-card .stat-num{color:var(--orange-deep);}

/* ─── TABLES ─── */
table.data-table, .table{
  background:#fff; border-radius:var(--radius); overflow:hidden;
  box-shadow:var(--sh);
}
.table th, .data-table th{
  background:var(--orange-soft); color:var(--orange-deep);
  text-transform:uppercase; font-size:12px; letter-spacing:.06em;
}

/* ─── SINDHI TEXT — ensure local fonts always used ─── */
.fsd,.logo-sd,.cvr-a,.book-author-sd,.sec-sd,.hero-sd,
.cat-sd,.tag-sd,.tag-ur,.aotm-sd,
[lang="sd"], [dir="rtl"]{
  font-family:'SSAmargul','MBSarang','Noto Nastaliq Urdu',serif!important;
  line-height:1.9;
}

/* ─── RESPONSIVE TWEAKS ─── */
@media (max-width: 768px){
  .sec-title{font-size:24px;}
  .btn{padding:10px 18px;}
}