/* ===== Tema Asialive88: gradient merah, warna diambil dari artwork brand ===== */
:root{
  --al-red-1:#ff2f2f; --al-red-2:#d60101; --al-red-3:#8f0000; --al-red-4:#5c0000;
  --al-bg:#08080a;    --al-bg-2:#101014; --al-surface:#16161d; --al-surface-2:#1d1d26;
  --al-text:#ececed;  --al-muted:#a3a3ad; --al-border:#2c2c37;
  --al-grad:linear-gradient(135deg,var(--al-red-1) 0%,var(--al-red-2) 55%,var(--al-red-3) 100%);
  --al-grad-soft:linear-gradient(180deg,#15151b 0%,#0c0c10 100%);
}
html,body#teepublic{ background:var(--al-bg) !important; color:var(--al-text) !important; }
body#teepublic{
  background-image:
    radial-gradient(1100px 520px at 50% -8%, rgba(214,1,1,.30), transparent 62%),
    radial-gradient(760px 420px at 100% 32%, rgba(143,0,0,.20), transparent 60%),
    linear-gradient(180deg,#0a0a0d 0%,#08080a 100%) !important;
  background-attachment:fixed !important;
}
/* --- teks umum --- */
body#teepublic p, body#teepublic li, body#teepublic span,
body#teepublic div, body#teepublic td, body#teepublic dd{ color:var(--al-text); }
body#teepublic h1, body#teepublic h2, body#teepublic h3,
body#teepublic h4, body#teepublic h5{ color:#fff !important; }
body#teepublic a{ color:var(--al-red-1); }
body#teepublic a:hover{ color:#ff6b6b; }
/* --- header & footer --- */
.vc-header, .m-footer, .m-top-banner{
  background:var(--al-grad-soft) !important; border-color:var(--al-border) !important;
}
.vc-header{ border-bottom:2px solid transparent !important; border-image:var(--al-grad) 1 !important; }
.m-footer{ border-top:2px solid transparent !important; border-image:var(--al-grad) 1 !important; }
/* --- panel produk --- */
.m-design, .m-design__content, .m-design__options, .m-design__product{ background:transparent !important; }
.m-design__preview, .m-product-preview__main{
  background:var(--al-surface) !important; border:1px solid var(--al-border) !important;
  border-radius:14px !important; padding:10px !important;
}
.m-design__price, .m-design__prices span{
  background:var(--al-grad); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; font-weight:800 !important;
}
/* --- kartu / kotak --- */
.m-design-product-info--product-quality,
.m-design-product-info--faq-container,
.m-design__ratings, .m-design__inline-search,
.m-design__guarantee, .guarantee, .cqd-banner, .m-design__buy-ctas{
  background:var(--al-surface) !important; border:1px solid var(--al-border) !important;
  border-radius:14px !important; color:var(--al-text) !important;
}
.m-design-product-info--product-quality{ border-top:3px solid transparent !important; border-image:var(--al-grad) 1 !important; }
/* --- artikel --- */
.al88-article{ color:var(--al-text) !important; }
.al88-article p{ color:#d6d6da !important; }
.al88-article h2, .al88-article h3,
h1.m-design-details__description-title{ color:#fff !important; }
.al88-article h2{
  padding-left:14px; border-left:5px solid transparent; border-image:var(--al-grad) 1;
}
h1.m-design-details__description-title{
  background:var(--al-grad); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.al88-article a, .al88-article strong a{ color:var(--al-red-1) !important; }
.al88-article strong{ color:#fff !important; }
.al88-article hr{ border-top:1px solid var(--al-border) !important; }
/* --- tabel --- */
.al88-table{ background:var(--al-surface) !important; border-radius:12px; overflow:hidden; }
.al88-table thead tr, .al88-table tr[style*="0060ff"]{ background:var(--al-grad) !important; }
.al88-table th{ background:var(--al-surface-2) !important; color:#fff !important; border-color:var(--al-border) !important; }
.al88-table thead th{ background:transparent !important; }
.al88-table td{ color:#d6d6da !important; border-color:var(--al-border) !important; }
.al88-table tbody tr:nth-child(even) td,
.al88-table tbody tr:nth-child(even) th{ background:rgba(255,255,255,.025) !important; }
.al88-table caption{ color:var(--al-muted) !important; }
/* --- tombol utama LOGIN / REGISTER --- */
.btn-x{
  background:var(--al-grad) !important; color:#fff !important;
  border:none !important; box-shadow:0 6px 18px rgba(214,1,1,.38) !important;
  letter-spacing:.4px;
}
.btn-x:hover{ background:linear-gradient(135deg,#ff5252 0%,#e01111 55%,#a10000 100%) !important; }
/* --- opsi, pil, akordeon, form --- */
.radio-selector__radios label, .m-cart-config__option label,
.vc-pill, .tp-accordion, .m-quantity-selector, .form__control{
  background:var(--al-surface-2) !important; color:var(--al-text) !important;
  border:1px solid var(--al-border) !important;
}
.radio-selector__radios input:checked + label,
.radio-selector__radios label.selected, .vc-pill:hover{
  background:var(--al-grad) !important; color:#fff !important; border-color:transparent !important;
}
.tp-accordion__button, .tp-accordion__button-text{ color:#fff !important; background:transparent !important; }
.tp-accordion{ border-radius:10px !important; }
.form__control::placeholder{ color:var(--al-muted) !important; }
.btn--black, .query-submit, button[type=submit]{ background:var(--al-grad) !important; color:#fff !important; border:none !important; }
/* --- newsletter --- */
.m-newsletter, .m-newsletter-signup{
  background:linear-gradient(135deg,#2a0000 0%,#12000a 100%) !important;
  border-top:1px solid var(--al-border) !important;
}
/* --- rating & judul kecil --- */
.m-design__ratings-service-name, .m-design__ratings-details,
.m-design__subtitles, .text-note{ color:var(--al-muted) !important; }
.m-design__additional-info-container{ background:transparent !important; }
h2.h__h2--secondary.m-design__h2{
  background:var(--al-grad); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
/* --- kolom & pemisah --- */
.link-collection__header{ color:#fff !important; }
.m-footer a, .link-collection a{ color:#c9c9d1 !important; }
.m-footer a:hover{ color:var(--al-red-1) !important; }
hr, .divider{ border-color:var(--al-border) !important; }

/* ===== Sisa panel terang bawaan template ===== */
.running-text, .m-trustpilot-bar, .m-top-banner{
  background:var(--al-grad-soft) !important; color:var(--al-text) !important;
  border-bottom:1px solid var(--al-border) !important;
}
.running-text *, .m-trustpilot-bar *{ color:var(--al-text) !important; }
.glide.m-product-preview__glider, .m-product-preview__gallery,
.glide__track, .glide__slides, .m-product-preview__glider-slide{
  background:transparent !important;
}
.cqd-banner__banner, .tp-text-note, .free-shipping__progress{
  background:var(--al-surface-2) !important; color:var(--al-text) !important;
  border:1px solid var(--al-border) !important; border-radius:10px !important;
}
/* laci & modal */
.drawer__wrapper, .drawer__component, .drawer--light,
.drawer__header-container, .drawer__footer-container,
.modal, .modal-default, .m-tray-cart__footer{
  background:var(--al-surface) !important; color:var(--al-text) !important;
  border-color:var(--al-border) !important;
}
.drawer__component *, .modal *{ color:var(--al-text) !important; }
.drawer__component a, .modal a{ color:var(--al-red-1) !important; }
/* input */
.tp-input-field, .tp-input-field--text, input[type=text], input[type=email], .form__control{
  background:var(--al-surface-2) !important; color:var(--al-text) !important;
  border:1px solid var(--al-border) !important;
}
input::placeholder{ color:var(--al-muted) !important; }
/* label opsi warna */
.m-cart-config__color-label, .m-cart-config__color-label strong,
.m-cart-config__select-label{ color:var(--al-muted) !important; }
.m-cart-config__color-name{ color:var(--al-text) !important; }
/* garis pemisah tabel lebih lembut */
.al88-table th, .al88-table td{ border-color:#33333f !important; }

/* tombol ajakan di header + kotak pencarian */
.vc-header .btn--cta, .vc-header .btn--primary, .vc-header a.btn,
.btn--cta, .btn--primary, .tp-btn--primary{
  background:var(--al-grad) !important; color:#fff !important; border:none !important;
}
.c-search-form--rainbow, .c-search-form--rainbow .c-search-form__search{
  background:var(--al-grad) !important;
}
.c-search-form--rainbow .form__fields{ background:var(--al-surface) !important; }
.link__cta, .link--default{ color:var(--al-red-1) !important; }

/* istilah asing bercetak miring: naikkan kontras di latar gelap */
.al88-article em, .al88-table em{
  color:#ffb3b3 !important; font-style:italic; -webkit-text-fill-color:#ffb3b3 !important;
}

/* daftar provider di artikel */
.al88-article ul.al88-list{ list-style:disc; color:#d6d6da !important; }
.al88-article ul.al88-list li{ color:#d6d6da !important; }
.al88-article ul.al88-list li::marker{ color:var(--al-red-1); }

/* sorotan hasil pencarian dalam halaman */
.al88-hit{
  background:linear-gradient(90deg,rgba(214,1,1,.30),rgba(143,0,0,.16)) !important;
  outline:2px solid var(--al-red-2); outline-offset:3px; border-radius:6px;
  transition:background .25s ease, outline-color .25s ease;
}