/* ===== BEAT4D custom theme override (dark red/black) ===== */
/* Overrides the default TeePublic theme this page was cloned from. */

:root{
  --b4d-bg:#0a0000;
  --b4d-bg2:#150404;
  --b4d-card:#1a0606;
  --b4d-red:#ff1a1a;
  --b4d-red-dark:#8b0000;
  --b4d-border:rgba(255,26,26,.35);
  --b4d-text:#f5e6e6;
  --b4d-muted:#c99;
}

html, body#teepublic{
  background:var(--b4d-bg) !important;
  color:var(--b4d-text) !important;
}

.main-wrapper{
  background:var(--b4d-bg) !important;
}

/* ── FIX: kontainer TeePublic asli masih pakai bg terang + teks gelap,
   jadi begitu body digelapkan, tulisannya jadi tidak kebaca.
   Gelapkan semua kontainer ini & terangkan tulisannya. ── */
.m-design,
.contain.contain--wide-3,
.m-design__content,
.m-design__product,
.m-design__preview,
.m-design__cart-config,
.m-design-product-info,
.m-design-product-info-and-faqs,
.m-design-product-info--product-quality,
.m-design-product-info--faq-container,
.m-design-product-info--faqs,
.tp-accordion,
.tp-accordion__content,
.m-design__ratings,
.m-design__ratings-services,
.m-design__ratings-service,
.cqd-banner,
.cqd-banner__container,
.m-footer-sitemap,
.m-footer-sitemap-container,
.m-footer__trusted-text{
  background:transparent !important;
}

.m-design-product-info--product-quality h4,
.m-design-product-info--product-quality p,
.tp-accordion__button,
.tp-accordion__button *,
.tp-accordion__content,
.tp-accordion__content *,
.m-design__ratings-heading,
.m-design__ratings-service-name,
.m-design__ratings-details,
.m-footer__guarantee-headline,
.m-footer__guarantee-subtext,
.link-collection__header,
.link-collection__link .link__content{
  color:var(--b4d-text) !important;
}

.tp-accordion{
  border-bottom:1px solid var(--b4d-border) !important;
}

/* matikan overlay/fade bawaan TeePublic yang bikin baris FAQ bawah makin gelap/pudar */
.m-design-product-info--faqs::before,
.m-design-product-info--faqs::after,
.m-design-product-info--faq-container::before,
.m-design-product-info--faq-container::after,
.tp-accordion::before,
.tp-accordion::after{
  display:none !important;
}

/* heading "Review Member BEAT4D" tanpa class, disasar lewat inline style-nya */
h2[style*="text-align:center"]{
  color:var(--b4d-text) !important;
}

/* ── HEADER ── */
.vc-header{
  background:linear-gradient(135deg,#120202,#0a0000) !important;
  border-bottom:1px solid var(--b4d-border) !important;
  box-shadow:0 2px 16px rgba(0,0,0,.7) !important;
}
.vc-header-logo img{
  filter:drop-shadow(0 0 8px rgba(255,26,26,.55));
}
.vc-header__shop-button{
  color:var(--b4d-text) !important;
}

/* ── SEARCH BAR ── */
.m-header__search-field-container{
  background:var(--b4d-card) !important;
  border:1px solid var(--b4d-border) !important;
  border-radius:10px !important;
}
.m-header__search-field,
.m-header__search-field.form__control{
  background:transparent !important;
  color:var(--b4d-text) !important;
}
.m-header__search-field-placeholder p{
  color:var(--b4d-muted) !important;
}
.m-header__search-submit{
  background:linear-gradient(180deg,var(--b4d-red) 0%,var(--b4d-red-dark) 100%) !important;
}

/* ── CATEGORY TABS ── */
.m-explore-nav,
.m-explore-nav__container,
.m-tab-nav__content,
.m-tab-nav__tab-content,
.m-explore-nav__tab-content{
  background:var(--b4d-bg2) !important;
}
.m-tab-nav__item a{
  color:var(--b4d-muted) !important;
}
.m-tab-nav__item a.tab--active,
.m-tab-nav__item a[aria-selected="true"]{
  color:var(--b4d-red) !important;
  border-color:var(--b4d-red) !important;
}
.m-explore-nav__link{
  background:var(--b4d-card) !important;
  border:1px solid var(--b4d-border) !important;
  border-radius:12px !important;
}
.m-explore-nav__link:hover{
  box-shadow:0 0 14px rgba(255,26,26,.4) !important;
  border-color:var(--b4d-red) !important;
}
.m-explore-nav__link .link__content{
  color:var(--b4d-text) !important;
}

/* ── PRODUCT GALLERY ── */
.m-product-preview,
.m-product-preview__gallery{
  background:var(--b4d-card) !important;
}
.m-product-preview__glider-slide{
  background:var(--b4d-bg2) !important;
}
.m-product-preview__thumb{
  border:1px solid var(--b4d-border) !important;
  border-radius:8px !important;
  overflow:hidden;
}
.m-product-preview__thumb.on,
.m-product-preview__thumb:hover{
  border-color:var(--b4d-red) !important;
  box-shadow:0 0 10px rgba(255,26,26,.5) !important;
}
.m-product-preview__glider-ctrl{
  background:rgba(0,0,0,.55) !important;
  color:var(--b4d-red) !important;
}

/* ── TITLE & PRICE ── */
.m-design-details__title,
.m-design-details__title *{
  color:#fff !important;
}
.m-design__prices,
.m-design__prices *{
  color:var(--b4d-red) !important;
  font-weight:800 !important;
}

/* ── NOTICE BANNER ── */
.cqd-banner__banner.tp-text-note{
  background:var(--b4d-card) !important;
  border:1px solid var(--b4d-border) !important;
  border-radius:10px !important;
}
.cqd-banner__banner .tp-text-note__text{
  color:var(--b4d-text) !important;
}
.cqd-banner__banner .teepublicon path{
  fill:var(--b4d-red) !important;
}

/* ── ARTICLE TEXT ── */
.m-design__content p,
.m-design__content p span,
.m-design__product p,
.m-design__product p span{
  color:var(--b4d-muted) !important;
}
a[style*="0264f8"]{
  color:var(--b4d-red) !important;
}