/* Dark/light theme — readable prices, ISBN, author, all numerals */

/* Global --text / --muted fallback for dark mode (used by product.html, shop.html, etc.) */
html:not([data-theme="light"]) {
  --text: #F4EDE6;
  --muted: #D7BDA6;
  --border: rgba(255, 255, 255, 0.07);
}

html:not([data-theme="light"]) .book-price-val,
html:not([data-theme="light"]) .book-price-val--disc,
html:not([data-theme="light"]) .book-price-val--mrp,
html:not([data-theme="light"]) .pick-price-row .book-price-val--disc {
  color: var(--glt, #C49463) !important;
}
html:not([data-theme="light"]) .book-price-val--mrp {
  color: var(--tx3, #66605a) !important;
}
html:not([data-theme="light"]) .book-price-label,
html:not([data-theme="light"]) .isbn-label,
html:not([data-theme="light"]) .book-isbn,
html:not([data-theme="light"]) .isbn-pending {
  color: var(--tx2, #9e9589) !important;
}
html:not([data-theme="light"]) .book-name,
html:not([data-theme="light"]) .pick-name,
html:not([data-theme="light"]) .book-seller-tag,
html:not([data-theme="light"]) .book-author-tag {
  color: var(--tx, #ede9e1) !important;
}
html:not([data-theme="light"]) .book-lang {
  color: var(--tx2) !important;
  border-color: var(--brd2) !important;
}
html:not([data-theme="light"]) .book-badge,
html:not([data-theme="light"]) .pick-badge {
  background: var(--booket-ink, #4C2B08) !important;
  color: var(--cream, #F4EDE6) !important;
}
html:not([data-theme="light"]) .qty-stepper {
  background: var(--s2) !important;
  border-color: var(--brd2) !important;
}
html:not([data-theme="light"]) .book-card.in-cart .qty-stepper,
html:not([data-theme="light"]) .pick-card.in-cart .qty-stepper {
  background: var(--s3) !important;
  border-color: rgba(171, 119, 67, 0.4) !important;
}
html:not([data-theme="light"]) .qty-val {
  color: var(--tx) !important;
}
html:not([data-theme="light"]) .qty-btn {
  color: #4C2B08 !important;
  border-color: transparent !important;
}
html:not([data-theme="light"]) .booket-cart-count.show {
  color: #4C2B08 !important;
}

.amanah-brand-sub {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  letter-spacing: 0.14em !important;
  font-size: 8px !important;
  line-height: 1.35 !important;
  max-width: 118px;
}
.amanah-brand-sub span {
  display: block;
}

.book-view-details {
  display: inline-block;
  margin-top: 6px;
  font-size: 11px;
  font-weight: 700;
  color: var(--glt, #C49463);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-family: inherit;
}
.book-view-details:hover {
  color: var(--gold);
}

.product-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--brd);
  padding-bottom: 10px;
}
.product-tab {
  border: none;
  background: transparent;
  color: var(--tx2);
  font-size: 13px;
  font-weight: 700;
  padding: 6px 12px;
  border-radius: 980px;
  cursor: pointer;
}
.product-tab.active {
  background: var(--gbg, rgba(171, 119, 67, 0.13));
  color: var(--glt);
}

/* Home creative sections */
.home-quote-band {
  padding: clamp(40px, 6vw, 72px) var(--layout-gutter, 20px);
  text-align: center;
  background: var(--sf);
  border-top: 1px solid var(--brd);
  border-bottom: 1px solid var(--brd);
}
.home-quote-band blockquote {
  font-family: 'Amiri', serif;
  font-size: clamp(22px, 4vw, 32px);
  color: var(--gold);
  margin: 0 auto 12px;
  max-width: 28ch;
  line-height: 1.45;
}
.home-quote-band cite {
  font-size: 13px;
  color: var(--tx2);
  font-style: normal;
}
.home-spotlight-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 18px;
  padding: clamp(32px, 5vw, 56px) var(--layout-gutter, 20px);
  max-width: 1180px;
  margin: 0 auto;
}
.home-spot-card {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--brd);
  background: var(--sf);
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s, border-color 0.2s;
}
.home-spot-card:hover {
  transform: translateY(-3px);
  border-color: var(--gbrd);
}
.home-spot-img {
  aspect-ratio: 4/3;
  background-size: cover;
  background-position: center;
}
.home-spot-visual {
  position: relative;
  aspect-ratio: 4 / 5;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 18px 14px 0;
  background:
    radial-gradient(ellipse 85% 55% at 50% 100%, rgba(171, 119, 67, 0.14), transparent 68%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.14) 100%);
  overflow: hidden;
}
.home-spot-visual::after {
  content: '';
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 0;
  height: 7px;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(90deg, rgba(171, 119, 67, 0.28), rgba(171, 119, 67, 0.12), rgba(171, 119, 67, 0.28));
}
.home-spot-visual::before {
  content: 'shopamanah.in';
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 2;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .06em;
  color: rgba(255,255,255,.7);
  background: rgba(0,0,0,.32);
  padding: 2px 5px;
  border-radius: 4px;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
.home-spot-cover {
  position: relative;
  z-index: 1;
  width: auto;
  max-width: 74%;
  max-height: 90%;
  height: auto;
  object-fit: contain;
  border-radius: 3px 5px 0 0;
  box-shadow:
    -5px 0 12px rgba(0, 0, 0, 0.16),
    0 12px 28px rgba(0, 0, 0, 0.24);
  transform: perspective(900px) rotateY(-5deg);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
.home-spot-card:hover .home-spot-cover {
  transform: perspective(900px) rotateY(-2deg) translateY(-5px);
  box-shadow:
    -4px 0 10px rgba(0, 0, 0, 0.14),
    0 18px 36px rgba(0, 0, 0, 0.28);
}
html[data-theme="light"] .home-spot-visual {
  background:
    radial-gradient(ellipse 85% 55% at 50% 100%, rgba(171, 119, 67, 0.1), transparent 68%),
    linear-gradient(180deg, #F4EDE6 0%, #EDE3D8 100%);
}
.home-spot-body {
  padding: 16px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}
.home-spot-tag {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold);
}
.home-spot-body h3 {
  font-family: 'Amiri', serif;
  font-size: 20px;
  margin: 0;
  color: var(--tx);
}
.home-spot-body p {
  font-size: 13px;
  color: var(--tx2);
  margin: 0;
  line-height: 1.55;
  flex: 1;
}
.home-spot-cta {
  font-size: 12px;
  font-weight: 800;
  color: var(--glt);
  margin-top: 4px;
}

html:not([data-theme="light"]) .cat-btn {
  color: var(--tx2) !important;
}
html:not([data-theme="light"]) .cat-btn.active,
html:not([data-theme="light"]) .cat-btn:hover {
  color: var(--glt) !important;
}
html:not([data-theme="light"]) .amanah-ticker-item {
  color: var(--tx2) !important;
}
html:not([data-theme="light"]) .hero-trust-row span,
html:not([data-theme="light"]) .hero-hub-badge {
  color: var(--tx2) !important;
}
html:not([data-theme="light"]) .booket-hero-lead,
html:not([data-theme="light"]) .booket-hero-sub,
html:not([data-theme="light"]) .hero--amanah .booket-hero-lead,
html:not([data-theme="light"]) .hero--amanah .booket-hero-sub {
  color: rgba(230, 224, 214, 0.92) !important;
}
html:not([data-theme="light"]) .booket-hero-lead strong,
html:not([data-theme="light"]) .hero--amanah .booket-hero-lead strong {
  color: var(--tx) !important;
}
html:not([data-theme="light"]) .booket-catalog-title,
html:not([data-theme="light"]) .booket-marketplace-title,
html:not([data-theme="light"]) .home-editor-picks h2 {
  color: var(--tx) !important;
}

/* Checkout — GST itemised bill */
.checkout-clarity {
  font-size: 13px;
  color: var(--tx2, #6b6560);
  line-height: 1.6;
  margin-bottom: 16px;
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--s2, rgba(0, 0, 0, 0.04));
  border: 1px solid var(--brd, #E8DDD4);
}
.gst-invoice {
  margin-top: 12px;
  font-size: 11px;
}
.gst-invoice-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--brd);
  color: var(--tx2);
  line-height: 1.5;
}
.gst-invoice-head strong {
  color: var(--tx);
}
.gst-table-wrap {
  overflow-x: auto;
  margin: 8px 0 10px;
  border-radius: 10px;
  border: 1px solid var(--brd);
}
.gst-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 520px;
  font-size: 10px;
}
.gst-table th,
.gst-table td {
  padding: 7px 8px;
  text-align: left;
  border-bottom: 1px solid var(--brd);
  vertical-align: top;
}
.gst-table th {
  background: var(--s2, #F0E6DC);
  font-weight: 700;
  color: var(--tx);
  white-space: nowrap;
}
.gst-table td.num,
.gst-table th.num {
  text-align: right;
  white-space: nowrap;
}
.gst-table tr:last-child td {
  border-bottom: none;
}
.gst-totals {
  display: grid;
  gap: 4px;
}
.gst-totals-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
  color: var(--tx2);
  padding: 2px 0;
}
.gst-totals-row strong {
  color: var(--tx);
}
.gst-totals-row.discount {
  color: var(--green, #AB7743);
  font-weight: 600;
}
.gst-totals-row.grand {
  border-top: 1px dashed var(--brd);
  margin-top: 6px;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 700;
  color: var(--tx);
}
.gst-totals-row.delivery-fee .gst-incl-note {
  font-weight: 400;
  font-size: 11px;
  color: var(--tx2);
}
.gst-totals-row.delivery-fee.free strong {
  color: var(--green, #AB7743);
}
.gst-footnote {
  margin-top: 8px;
  font-size: 10px;
  color: var(--tx2);
  line-height: 1.5;
}
html:not([data-theme="light"]) .gst-table th {
  background: var(--s2);
}
html:not([data-theme="light"]) .checkout-clarity,
html:not([data-theme="light"]) .gst-invoice-head,
html:not([data-theme="light"]) .gst-totals-row {
  color: var(--tx2);
}
html:not([data-theme="light"]) .gst-totals-row.grand,
html:not([data-theme="light"]) .gst-invoice-head strong,
html:not([data-theme="light"]) .gst-totals-row strong {
  color: var(--tx);
}

/* Checkout step 3 — readable bill recap */
.order-recap .checkout-recap-step {
  font-size: 13px;
  font-weight: 700;
  color: var(--tx);
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--brd, #E8DDD4);
}
.order-recap .checkout-recap-account {
  font-size: 12px;
  color: var(--tx2);
  margin-bottom: 8px;
}
.order-recap .checkout-recap-account.guest {
  font-style: italic;
}
.order-recap .checkout-recap-ship {
  font-size: 12px;
  line-height: 1.65;
  color: var(--tx);
  margin-bottom: 12px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid var(--brd, #E8DDD4);
}
.order-recap .gst-invoice {
  color: var(--tx2);
}
.order-recap .gst-invoice-head,
.order-recap .gst-totals-row {
  color: var(--tx2);
}
.order-recap .gst-invoice-head strong,
.order-recap .gst-totals-row strong,
.order-recap .gst-totals-row.grand {
  color: var(--tx);
}
.gst-provisional {
  font-size: 10px;
  color: var(--tx2);
  font-weight: 600;
}
.checkout-account-card {
  padding: 14px 16px;
  border-radius: 12px;
  background: var(--s2, #F0E6DC);
  border: 1px solid var(--brd, #E8DDD4);
  margin-bottom: 14px;
}
.checkout-account-card-head strong {
  display: block;
  font-size: 14px;
  color: var(--tx);
}
.checkout-account-card-head span {
  font-size: 12px;
  color: var(--tx2);
}
.checkout-account-card-note {
  font-size: 12px;
  color: var(--tx2);
  margin: 8px 0 10px;
}
.checkout-account-card-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.checkout-account-link {
  background: none;
  border: none;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  color: var(--green, #AB7743);
  cursor: pointer;
  text-decoration: underline;
  font-family: 'Nunito', sans-serif;
}
.checkout-account-link.danger {
  color: #b42318;
}
.auth-btn.danger {
  color: #b42318;
  border-color: rgba(180, 35, 24, 0.35);
}

.launch-cover-img {
  width: min(260px, 68vw);
  height: auto;
  max-height: min(400px, 58vh);
  border-radius: 8px 10px 4px 4px;
  box-shadow:
    -8px 0 20px rgba(0, 0, 0, 0.22),
    0 40px 80px rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(171, 119, 67, 0.35);
  object-fit: contain;
  background: linear-gradient(165deg, #F4EDE6, #EDE3D8);
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
.launch-promo-cover {
  background-image: url('../assets/covers/sealed-nectar.jpg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
  background-color: #14161c !important;
}
.launch-promo-cover::after {
  display: none !important;
}

.home-editor-picks {
  padding: clamp(40px, 6vw, 64px) var(--layout-gutter, 20px);
  max-width: 1180px;
  margin: 0 auto;
}
.home-editor-picks .booket-eyebrow {
  text-align: center;
  margin-bottom: 8px;
}
.home-editor-picks h2 {
  font-family: 'Amiri', serif;
  font-size: clamp(28px, 4vw, 38px);
  text-align: center;
  margin: 0 0 10px;
  color: var(--tx);
}
.home-section-lead {
  text-align: center;
  color: var(--tx2);
  font-size: 14px;
  max-width: 560px;
  margin: 0 auto 26px;
  line-height: 1.7;
}
.home-quote-band .home-quote-en {
  display: block;
  font-size: 14px;
  color: var(--tx2);
  margin-top: 8px;
  font-family: 'Outfit', sans-serif;
}

/* Editor picks & featured — uniform portrait frame, full image (no crop) */
.pick-cover.book-cover {
  height: auto !important;
  aspect-ratio: 2 / 3;
  min-height: 0;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--booket-muted, #f8f5ee) !important;
}
.pick-cover.book-cover.urdu,
.pick-cover.book-cover.children,
.pick-cover.book-cover.premium {
  background: var(--booket-muted, #f8f5ee) !important;
}
.pick-cover.book-cover.has-img img {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  display: block;
}
.pick-card {
  flex: 0 0 min(172px, 44vw);
}
.editors-picks-row .pick-cover.book-cover {
  min-height: 0;
}

/* Shop grid — uniform portrait frame, full image (no crop) */
.book-cover.has-img {
  height: auto !important;
  aspect-ratio: 2 / 3;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.book-cover.has-img img {
  object-fit: contain !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  border-radius: 0;
  box-shadow: none;
  transform: none !important;
  display: block;
}

/* ═══ Dark mode — readable contrast (day/night) ═══ */
html:not([data-theme="light"]) {
  --booket-bg: var(--sf);
  --booket-muted: var(--s2);
  /* Do NOT override --booket-ink: it is used as a background for "live" cards
     (.partner-card--live, .booket-cat-card--live). Keeping it dark means those
     cards stay dark-on-dark, which is handled by the overrides below. */
  --booket-sub: var(--tx2);
  --booket-border: var(--brd);
}

/* Dark mode — book cards use surface color */
html:not([data-theme="light"]) .book-card {
  background: var(--sf) !important;
  border-color: var(--brd) !important;
}
html:not([data-theme="light"]) .book-card:hover {
  border-color: var(--gbrd) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35) !important;
}
html:not([data-theme="light"]) .book-card.in-cart {
  border-left-color: var(--gold) !important;
  background: rgba(171, 119, 67, 0.05) !important;
}
html:not([data-theme="light"]) .book-cover {
  background: var(--s2) !important;
}
html:not([data-theme="light"]) .book-cover.has-img {
  background: var(--s2) !important;
}
html:not([data-theme="light"]) .add-btn {
  border-radius: 10px !important;
}
html:not([data-theme="light"]) .buy-btn {
  border-radius: 10px !important;
  background: var(--gold) !important;
  color: #fff !important;
}
html:not([data-theme="light"]) .bag-btn {
  border-radius: 10px !important;
  border-color: var(--gold) !important;
  background: transparent !important;
  color: var(--gold) !important;
}
html:not([data-theme="light"]) .bag-btn:hover {
  background: var(--gold) !important;
  color: #fff !important;
}
html:not([data-theme="light"]) .cat-btn {
  border-radius: 980px !important;
}
html:not([data-theme="light"]) .cat-btn.active {
  background: var(--gbg) !important;
  border-color: var(--gbrd) !important;
  color: var(--glt) !important;
}
html:not([data-theme="light"]) .curated-chip {
  border-radius: 14px !important;
}
html:not([data-theme="light"]) .pick-card {
  background: var(--sf) !important;
  border-color: var(--brd) !important;
}
html:not([data-theme="light"]) .editors-picks {
  background: var(--s2) !important;
  border-color: var(--brd) !important;
}
html:not([data-theme="light"]) .faq-item {
  background: var(--sf) !important;
  border-color: var(--brd) !important;
}
html:not([data-theme="light"]) .faq-wrap {
  background: var(--bg) !important;
}
html:not([data-theme="light"]) .partner-card {
  background: var(--sf) !important;
  border-color: var(--brd) !important;
}
html:not([data-theme="light"]) .booket-cat-card {
  background: var(--s2) !important;
  border-color: var(--brd) !important;
}
html:not([data-theme="light"]) .sponsored-strip {
  background: var(--s2) !important;
  border-color: var(--brd) !important;
}
html:not([data-theme="light"]) .sponsored-card {
  background: var(--sf) !important;
  border-color: var(--brd) !important;
}

/* Dark mode — "live" category cards: give them a distinct gold accent instead
   of the flat dark-on-dark look */
html:not([data-theme="light"]) .partner-card--live,
html:not([data-theme="light"]) .booket-cat-card--live {
  background: linear-gradient(135deg, var(--s3), var(--s2)) !important;
  border-color: var(--gbrd) !important;
  color: var(--tx) !important;
}
html:not([data-theme="light"]) .partner-card--live h3,
html:not([data-theme="light"]) .booket-cat-card--live h3 {
  color: var(--gold) !important;
}
html:not([data-theme="light"]) .partner-card--live p,
html:not([data-theme="light"]) .booket-cat-card--live p {
  color: var(--tx2) !important;
}
html:not([data-theme="light"]) .partner-label,
html:not([data-theme="light"]) .partner-card .partner-label {
  color: var(--green) !important;
}

/* Dark mode — "soon" cards: white bg → surface */
html:not([data-theme="light"]) .booket-cat-card--soon {
  background: var(--s2) !important;
  border-color: var(--brd2) !important;
}

/* Dark mode — booket text elements that use --booket-ink as text color */
html:not([data-theme="light"]) .booket-cat-card h3,
html:not([data-theme="light"]) .partner-card h3 {
  color: var(--tx) !important;
}

/* Help page — contact chips and specs readable in dark mode */
html:not([data-theme="light"]) .contact-mini {
  background: var(--sf) !important;
  border-color: var(--brd) !important;
  color: var(--tx) !important;
}
html:not([data-theme="light"]) .contact-mini:hover {
  background: var(--s2) !important;
  border-color: var(--gbrd) !important;
}
html:not([data-theme="light"]) .contact-gst-mini {
  background: rgba(171, 119, 67, 0.12) !important;
  color: var(--gold) !important;
}
html:not([data-theme="light"]) .booket-partners {
  background: var(--bg) !important;
  border-top-color: var(--brd) !important;
}
html:not([data-theme="light"]) .pd-specs > div:nth-child(even),
html:not([data-theme="light"]) .product-panel .pd-specs > div:nth-child(even) {
  background: var(--s2) !important;
}
html:not([data-theme="light"]) .pd-sticky {
  background: rgba(15, 17, 23, 0.97) !important;
  border-top-color: var(--brd) !important;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.35) !important;
}

/* Dark mode — hero/CTA buttons: white bg becomes invisible against dark surface */
html:not([data-theme="light"]) .booket-hero-btn:not(.booket-hero-btn--ghost) {
  background: var(--gold) !important;
  color: #fff !important;
  border: none !important;
}
html:not([data-theme="light"]) .booket-hero-btn:not(.booket-hero-btn--ghost):hover {
  background: var(--glt) !important;
}
html:not([data-theme="light"]) .booket-hero-btn--ghost {
  background: transparent !important;
  color: var(--tx) !important;
  border-color: var(--brd2) !important;
}
html:not([data-theme="light"]) .booket-hero-btn--ghost:hover {
  background: var(--s2) !important;
  border-color: var(--gbrd) !important;
  color: var(--glt) !important;
}

/* Light cards (checkout, auth) always white — pin all vars to light-mode values */
html:not([data-theme="light"]) .checkout-modal,
html:not([data-theme="light"]) .auth-modal,
html:not([data-theme="light"]) .upsell-modal {
  --text: #4C2B08;
  --muted: #6b6560;
  --border: #E8DDD4;
  --green3: #F0E6DC;
  --gold3: #D7BDA6;
  --black: #4C2B08;
  --tx: #4C2B08;
  --tx2: #84593D;
  --tx3: #B7957F;
  --bg: #ffffff;
  --sf: #ffffff;
  --s2: #F0E6DC;
  --s3: #E8DDD4;
  --brd: rgba(0, 0, 0, 0.09);
  --brd2: rgba(0, 0, 0, 0.16);
  --green: #AB7743;
  color: var(--tx);
}
html:not([data-theme="light"]) .checkout-modal .gst-table td,
html:not([data-theme="light"]) .checkout-modal .gst-table th,
html:not([data-theme="light"]) .checkout-modal .gst-invoice,
html:not([data-theme="light"]) .checkout-modal .gst-footnote,
html:not([data-theme="light"]) .checkout-modal .cart-summary-row,
html:not([data-theme="light"]) .checkout-modal .ci-mrp-line {
  color: var(--tx2);
}
html:not([data-theme="light"]) .checkout-modal .gst-table th,
html:not([data-theme="light"]) .checkout-modal .gst-totals-row.grand,
html:not([data-theme="light"]) .checkout-modal .gst-invoice-head strong {
  color: var(--tx);
}

html:not([data-theme="light"]) .book-name,
html:not([data-theme="light"]) .book-author,
html:not([data-theme="light"]) .book-author-tag,
html:not([data-theme="light"]) .book-seller-tag,
html:not([data-theme="light"]) .pick-name,
html:not([data-theme="light"]) .pick-meta,
html:not([data-theme="light"]) .pick-author,
html:not([data-theme="light"]) .ci-name,
html:not([data-theme="light"]) .sec-title,
html:not([data-theme="light"]) .booket-catalog-title,
html:not([data-theme="light"]) .collection-title,
html:not([data-theme="light"]) #collectionTitle {
  color: var(--tx) !important;
}

html:not([data-theme="light"]) .sec-sub,
html:not([data-theme="light"]) .booket-catalog-sub,
html:not([data-theme="light"]) #collectionSub,
html:not([data-theme="light"]) .book-isbn,
html:not([data-theme="light"]) .isbn-pending,
html:not([data-theme="light"]) .footer,
html:not([data-theme="light"]) .footer-promoted .promoted-tagline,
html:not([data-theme="light"]) .books-empty,
html:not([data-theme="light"]) .sponsored-strip-sub {
  color: var(--tx2) !important;
}

html:not([data-theme="light"]) .auth-bar,
html:not([data-theme="light"]) .booket-auth-bar {
  background: var(--sf) !important;
  border-bottom-color: var(--brd) !important;
}

html:not([data-theme="light"]) .auth-status {
  color: var(--tx2) !important;
}
html:not([data-theme="light"]) .auth-status strong {
  color: var(--green) !important;
}
html:not([data-theme="light"]) .auth-btn.outline {
  background: transparent !important;
  color: var(--green) !important;
  border-color: rgba(171, 119, 67, 0.45) !important;
}
html:not([data-theme="light"]) .auth-btn.outline.danger {
  color: #f87171 !important;
  border-color: rgba(248, 113, 113, 0.4) !important;
}

html:not([data-theme="light"]) .search-input,
html:not([data-theme="light"]) .booket-search-input {
  background: var(--s2) !important;
  color: var(--tx) !important;
  border-color: var(--brd2) !important;
}
html:not([data-theme="light"]) .search-input::placeholder,
html:not([data-theme="light"]) .booket-search-input::placeholder {
  color: var(--tx3) !important;
}

html:not([data-theme="light"]) .cat-btn {
  background: var(--s2) !important;
  border-color: var(--brd2) !important;
  color: var(--tx2) !important;
}
html:not([data-theme="light"]) .cat-btn.active,
html:not([data-theme="light"]) .cat-btn:hover {
  background: var(--gbg) !important;
  border-color: var(--gbrd) !important;
  color: var(--glt) !important;
}

html:not([data-theme="light"]) .book-card.in-cart {
  outline-color: var(--gold) !important;
}

html:not([data-theme="light"]) .book-cover.has-img,
html:not([data-theme="light"]) .pick-cover.book-cover {
  background: var(--s2) !important;
}

html:not([data-theme="light"]) .order-recap {
  background: var(--s2) !important;
  border-color: var(--brd) !important;
  color: var(--tx) !important;
}
html:not([data-theme="light"]) .order-recap .checkout-recap-ship {
  background: var(--s3) !important;
  border-color: var(--brd) !important;
}

html:not([data-theme="light"]) .checkout-auth-banner {
  background: var(--s2) !important;
  border-color: var(--brd) !important;
}
html:not([data-theme="light"]) .checkout-auth-text {
  color: var(--tx) !important;
}
html:not([data-theme="light"]) .checkout-auth-btn.outline {
  background: transparent !important;
  color: var(--green) !important;
}
html:not([data-theme="light"]) .checkout-saved-note {
  background: rgba(171, 119, 67, 0.1) !important;
  color: var(--green) !important;
}
html:not([data-theme="light"]) .checkout-account-card {
  background: var(--s3) !important;
  border-color: var(--brd) !important;
}
html:not([data-theme="light"]) .checkout-account-link {
  color: var(--green) !important;
}

html:not([data-theme="light"]) .faq-item {
  background: var(--sf) !important;
  border-color: var(--brd) !important;
}
html:not([data-theme="light"]) .faq-q {
  color: var(--tx) !important;
}
html:not([data-theme="light"]) .faq-a,
html:not([data-theme="light"]) .faq-sub {
  color: var(--tx2) !important;
}
html:not([data-theme="light"]) .help-card {
  background: var(--sf) !important;
  border-color: var(--brd) !important;
}
html:not([data-theme="light"]) .help-card h3 {
  color: var(--tx) !important;
}
html:not([data-theme="light"]) .help-card p {
  color: var(--tx2) !important;
}

html:not([data-theme="light"]) .sponsored-card strong,
html:not([data-theme="light"]) .sponsored-card span {
  color: var(--tx) !important;
}
html:not([data-theme="light"]) .sponsored-card em {
  color: var(--tx2) !important;
}

html:not([data-theme="light"]) .booket-footer,
html:not([data-theme="light"]) .booket-footer a {
  color: var(--tx2) !important;
}

/* Light mode — ensure page text stays dark on cream */
html[data-theme="light"] body,
html[data-theme="light"] .book-name,
html[data-theme="light"] .pick-name,
html[data-theme="light"] .book-seller-tag,
html[data-theme="light"] .book-author-tag {
  color: #4C2B08 !important;
}
html[data-theme="light"] .booket-auth-bar {
  background: #fff !important;
  border-bottom-color: #E8DDD4 !important;
}
html[data-theme="light"] .auth-status {
  color: #84593D !important;
}
html[data-theme="light"] .order-recap {
  background: #F0E6DC !important;
  color: #4C2B08 !important;
  border-color: #E8DDD4 !important;
}

/* Light mode — readable text on cream/white surfaces */
html[data-theme="light"] {
  --booket-ink: #4C2B08;
  --booket-sub: #84593D;
  --booket-border: #E8DDD4;
}
html[data-theme="light"] .booket-hero-lead,
html[data-theme="light"] .booket-hero-sub,
html[data-theme="light"] .booket-hero-quote-en,
html[data-theme="light"] .page-hero-lead,
html[data-theme="light"] .booket-marketplace-lead,
html[data-theme="light"] .booket-catalog-sub,
html[data-theme="light"] .hero-trust-row span,
html[data-theme="light"] .nav-links a {
  color: #84593D !important;
}
html[data-theme="light"] .booket-hero-title,
html[data-theme="light"] .booket-hero-quote,
html[data-theme="light"] .page-hero-title,
html[data-theme="light"] .booket-marketplace-title,
html[data-theme="light"] .booket-catalog-title,
html[data-theme="light"] .home-editor-picks h2,
html[data-theme="light"] .home-spot-body h3,
html[data-theme="light"] .launch-title {
  color: #4C2B08 !important;
}
html[data-theme="light"] .home-spot-body p,
html[data-theme="light"] .home-spot-cta,
html[data-theme="light"] .book-view-details,
html[data-theme="light"] .reels-indicator-label {
  color: #6D3914 !important;
}
html[data-theme="light"] .nav-account-trigger {
  color: #4C2B08 !important;
  border-color: #B7957F !important;
}
html[data-theme="light"] .curated-chip,
html[data-theme="light"] .marketplace-cat-chip {
  color: #84593D !important;
  background: #fff !important;
  border-color: #E8DDD4 !important;
}
html[data-theme="light"] .curated-chip.active,
html[data-theme="light"] .marketplace-cat-chip.active {
  color: #6D3914 !important;
}
html[data-theme="light"] .cart-drawer-meta p,
html[data-theme="light"] .cart-drawer-note {
  color: #84593D !important;
}
html[data-theme="light"] .faq-q {
  color: #4C2B08 !important;
}
html[data-theme="light"] .faq-a {
  color: #84593D !important;
}
html[data-theme="light"] .book-card {
  background: #ffffff !important;
  border-color: #E8DDD4 !important;
}
html[data-theme="light"] .book-card:hover {
  border-color: rgba(171, 119, 67, 0.2) !important;
}
html[data-theme="light"] .book-cover {
  background: #f7f5f0 !important;
}
html[data-theme="light"] .book-cover.has-img {
  background: #f8f5ee !important;
}

/* Light mode — home featured categories */
html[data-theme="light"] .home-featured-card h3 {
  color: #4C2B08 !important;
}
html[data-theme="light"] .home-featured-card p {
  color: #84593D !important;
}
html[data-theme="light"] .home-featured-card {
  background: #fff !important;
  border-color: #E8DDD4 !important;
}

/* Light mode — booket marketplace head */
html[data-theme="light"] .booket-marketplace-title {
  color: #4C2B08 !important;
}
html[data-theme="light"] .booket-marketplace-lead {
  color: #84593D !important;
}

/* Light mode — announce bar readable */
html[data-theme="light"] .announce-bar {
  background: #4C2B08 !important;
  color: rgba(255,255,255,0.88) !important;
}

/* Light mode — nav account menu items */
html[data-theme="light"] .nav-account-item {
  color: #4C2B08 !important;
}
html[data-theme="light"] .nav-account-item:hover {
  background: #F0E6DC !important;
}
html[data-theme="light"] .nav-account-menu-head strong {
  color: #4C2B08 !important;
}
html[data-theme="light"] .nav-account-menu-head span {
  color: #84593D !important;
}

/* Light mode — reels indicator and nav (section keeps dark bg) */
html[data-theme="light"] .home-reels-arrow {
  border-color: rgba(0,0,0,0.15) !important;
  color: var(--tx) !important;
  background: rgba(0,0,0,0.06) !important;
}

/* Light mode — info bar links readable */
html[data-theme="light"] .info-bar {
  background: #4C2B08 !important;
}

/* Light mode — bottom bar text */
html[data-theme="light"] .amanah-bbar {
  background: rgba(250, 247, 242, 0.97) !important;
  border-top-color: #E8DDD4 !important;
}
html[data-theme="light"] .amanah-bbar-tab {
  color: #84593D !important;
}
html[data-theme="light"] .amanah-bbar-tab.active,
html[data-theme="light"] .amanah-bbar-tab:hover {
  color: #6D3914 !important;
}

/* Light mode — home quote band background */
html[data-theme="light"] .home-quote-band {
  background: #F4EDE6 !important;
  border-color: #E8DDD4 !important;
}

/* Light mode — spotlight card background */
html[data-theme="light"] .home-spot-card {
  background: #fff !important;
  border-color: #E8DDD4 !important;
}

/* Light mode — launch hero sub-text visibility */
html[data-theme="light"] .launch-eyebrow {
  color: #6D3914 !important;
}
html[data-theme="light"] .launch-ar {
  color: #6D3914 !important;
}

/* Light mode — ghost button on dark hero: make text visible on light pages */
html[data-theme="light"] .booket-hero-btn--ghost {
  color: var(--booket-ink, #141414) !important;
  border-color: rgba(20, 20, 20, 0.5) !important;
  background: rgba(255, 255, 255, 0.85) !important;
}

/* ═══ Dark mode — product page (product.html) ═══ */

/* Override legacy --card variable so var(--card) elements get dark surface */
html:not([data-theme="light"]) {
  --card: var(--sf);
}

html:not([data-theme="light"]) .pd-shipping {
  background: var(--s2) !important;
  border-color: var(--brd) !important;
}

html:not([data-theme="light"]) .pd-qty-stepper {
  background: var(--s2) !important;
  border-color: var(--brd) !important;
}
html:not([data-theme="light"]) .pd-qty-stepper span {
  color: var(--tx) !important;
}

html:not([data-theme="light"]) .pd-wa-btn,
html:not([data-theme="light"]) .pd-share-btn {
  background: var(--s2) !important;
  border-color: var(--brd) !important;
  color: var(--tx) !important;
}

html:not([data-theme="light"]) .pd-specs {
  border-color: var(--brd) !important;
}
html:not([data-theme="light"]) .pd-specs > div {
  border-color: var(--brd) !important;
}
html:not([data-theme="light"]) .pd-specs > div:nth-child(even) {
  background: var(--s2) !important;
}
html:not([data-theme="light"]) .pd-specs dt {
  color: var(--tx) !important;
}
html:not([data-theme="light"]) .pd-specs dd {
  color: var(--tx2) !important;
}

html:not([data-theme="light"]) .pd-delivery-card {
  background: var(--sf) !important;
  border-color: var(--brd) !important;
}
html:not([data-theme="light"]) .pd-delivery-card h4 {
  color: var(--tx) !important;
}
html:not([data-theme="light"]) .pd-delivery-card p {
  color: var(--tx2) !important;
}

html:not([data-theme="light"]) .pd-sticky {
  background: rgba(17, 24, 22, 0.97) !important;
  border-top-color: var(--brd) !important;
}

html:not([data-theme="light"]) .pd-tabs {
  border-bottom-color: var(--brd) !important;
}
html:not([data-theme="light"]) .pd-tab {
  color: var(--tx2) !important;
}

html:not([data-theme="light"]) .pd-trust {
  border-top-color: var(--brd) !important;
  color: var(--tx2) !important;
}