/* v6.4.93 — PAGE DEFAULT BACKGROUND/COLOR OVERRIDE
   ----------------------------------------------------------------------
   Forces all pages to have:
     • Background: White (#ffffff)
     • Default font color: Black (#000000)

   This file is enqueued LAST among theme stylesheets so its rules win
   regardless of what other CSS (style.css, pt-front-page.css, critical.css,
   pt-mobile-enhancements.css, etc.) defines for body background/color.

   IMPORTANT — what this file does NOT touch on purpose:
   • Hero section background gradient (.pt-hero-wrap) — kept intact
   • Brands section dark navy bg (.pt-brands-section) — kept intact
   • Dark dropdowns / mobile drawer (.pt-mobile-nav, .pt-mega-drop) — kept intact
   • All buttons, badges, slider cards, footer — kept intact

   Anything that doesn't get an inherited bg/color from body uses its own
   defined colors, so the design components above stay exactly as they were.
   ---------------------------------------------------------------------- */

/* Force page background to white and default text to black */
html,
body {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

body {
  color: #000000 !important;
}

/* Default text inside body (paragraphs, spans, divs without explicit color) */
body p,
body li,
body td,
body th,
body dd,
body dt,
body label,
body .entry-content,
body .page-content,
body article p,
body main p,
body .container > p {
  color: #000000;
}

/* Headings default to black (each component can still override) */
body h1:not([class*="pt-hero"]):not([class*="pt-brands"]):not([class*="pt-uw"]):not([class*="mrs2"]):not([class*="pps-"]),
body h2:not([class*="pt-hero"]):not([class*="pt-brands"]):not([class*="pt-uw"]):not([class*="mrs2"]):not([class*="pps-"]),
body h3:not([class*="pt-hero"]):not([class*="pt-brands"]):not([class*="pt-uw"]):not([class*="mrs2"]):not([class*="pps-"]),
body h4:not([class*="pt-hero"]):not([class*="pt-brands"]):not([class*="pt-uw"]):not([class*="mrs2"]):not([class*="pps-"]),
body h5,
body h6 {
  color: #000000;
}

/* Main content area (pages, posts) */
.pt-main-content,
.site-main,
#page,
#primary,
#main,
.entry-content,
.page-content {
  background: #ffffff;
  color: #000000;
}

/* WooCommerce page body override */
.woocommerce-page body,
body.woocommerce-page,
body.woocommerce {
  background: #ffffff !important;
  color: #000000 !important;
}

/* Front page / home page body override (kills #f5f3ff lavender) */
body.home,
body.front-page,
body.page-template-front-page,
body.blog {
  background: #ffffff !important;
  color: #000000 !important;
}

/* Critical: override any inline body color rule from critical.css */
html body {
  background-color: #ffffff !important;
}

/* ============================================================
   v6.6.6 — Carve-out for product description / accordion content
   pt-page-defaults forces body p { color:#000 } which makes
   text invisible inside the dark navy product description panels.
   Explicitly restore light text in those containers.
   ============================================================ */
html body.single-product .elementor-toggle-content,
html body.single-product .elementor-toggle-content p,
html body.single-product .elementor-toggle-content li,
html body.single-product .elementor-toggle-content span,
html body.single-product .elementor-toggle-content div,
html body.single-product .elementor-tab-content,
html body.single-product .elementor-tab-content p,
html body.single-product .elementor-tab-content li,
html body.single-product .elementor-tab-content span,
html body.single-product .elementor-tab-content div,
html body.single-product .woocommerce-Tabs-panel,
html body.single-product .woocommerce-Tabs-panel p,
html body.single-product .woocommerce-Tabs-panel li,
html body.single-product .woocommerce-Tabs-panel span,
html body.single-product .woocommerce-Tabs-panel div,
html body.single-product #tab-description,
html body.single-product #tab-description p,
html body.single-product #tab-description li,
html body.single-product #tab-description span,
html body.single-product #tab-description div,
html body.single-product .pt-product-description,
html body.single-product .pt-product-description p,
html body.single-product .pt-product-description li,
html body.single-product .pt-product-description span,
html body.single-product .pt-product-description div {
  color: #e8eef5 !important;
}
html body.single-product .elementor-toggle-content strong,
html body.single-product .elementor-toggle-content b,
html body.single-product .elementor-tab-content strong,
html body.single-product .elementor-tab-content b,
html body.single-product .woocommerce-Tabs-panel strong,
html body.single-product .woocommerce-Tabs-panel b,
html body.single-product #tab-description strong,
html body.single-product #tab-description b,
html body.single-product .pt-product-description strong,
html body.single-product .pt-product-description b {
  color: #ffffff !important;
}
html body.single-product .elementor-toggle-content a,
html body.single-product .elementor-tab-content a,
html body.single-product .woocommerce-Tabs-panel a,
html body.single-product #tab-description a,
html body.single-product .pt-product-description a {
  color: #ffb380 !important;
}

/* ============================================================
   v6.6.7 — Comprehensive product description readability
   Override ANY inline color/background on user-authored content
   inside .pt-sp-tab-panel (Description, Additional Info, FAQ, etc.)
   so customer's white-bg-targeted HTML stays readable on our dark panel.
   ============================================================ */
html body.single-product .pt-sp-tab-panel,
html body.single-product .pt-sp-tab-panel * {
  color: #e8eef5 !important;
}
html body.single-product .pt-sp-tab-panel strong,
html body.single-product .pt-sp-tab-panel b,
html body.single-product .pt-sp-tab-panel h1,
html body.single-product .pt-sp-tab-panel h2,
html body.single-product .pt-sp-tab-panel h3,
html body.single-product .pt-sp-tab-panel h4,
html body.single-product .pt-sp-tab-panel h5,
html body.single-product .pt-sp-tab-panel h6 {
  color: #ffffff !important;
}
html body.single-product .pt-sp-tab-panel a {
  color: #ffb380 !important;
}
html body.single-product .pt-sp-tab-panel code,
html body.single-product .pt-sp-tab-panel kbd,
html body.single-product .pt-sp-tab-panel pre {
  color: #ffd0a8 !important;
  background-color: rgba(255,140,42,0.08) !important;
}
/* Step/info cards authored with light bg + dark text — give them a
   translucent dark surface that works in our dark panel context */
html body.single-product .pt-sp-tab-panel div[style*="background"] {
  background-color: rgba(255,255,255,0.04) !important;
  background-image: none !important;
}
/* Restore the colored left-border accent (orange tint regardless of original color) */
html body.single-product .pt-sp-tab-panel div[style*="border-left"] {
  border-left-color: #ff8c2a !important;
}

/* ============================================================
   v6.6.8 — Heading colors inside product description tab panel
   Theme inlines `h1..h6 { color: var(--pt-heading) }` where
   --pt-heading = #1a1a1a (almost black on our dark navy panel).
   Re-scope the CSS variables AND add #tab-description heading
   overrides so ALL headings inside Description/FAQ/etc panels
   are pure white regardless of cascade order.
   ============================================================ */
html body.single-product .pt-sp-tab-panel,
html body.single-product #tab-description,
html body.single-product #tab-additional_information,
html body.single-product #tab-reviews {
  --pt-heading: #ffffff !important;
  --color-dark: #ffffff !important;
  --pt-text: #e8eef5 !important;
}
html body.single-product #tab-description h1,
html body.single-product #tab-description h2,
html body.single-product #tab-description h3,
html body.single-product #tab-description h4,
html body.single-product #tab-description h5,
html body.single-product #tab-description h6,
html body.single-product .pt-sp-tab-panel#tab-description h1,
html body.single-product .pt-sp-tab-panel#tab-description h2,
html body.single-product .pt-sp-tab-panel#tab-description h3,
html body.single-product .pt-sp-tab-panel#tab-description h4,
html body.single-product .pt-sp-tab-panel#tab-description h5,
html body.single-product .pt-sp-tab-panel#tab-description h6 {
  color: #ffffff !important;
}

/* ============================================================
   v6.6.9 — Comparison table readability inside product tabs
   Customer paste-in tables (e.g. "Elementor Free vs Elementor Pro")
   render with default light-bg colors. Force all table cells,
   headers, and inline-styled cells to readable colors on the
   dark navy panel.
   ============================================================ */
html body.single-product .pt-sp-tab-panel table,
html body.single-product #tab-description table,
html body.single-product .woocommerce-Tabs-panel table,
html body.single-product .elementor-tab-content table {
  background: transparent !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #e8eef5 !important;
}
html body.single-product .pt-sp-tab-panel table th,
html body.single-product .pt-sp-tab-panel table td,
html body.single-product #tab-description table th,
html body.single-product #tab-description table td,
html body.single-product .woocommerce-Tabs-panel table th,
html body.single-product .woocommerce-Tabs-panel table td,
html body.single-product .elementor-tab-content table th,
html body.single-product .elementor-tab-content table td {
  color: #e8eef5 !important;
  background: transparent !important;
  border-color: rgba(255,255,255,0.12) !important;
}
html body.single-product .pt-sp-tab-panel table th,
html body.single-product #tab-description table th,
html body.single-product .woocommerce-Tabs-panel table th,
html body.single-product .elementor-tab-content table th {
  color: #ffffff !important;
  background: rgba(255,255,255,0.04) !important;
  font-weight: 700 !important;
}
html body.single-product .pt-sp-tab-panel table tr:nth-child(even) td,
html body.single-product #tab-description table tr:nth-child(even) td {
  background: rgba(255,255,255,0.02) !important;
}
html body.single-product .pt-sp-tab-panel table strong,
html body.single-product .pt-sp-tab-panel table b,
html body.single-product #tab-description table strong,
html body.single-product #tab-description table b {
  color: #ffffff !important;
}
/* Inline-styled cells (color:#000 / #1a1a1a / #334155 ইত্যাদি) override */
html body.single-product .pt-sp-tab-panel table [style*="color"],
html body.single-product #tab-description table [style*="color"] {
  color: #e8eef5 !important;
}
html body.single-product .pt-sp-tab-panel table th[style*="color"],
html body.single-product #tab-description table th[style*="color"] {
  color: #ffffff !important;
}

/* Headings that sit OUTSIDE #tab-description but inside the panel wrapper
   (e.g. "Elementor Free vs Elementor Pro — সম্পূর্ণ তুলনা" h2/h3) */
html body.single-product .pt-sp-tab-panel h1,
html body.single-product .pt-sp-tab-panel h2,
html body.single-product .pt-sp-tab-panel h3,
html body.single-product .pt-sp-tab-panel h4,
html body.single-product .pt-sp-tab-panel h5,
html body.single-product .pt-sp-tab-panel h6,
html body.single-product .woocommerce-Tabs-panel h1,
html body.single-product .woocommerce-Tabs-panel h2,
html body.single-product .woocommerce-Tabs-panel h3,
html body.single-product .woocommerce-Tabs-panel h4,
html body.single-product .woocommerce-Tabs-panel h5,
html body.single-product .woocommerce-Tabs-panel h6,
html body.single-product .elementor-tab-content h1,
html body.single-product .elementor-tab-content h2,
html body.single-product .elementor-tab-content h3,
html body.single-product .elementor-tab-content h4,
html body.single-product .elementor-tab-content h5,
html body.single-product .elementor-tab-content h6 {
  color: #ffffff !important;
}
html body.single-product .pt-sp-tab-panel h1[style*="color"],
html body.single-product .pt-sp-tab-panel h2[style*="color"],
html body.single-product .pt-sp-tab-panel h3[style*="color"],
html body.single-product .pt-sp-tab-panel h4[style*="color"],
html body.single-product .pt-sp-tab-panel h5[style*="color"],
html body.single-product .pt-sp-tab-panel h6[style*="color"] {
  color: #ffffff !important;
}

/* ============================================================
   v6.6.11 — Inline-styled <tr> & <thead> background reset
   Customer-paste table-এ <tr style="background:#fef3f7"> zebra
   এবং <thead style="background: linear-gradient(...)"> অংশগুলো
   inline background নিয়ে এসেছে, যা dark panel-এ বেমানান।
   ============================================================ */
html body.single-product .pt-sp-tab-panel table tr[style*="background"],
html body.single-product #tab-description table tr[style*="background"] {
  background: rgba(255,255,255,0.03) !important;
}
html body.single-product .pt-sp-tab-panel table thead[style*="background"],
html body.single-product #tab-description table thead[style*="background"],
html body.single-product .pt-sp-tab-panel table thead tr[style*="background"],
html body.single-product #tab-description table thead tr[style*="background"] {
  background: linear-gradient(135deg, #ff8c2a, #ff6b3a) !important;
  color: #ffffff !important;
}
html body.single-product .pt-sp-tab-panel table thead th,
html body.single-product #tab-description table thead th {
  color: #ffffff !important;
}
/* Inline border colors (e.g. #e5e7eb) on <td>/<th> → translucent white */
html body.single-product .pt-sp-tab-panel table td[style*="border"],
html body.single-product .pt-sp-tab-panel table th[style*="border"],
html body.single-product #tab-description table td[style*="border"],
html body.single-product #tab-description table th[style*="border"] {
  border-color: rgba(255,255,255,0.12) !important;
}

/* ============================================================
   v6.6.12 — Mobile: comparison table horizontal scroll + contrast
   Customer-paste table desktop-এ ৩-column ছিল; mobile-এ ভেঙে
   পড়ে। Table-কে scrollable wrapper-এ মোড়ানো যাচ্ছে না (inline
   HTML), তাই table নিজেই `display:block; overflow-x:auto` দিয়ে
   horizontal scroll-able করি। Font size, padding ও contrast
   মোবাইল-উপযোগী করা হলো।
   ============================================================ */
@media (max-width: 768px) {
  html body.single-product .pt-sp-tab-panel table,
  html body.single-product #tab-description table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    margin: 16px 0 !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    border-radius: 8px !important;
    /* visual scroll hint */
    background:
      linear-gradient(to right, rgba(15,23,35,0.95) 30%, rgba(15,23,35,0)) left center / 24px 100% no-repeat,
      linear-gradient(to right, rgba(15,23,35,0), rgba(15,23,35,0.95) 70%) right center / 24px 100% no-repeat,
      radial-gradient(farthest-side at 0 50%, rgba(255,140,42,0.25), rgba(255,140,42,0)) left center / 12px 100% no-repeat,
      radial-gradient(farthest-side at 100% 50%, rgba(255,140,42,0.25), rgba(255,140,42,0)) right center / 12px 100% no-repeat;
    background-attachment: local, local, scroll, scroll;
  }
  html body.single-product .pt-sp-tab-panel table thead,
  html body.single-product .pt-sp-tab-panel table tbody,
  html body.single-product .pt-sp-tab-panel table tr,
  html body.single-product #tab-description table thead,
  html body.single-product #tab-description table tbody,
  html body.single-product #tab-description table tr {
    display: table-row-group !important;
  }
  html body.single-product .pt-sp-tab-panel table tr,
  html body.single-product #tab-description table tr {
    display: table-row !important;
  }
  html body.single-product .pt-sp-tab-panel table th,
  html body.single-product .pt-sp-tab-panel table td,
  html body.single-product #tab-description table th,
  html body.single-product #tab-description table td {
    padding: 10px 12px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: #f1f5f9 !important;        /* stronger contrast on mobile */
    white-space: normal !important;
    min-width: 110px !important;
    word-break: normal !important;
  }
  html body.single-product .pt-sp-tab-panel table th:first-child,
  html body.single-product .pt-sp-tab-panel table td:first-child,
  html body.single-product #tab-description table th:first-child,
  html body.single-product #tab-description table td:first-child {
    min-width: 140px !important;
    /* sticky first column for easier comparison while scrolling */
    position: sticky !important;
    left: 0 !important;
    background: #0f1723 !important;
    z-index: 2 !important;
    border-right: 1px solid rgba(255,255,255,0.14) !important;
  }
  html body.single-product .pt-sp-tab-panel table thead th,
  html body.single-product #tab-description table thead th {
    font-size: 13px !important;
    letter-spacing: 0.2px !important;
    text-transform: none !important;
    color: #ffffff !important;
  }
  html body.single-product .pt-sp-tab-panel table strong,
  html body.single-product .pt-sp-tab-panel table b,
  html body.single-product #tab-description table strong,
  html body.single-product #tab-description table b {
    color: #ffd9b3 !important;        /* warm accent on mobile for emphasis */
  }
}

/* Smaller phones: tighten further */
@media (max-width: 420px) {
  html body.single-product .pt-sp-tab-panel table th,
  html body.single-product .pt-sp-tab-panel table td,
  html body.single-product #tab-description table th,
  html body.single-product #tab-description table td {
    padding: 9px 10px !important;
    font-size: 13px !important;
    min-width: 100px !important;
  }
  html body.single-product .pt-sp-tab-panel table th:first-child,
  html body.single-product .pt-sp-tab-panel table td:first-child,
  html body.single-product #tab-description table th:first-child,
  html body.single-product #tab-description table td:first-child {
    min-width: 130px !important;
  }
}

/* ============================================================
   v6.6.13 — Home page color/background readability pass
   লক্ষ্য: existing layout/structure unchanged রেখে শুধু low-contrast
   ও invisible element-গুলো readable করা। Scope: `body.home` —
   অন্য pages-এ effect নেই।
   ============================================================ */

/* ── 1. Hero slider blank fallback ──
   `.pt-slide` empty বা শুধু gradient placeholder থাকলে নরম
   branded gradient + subtle pattern দেখাই, যাতে fully blank
   box-টা ভিজুয়ালি awkward না লাগে। */
body.home .pt-slider-card {
  background: linear-gradient(135deg, #1a1832 0%, #221e42 45%, #2a1d3a 100%) !important;
  position: relative !important;
  overflow: hidden !important;
}
body.home .pt-slider-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 20% 30%, rgba(255,140,42,0.10), transparent 55%),
    radial-gradient(ellipse at 80% 70%, rgba(120,80,255,0.12), transparent 55%);
  pointer-events: none;
  z-index: 1;
}
body.home .pt-slide,
body.home .pt-slide.active {
  z-index: 2 !important;
}

/* ── 2. Popular Products: image thumb visibility ──
   Card bg ও image bg দুটোই dark navy হওয়ায় image মিলিয়ে যাচ্ছিল।
   Thumb container-এ light surface + soft padding দিই। */
body.home .pt-mpp-card-thumb {
  background: linear-gradient(135deg, #f8fafc, #e8eef5) !important;
  border-radius: 10px 10px 0 0 !important;
  overflow: hidden !important;
  position: relative !important;
}
body.home .pt-mpp-card-thumb a,
body.home .pt-mpp-card-thumb img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  background: transparent !important;
}
body.home .pt-mpp-card-thumb img {
  object-fit: contain !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  opacity: 1 !important;
}

/* ── 3. Recently Added cards: image thumb visibility ── */
body.home .pt-ra-thumb {
  background: linear-gradient(135deg, #f8fafc, #e8eef5) !important;
  border-radius: 10px 10px 0 0 !important;
  overflow: hidden !important;
  position: relative !important;
}
body.home .pt-ra-thumb a,
body.home .pt-ra-thumb img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  background: transparent !important;
  opacity: 1 !important;
}

/* ── 4. "✦ Just Added" badge — invisible text fix ── */
body.home .pt-ra-badge {
  background: rgba(34,197,94,0.18) !important;
  color: #86efac !important;
  border: 1px solid rgba(34,197,94,0.35) !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.3px !important;
  display: inline-block !important;
}

/* ── 5. "Recently Added" heading contrast ── */
body.home .pt-ra-header h2 {
  color: #ffffff !important;
}
body.home .pt-ra-header h2 span {
  color: #4ade80 !important;          /* brighter green for "Added" word */
}
body.home .pt-ra-header p {
  color: #cbd5e1 !important;
}

/* ── 6. Strikethrough original prices — faint to readable ── */
body.home .pt-lc-orig-price,
body.home .pt-ra-reg-price,
body.home .pt-mpp-regular-price {
  color: #94a3b8 !important;
  opacity: 0.85 !important;
  text-decoration: line-through !important;
  font-size: 0.85em !important;
}

/* ── 7. Sidebar / Categories list contrast ── */
body.home .pt-mpp-sidebar,
body.home aside.pt-mpp-sidebar,
body.home .pt-mpp-cat-list {
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
}
body.home .pt-mpp-cat-list a,
body.home .pt-mpp-cat-list li a,
body.home .pt-mpp-sidebar li a {
  color: #e2e8f0 !important;
}
body.home .pt-mpp-cat-list li a:hover,
body.home .pt-mpp-sidebar li a:hover {
  color: #ff8c2a !important;
}
body.home .pt-mpp-cat-list .pt-mpp-cat-count,
body.home .pt-mpp-cat-list .count,
body.home .pt-mpp-sidebar .count {
  color: #94a3b8 !important;
  opacity: 0.95 !important;
}

/* ── 8. Stats labels brighter ── */
body.home .pt-stats-grid .pt-stat-label,
body.home .pt-stats-grid [class*="label"] {
  color: #cbd5e1 !important;
  opacity: 1 !important;
}

/* ── 9. Blog card top tag readable ── */
body.home .pt-blog-cat,
body.home .pt-blog-card .pt-blog-cat {
  background: rgba(255,140,42,0.16) !important;
  color: #ffd9b3 !important;
  border: 1px solid rgba(255,140,42,0.32) !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* ── 10. Elementor footer link contrast (scoped, doesn't break other pages
       since footer is shared, but only adjusts color/opacity not layout) ── */
.theme-bazar .elementor-location-footer a,
.theme-bazar footer a {
  color: #cbd5e1 !important;
  opacity: 1 !important;
}
.theme-bazar .elementor-location-footer a:hover,
.theme-bazar footer a:hover {
  color: #ff8c2a !important;
}
.theme-bazar .elementor-location-footer li,
.theme-bazar footer li {
  color: #cbd5e1 !important;
}

/* ── 11. Section wrapper background match (v6.6.14) ──
   "Recently Added" এবং "From Our Blog" সেকশনের সাদা ব্যাকগ্রাউন্ড
   পেইজের dark navy bg (#0b1220) এর সাথে মেলানো — শুধু home-এ। */
body.home .pt-ra-section,
body.home .pt-blog-section,
body.home section:has(> .pt-ra-header),
body.home section:has(.pt-ra-header),
body.home section:has(.pt-blog-card),
body.home .elementor-section:has(.pt-ra-header),
body.home .elementor-section:has(.pt-blog-card),
body.home .e-con:has(.pt-ra-header),
body.home .e-con:has(.pt-blog-card),
body.home .elementor-element:has(> .pt-ra-header),
body.home .elementor-element:has(> .pt-blog-card) {
  background-color: #0b1220 !important;
  background-image: none !important;
}
/* Inner column wrappers that may carry their own white bg */
body.home .pt-ra-section .elementor-container,
body.home .pt-blog-section .elementor-container,
body.home section:has(.pt-ra-header) .elementor-container,
body.home section:has(.pt-blog-card) .elementor-container {
  background-color: transparent !important;
}