/* =====================================================================
   GOLD PREMIUM THEME — ko231.html
   Tema visual emas mewah (obsidian + gold). 100% warna & permukaan.
   CATATAN: file ini TIDAK pernah menyentuh font-family / font sizing.
   Edit bebas di sini, jangan ubah file index-*.css bawaan.
   ===================================================================== */

/* ---------------------------------------------------------------
   1. PALET EMAS
   --------------------------------------------------------------- */
:root {
    /* emas */
    --lux-gold-50: #fffbea;
    --lux-gold-100: #fdf3c7;
    --lux-gold-200: #f6e27a;
    --lux-gold-300: #ebcf63;
    --lux-gold-400: #d9b444;
    --lux-gold-500: #c9a227; /* emas inti */
    --lux-gold-600: #a8801a;
    --lux-gold-700: #7e5e12;
    --lux-gold-800: #4f3a0b;

    /* dasar gelap */
    --lux-ink-950: #070708;
    --lux-ink-900: #0b0b0d;
    --lux-ink-850: #101014;
    --lux-ink-800: #16161b;
    --lux-ink-700: #1d1d23;
    --lux-ink-600: #26262e;

    /* teks */
    --lux-text: #ece7db;
    --lux-text-dim: #b6ad98;
    --lux-on-gold: #1a1305;

    /* garis & bayangan */
    --lux-line: rgba(201, 162, 39, 0.26);
    --lux-line-strong: rgba(201, 162, 39, 0.55);
    --lux-glow: 0 0 0 1px rgba(201, 162, 39, 0.18), 0 18px 40px -18px rgba(0, 0, 0, 0.9);
    --lux-glow-hot: 0 0 22px -4px rgba(246, 226, 122, 0.45);

    /* gradien */
    --lux-metal: linear-gradient(
        135deg,
        #8a6a16 0%,
        #c9a227 16%,
        #f6e27a 36%,
        #fff6d0 50%,
        #f6e27a 64%,
        #c9a227 84%,
        #8a6a16 100%
    );
    --lux-metal-soft: linear-gradient(180deg, #f0da8f 0%, #d9b444 45%, #b28c1d 100%);
    --lux-surface: linear-gradient(180deg, #17171c 0%, #0f0f13 100%);
    --lux-surface-2: linear-gradient(180deg, #1e1e25 0%, #141419 100%);

    /* ---- remap design token bawaan (brand neue) ---- */
    --color-yellow-1000: #0b0b0d;
    --color-yellow-1000-mask: rgb(11 11 13 / 0.72);
    --color-yellow-700: #c9a227;
    --color-yellow-500: #d9b444;
    --color-yellow-300: #ebcf63;
    --color-yellow-100: #f6e27a;
    --color-yellow-50: #16161b;
    --color-yellow-25: #101014;
    --color-green-1000: #1a1305;
    --color-green-700: #a8801a;
    --color-green-500: #c9a227;
    --color-green-300: #ebcf63;
    --color-green-100: #f6e27a;
    --color-green-25: #fffbea;
    --color-yolk-300: #f6e27a;
    --color-yolk-500: #c9a227;
    --color-yolk-700: #a8801a;
}

.color-scheme-light,
.color-scheme-dark {
    --color-interactive-primary: var(--lux-gold-500);
    --color-interactive-primary-hover: var(--lux-gold-300);
    --color-interactive-control: var(--lux-gold-400);
    --color-interactive-control-hover: var(--lux-gold-200);
    --color-surface-primary: var(--lux-ink-900);
    --color-surface-accent: var(--lux-ink-800);
    --color-surface-elevated: var(--lux-ink-700);
    --color-content-primary: var(--lux-text);
    --color-content-secondary: var(--lux-text-dim);
    --color-content-brand: var(--lux-on-gold);
    --color-border-primary: var(--lux-gold-500);
    --color-border-secondary: var(--lux-gold-700);
    --color-border-tertiary: rgba(201, 162, 39, 0.28);
}

/* ---------------------------------------------------------------
   2. DASAR HALAMAN
   --------------------------------------------------------------- */
html {
    background: var(--lux-ink-950) !important;
}

body {
    background-color: var(--lux-ink-900) !important;
    background-image:
        radial-gradient(900px 520px at 12% -6%, rgba(201, 162, 39, 0.16), transparent 62%),
        radial-gradient(760px 460px at 92% 4%, rgba(246, 226, 122, 0.1), transparent 60%),
        radial-gradient(1100px 700px at 50% 108%, rgba(168, 128, 26, 0.14), transparent 66%),
        linear-gradient(180deg, #0b0b0d 0%, #08080a 55%, #0b0b0d 100%) !important;
    background-attachment: fixed !important;
    color: var(--lux-text) !important;
}

/* teks umum */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body li,
body td,
body th,
body dd,
body dt,
body cite,
body blockquote,
body label,
body strong,
body b,
body em,
body i,
body small,
body figcaption,
body legend {
    color: var(--lux-text) !important;
}

body h1,
body h2,
body h3,
body .t-heading,
body .table-title {
    color: var(--lux-gold-200) !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
}

/* judul utama item — emas metalik */
.item-header__title h1 {
    background: var(--lux-metal) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    text-shadow: none !important;
}

/* judul <center><h2> di bawah */
center > h2 {
    background: var(--lux-metal) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    letter-spacing: 0.01em;
    padding: 0 16px;
}

/* garis emas dekoratif di bawah judul tengah */
center > h2::after {
    content: "";
    display: block;
    width: 180px;
    height: 2px;
    margin: 14px auto 0;
    border-radius: 2px;
    background: linear-gradient(90deg, transparent, var(--lux-gold-400), transparent);
}

body a {
    color: var(--lux-gold-300) !important;
    transition: color 0.2s ease, opacity 0.2s ease;
}

body a:hover,
body a:focus {
    color: var(--lux-gold-100) !important;
}

::selection {
    background: rgba(201, 162, 39, 0.35);
    color: #fff;
}

/* scrollbar emas */
* {
    scrollbar-color: var(--lux-gold-600) var(--lux-ink-850);
}

::-webkit-scrollbar {
    width: 11px;
    height: 11px;
}

::-webkit-scrollbar-track {
    background: var(--lux-ink-850);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--lux-gold-400), var(--lux-gold-700));
    border-radius: 8px;
    border: 2px solid var(--lux-ink-850);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--lux-gold-200), var(--lux-gold-500));
}

/* ---------------------------------------------------------------
   3. HEADER / NAVIGASI
   --------------------------------------------------------------- */
.page,
.canvas__body,
.js-canvas__body,
.content-main,
.context-header {
    background: transparent !important;
}

.site-header > div,
.site-header__logo-and-account,
.site-header__sites,
.site-header__categories,
.site-header-cta {
    background-color: transparent !important;
    background-image: linear-gradient(180deg, #121216 0%, #0c0c10 100%) !important;
}

.site-header {
    border-bottom: 1px solid var(--lux-line-strong) !important;
    box-shadow: 0 10px 34px -20px rgba(0, 0, 0, 0.95), 0 1px 0 rgba(246, 226, 122, 0.12) inset;
}

.site-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--lux-gold-400), var(--lux-gold-200), var(--lux-gold-400), transparent);
    opacity: 0.85;
    pointer-events: none;
}

.header-site-titles__link,
.header-categories__main-link,
.off-canvas-category-link,
.off-canvas-category-link--sub,
.off-canvas-category-link--empty,
.off-canvas-left__site-title {
    color: var(--lux-gold-200) !important;
    letter-spacing: 0.01em;
}

.header-site-titles__link:hover,
.header-site-titles__link:focus,
.header-categories__main-link:hover {
    color: var(--lux-gold-50) !important;
    text-shadow: 0 0 14px rgba(246, 226, 122, 0.55);
}

.header-site-titles__link.is-active {
    color: #fff !important;
}

.header-site-titles__link.is-active:after {
    background: var(--lux-metal-soft) !important;
}

.header-categories,
.header-categories__links {
    background: transparent !important;
}

/* panel dropdown elements-nav */
.elements-nav__dropdown-container,
.elements-nav__main-panel,
.elements-nav__secondary-panel {
    background: var(--lux-surface-2) !important;
    border: 1px solid var(--lux-line) !important;
    color: var(--lux-text) !important;
}

.off-canvas-left,
.off-canvas-left__top,
.off-canvas-left__current-site,
.off-canvas-left__sites,
.off-canvas-left__search,
.page__off-canvas--left {
    background: var(--lux-ink-850) !important;
    color: var(--lux-text) !important;
}

/* breadcrumbs + tab */
.breadcrumbs a {
    color: var(--lux-text-dim) !important;
}

.breadcrumbs a:hover {
    color: var(--lux-gold-200) !important;
}

.page-tabs,
.page-tabs ul,
.page-tabs--dropdown {
    background: transparent !important;
    border-color: var(--lux-line) !important;
}

.page-tabs li a {
    color: var(--lux-text-dim) !important;
}

.page-tabs li.selected a,
.page-tabs li a:hover {
    color: var(--lux-gold-200) !important;
}

.page-tabs li.selected {
    border-bottom: 2px solid var(--lux-gold-400) !important;
}

.item-navigation-reviews-comments {
    background: rgba(201, 162, 39, 0.14) !important;
    color: var(--lux-gold-200) !important;
    border-radius: 999px;
    padding: 1px 9px;
}

/* ---------------------------------------------------------------
   4. PERMUKAAN / KARTU
   --------------------------------------------------------------- */
.box,
.box--no-padding,
.box--highlight-green,
.box--highlight-yellow,
.purchase-panel,
.purchase-form,
.pricebox-container,
.license-selector,
.license-selector__item,
.flyout__body,
.item-preview,
.item-description-toggle,
.author-recommended-collection,
.content-s,
.sidebar-l,
.sidebar-right {
    background: var(--lux-surface) !important;
    border-color: var(--lux-line) !important;
    color: var(--lux-text) !important;
}

.box,
.box--no-padding,
.purchase-panel,
.item-preview {
    border: 1px solid var(--lux-line) !important;
    border-radius: 14px !important;
    box-shadow: var(--lux-glow) !important;
}

.item-preview {
    overflow: hidden;
    padding: 8px !important;
}

.item-preview img {
    border-radius: 10px;
    display: block;
    max-width: 100%;
    height: auto;
}

.item-header,
.item-header__top,
.item-header__details-section {
    background: transparent !important;
}

.item-header__author-details,
.item-header__sales-count,
.purchase-form__us-dollars-notice,
.item-header__sales-count strong {
    color: var(--lux-text-dim) !important;
}

.item-header__envato-highlighted strong span,
.item-header__envato-highlighted span[style] {
    color: var(--lux-gold-200) !important;
    text-shadow: 0 0 12px rgba(246, 226, 122, 0.4);
}

/* blok tombol LOGIN / DAFTAR */
.section-2-container,
.section-container-gray-bg {
    background: linear-gradient(180deg, rgba(201, 162, 39, 0.09), rgba(201, 162, 39, 0.02)) !important;
    border-top: 1px solid var(--lux-line);
    border-bottom: 1px solid var(--lux-line);
}

/* ---------------------------------------------------------------
   5. TOMBOL EMAS
   --------------------------------------------------------------- */
@keyframes lux-shine {
    0% {
        transform: translateX(-130%) skewX(-18deg);
    }
    60%,
    100% {
        transform: translateX(230%) skewX(-18deg);
    }
}

.n-columns-2 .login,
.n-columns-2 .register,
.login-button,
.register-button,
.brand-neue-button,
.btn-icon.live-preview,
.btn-icon.screenshots,
.e-btn--3d,
a[href*="join-forum-gacor"] {
    position: relative;
    overflow: hidden;
    background: var(--lux-metal) !important;
    background-size: 220% 100% !important;
    color: var(--lux-on-gold) !important;
    border: 1px solid rgba(255, 246, 208, 0.55) !important;
    border-radius: 12px !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 252, 232, 0.75),
        inset 0 -2px 6px rgba(90, 63, 6, 0.45),
        0 10px 26px -12px rgba(201, 162, 39, 0.85) !important;
    transition: transform 0.18s ease, box-shadow 0.25s ease, background-position 0.5s ease !important;
}

.n-columns-2 .login::after,
.n-columns-2 .register::after,
.brand-neue-button::after,
.btn-icon.live-preview::after,
.btn-icon.screenshots::after,
a[href*="join-forum-gacor"]::after {
    content: "";
    position: absolute;
    top: -20%;
    left: 0;
    width: 38%;
    height: 140%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.55), transparent);
    animation: lux-shine 3.6s ease-in-out infinite;
    pointer-events: none;
}

.n-columns-2 .login:hover,
.n-columns-2 .register:hover,
.brand-neue-button:hover,
.btn-icon.live-preview:hover,
.btn-icon.screenshots:hover,
.e-btn--3d:hover,
a[href*="join-forum-gacor"]:hover {
    background-position: 100% 0 !important;
    color: var(--lux-on-gold) !important;
    transform: translateY(-2px);
    box-shadow:
        inset 0 1px 0 rgba(255, 252, 232, 0.9),
        inset 0 -2px 6px rgba(90, 63, 6, 0.4),
        0 16px 34px -12px rgba(246, 226, 122, 0.8),
        var(--lux-glow-hot) !important;
}

.n-columns-2 .login:active,
.n-columns-2 .register:active,
a[href*="join-forum-gacor"]:active {
    transform: translateY(0);
}

.n-columns-2 {
    gap: 14px;
    max-width: 620px;
    margin: 0 auto;
}

.n-columns-2 .login,
.n-columns-2 .register {
    padding: 14px 10px !important;
    letter-spacing: 0.08em;
}

/* tombol preview di dalam gambar */
.item-preview__preview-buttons {
    gap: 10px;
    display: flex;
    justify-content: center;
}

.btn-icon.live-preview,
.btn-icon.screenshots {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px 22px !important;
    letter-spacing: 0.06em;
}

.live-preview-btn--blue .live-preview,
.live-preview-btn--blue .live-preview:hover,
.live-preview-btn--blue .live-preview:focus {
    background-color: transparent !important;
    background-image: var(--lux-metal) !important;
}

/* ikon "open in new" pada brand button → emas */
.brand-neue-button__open-in-new::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 20 20" fill="none"><path fill="%231A1305" d="M17.5 12.0833V15.8333C17.5 16.7538 16.7538 17.5 15.8333 17.5H4.16667C3.24619 17.5 2.5 16.7538 2.5 15.8333V4.16667C2.5 3.24619 3.24619 2.5 4.16667 2.5H7.91667C8.14679 2.5 8.33333 2.68655 8.33333 2.91667V3.75C8.33333 3.98012 8.14679 4.16667 7.91667 4.16667H4.16667V15.8333H15.8333V12.0833C15.8333 11.8532 16.0199 11.6667 16.25 11.6667H17.0833C17.3135 11.6667 17.5 11.8532 17.5 12.0833ZM17.3167 2.91667L17.0917 2.69167C16.98 2.57535 16.8278 2.50668 16.6667 2.5H11.25C11.0199 2.5 10.8333 2.68655 10.8333 2.91667V3.75C10.8333 3.98012 11.0199 4.16667 11.25 4.16667H14.6583L7.625 11.2C7.54612 11.2782 7.50175 11.3847 7.50175 11.4958C7.50175 11.6069 7.54612 11.7134 7.625 11.7917L8.20833 12.375C8.28657 12.4539 8.39307 12.4982 8.50417 12.4982C8.61527 12.4982 8.72176 12.4539 8.8 12.375L15.8333 5.35V8.75C15.8333 8.98012 16.0199 9.16667 16.25 9.16667H17.0833C17.3135 9.16667 17.5 8.98012 17.5 8.75V3.33333C17.4955 3.17342 17.4299 3.02132 17.3167 2.90833V2.91667Z"/></svg>');
}

/* ---------------------------------------------------------------
   6. IKON, CENTANG, BINTANG
   --------------------------------------------------------------- */
[class*="check"],
i[class*="check"],
svg[class*="check"],
.fa-check,
.icon-check,
.check,
.checklist,
.text-success,
[class*="check"] svg {
    color: var(--lux-gold-300) !important;
    fill: var(--lux-gold-300) !important;
    stroke: transparent !important;
}

.t-icon-list__item.-icon-ok,
.t-icon-list__item {
    color: var(--lux-text) !important;
}

.t-icon-list__item.-icon-ok:before {
    color: var(--lux-gold-300) !important;
}

.e-icon,
.e-icon:before {
    color: var(--lux-gold-300) !important;
}

.rating-detailed-small-center__star-rating .e-icon.-icon-star,
.e-icon.-icon-star:before {
    color: var(--lux-gold-200) !important;
    text-shadow: 0 0 10px rgba(246, 226, 122, 0.55);
}

.item-header__sales-count-icon path,
.item-header__envato-checkmark-icon path,
.purchase-form__support svg path,
.js-support__inclusion-link svg path {
    fill: var(--lux-gold-300) !important;
}

/* ---------------------------------------------------------------
   7. PANEL HARGA / FORM
   --------------------------------------------------------------- */
.purchase-form__price,
.purchase-form__license-type,
.js-purchase-heading,
.t-currency,
.js-purchase-price,
.js-item-header__price {
    color: var(--lux-gold-200) !important;
}

.purchase-form__price.-size-xxl,
.js-purchase-heading {
    background: var(--lux-metal);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.purchase-form__renewal-price--strikethrough {
    color: var(--lux-text-dim) !important;
    opacity: 0.75;
}

.purchase-form__license-dropdown,
.js-license-selector__chosen-license {
    color: var(--lux-gold-300) !important;
    border-bottom: 1px dashed var(--lux-line-strong);
}

.js-license-selector__selected-label,
.e-text-label.-color-green {
    background: rgba(201, 162, 39, 0.16) !important;
    color: var(--lux-gold-200) !important;
    border: 1px solid var(--lux-line) !important;
    border-radius: 999px;
    padding: 1px 10px;
}

.flyout__triangle {
    border-bottom-color: var(--lux-ink-700) !important;
}

.purchase-form__upgrade,
.purchase-form__upgrade-info,
.purchase-form__label {
    background: transparent !important;
    color: var(--lux-text) !important;
}

.purchase-form__upgrade {
    border: 1px dashed var(--lux-line) !important;
    border-radius: 10px;
    padding: 10px 12px !important;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--lux-gold-500);
}

/* input pencarian */
.search-field,
.search-field__input,
.search-field__input-field,
select,
textarea,
input[type="text"],
input[type="search"],
input[type="email"] {
    background: var(--lux-ink-850) !important;
    color: var(--lux-text) !important;
    border-color: var(--lux-line) !important;
}

.search-field {
    border-radius: 10px !important;
    overflow: hidden;
}

.search-field__input-field::placeholder {
    color: rgba(236, 231, 219, 0.45) !important;
}

.search-field__input-field:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(201, 162, 39, 0.35) !important;
}

.search-field__button {
    background: var(--lux-metal-soft) !important;
    color: var(--lux-on-gold) !important;
    border: none !important;
}

.search-field__button .e-icon,
.search-field__button .e-icon:before {
    color: var(--lux-on-gold) !important;
}

.slt-custom-wlabel--page-tabs--dropdown label,
.page-tabs--dropdown select {
    background: var(--lux-ink-850) !important;
    color: var(--lux-gold-200) !important;
    border: 1px solid var(--lux-line) !important;
    border-radius: 10px;
}

:focus-visible {
    outline: 2px solid var(--lux-gold-400) !important;
    outline-offset: 2px;
}

/* ---------------------------------------------------------------
   8. TESTIMONI / BLOCKQUOTE
   --------------------------------------------------------------- */
.testimoni-wrapper blockquote {
    background: var(--lux-surface-2) !important;
    border: 1px solid var(--lux-line) !important;
    border-left: 4px solid var(--lux-gold-400) !important;
    border-radius: 14px !important;
    box-shadow: var(--lux-glow) !important;
}

.testimoni-wrapper blockquote p {
    color: var(--lux-text) !important;
}

.testimoni-wrapper cite {
    color: var(--lux-gold-300) !important;
}

/* ---------------------------------------------------------------
   9. TABEL ARTIKEL
   --------------------------------------------------------------- */
.custom-table {
    border-spacing: 0 !important;
}

.custom-table td {
    background: var(--lux-surface-2) !important;
    border: 1px solid var(--lux-line) !important;
    border-left: 6px solid var(--lux-gold-500) !important;
    border-radius: 14px !important;
    box-shadow: var(--lux-glow) !important;
    color: var(--lux-text) !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.custom-table td:hover {
    border-left-color: var(--lux-gold-200) !important;
    box-shadow: var(--lux-glow), var(--lux-glow-hot) !important;
}

.custom-table p {
    color: var(--lux-text) !important;
}

.custom-table a {
    color: var(--lux-gold-200) !important;
    text-decoration: none;
    border-bottom: 1px solid var(--lux-line-strong);
}

.icon-number {
    background: var(--lux-metal-soft) !important;
    color: var(--lux-on-gold) !important;
}

/* CTA bawah artikel */
a[href*="join-forum-gacor"] {
    display: inline-block;
    padding: 14px 34px !important;
    letter-spacing: 0.03em;
}

/* ---------------------------------------------------------------
   10. FOOTER MELAYANG
   --------------------------------------------------------------- */
.fixed-footer {
    background: linear-gradient(180deg, rgba(24, 24, 29, 0.96) 0%, rgba(10, 10, 12, 0.98) 100%) !important;
    backdrop-filter: blur(10px);
    border: 1px solid var(--lux-line-strong) !important;
    border-bottom: none !important;
    border-style: solid !important;
    border-radius: 26px 26px 0 0 !important;
    box-shadow:
        inset 0 1px 0 rgba(246, 226, 122, 0.28),
        0 -10px 34px -16px rgba(201, 162, 39, 0.55) !important;
    padding: 9px 0 !important;
}

.fixed-footer a {
    color: var(--lux-gold-200) !important;
    opacity: 0.9;
    transition: opacity 0.2s ease, transform 0.2s ease, text-shadow 0.2s ease;
}

.fixed-footer a:hover {
    opacity: 1;
    transform: translateY(-2px);
    text-shadow: 0 0 12px rgba(246, 226, 122, 0.6);
}

.fixed-footer img {
    filter: drop-shadow(0 0 6px rgba(246, 226, 122, 0.5));
}

.fixed-footer .center,
.fixed-footer .tada {
    background: var(--lux-metal) !important;
    color: var(--lux-on-gold) !important;
    border-radius: 50%;
    box-shadow: 0 0 18px -4px rgba(246, 226, 122, 0.75);
}

/* ---------------------------------------------------------------
   11. PARTIKEL "SALJU" → SERBUK EMAS
   --------------------------------------------------------------- */
.snowflake {
    background: radial-gradient(
        circle at 30% 30%,
        #fff6d0 0 42%,
        rgba(246, 226, 122, 0.9) 55%,
        rgba(201, 162, 39, 0) 72%
    ) !important;
    filter: drop-shadow(0 0 6px rgba(246, 226, 122, 0.65)) !important;
}

.snowflake.-sm {
    filter: drop-shadow(0 0 3px rgba(246, 226, 122, 0.5)) !important;
}

.snowflake.-lg {
    filter: drop-shadow(0 0 9px rgba(255, 246, 208, 0.8)) !important;
}

/* ---------------------------------------------------------------
   12. DETAIL AKHIR
   --------------------------------------------------------------- */
hr {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--lux-line-strong), transparent);
}

.item-description-toggle__link {
    color: var(--lux-gold-300) !important;
}

.item-bookmarking__control--label {
    color: var(--lux-text-dim) !important;
}

.item-bookmarking__left-icons li:hover .item-bookmarking__control--label {
    color: var(--lux-gold-200) !important;
}

img[alt="Daftar Sekarang"],
.header-site-floating-logo__container img {
    filter: drop-shadow(0 6px 18px rgba(201, 162, 39, 0.45));
}

@media (max-width: 640px) {
    .n-columns-2 {
        gap: 10px;
    }

    .custom-table td {
        padding: 18px 16px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .n-columns-2 .login::after,
    .n-columns-2 .register::after,
    .brand-neue-button::after,
    .btn-icon.live-preview::after,
    .btn-icon.screenshots::after,
    a[href*="join-forum-gacor"]::after {
        animation: none;
    }
}

/* =====================================================================
   13. RED KILLER — sisa warna merah bawaan tema Envato
   (#600000 header, #650404, gradien #700303→#9f0608 pada semua button)
   ===================================================================== */

/* --- bar merah di header --- */
.grid-container.-layout-wide,
.header-categories,
.header-site-titles,
.header-sites--loading,
.header-logo-account,
.header-logo-account__container,
.site-header-cta {
    background-color: transparent !important;
    background-image: none !important;
}

/* baris logo + akun */
.site-header__logo-and-account > .grid-container,
.site-header__logo-and-account {
    background-image: linear-gradient(180deg, #16161c 0%, #0e0e12 100%) !important;
}

/* baris menu utama */
.header-site-titles {
    background-image: linear-gradient(180deg, #1a1a20 0%, #121217 100%) !important;
    border-top: 1px solid rgba(201, 162, 39, 0.16) !important;
    border-bottom: 1px solid var(--lux-line) !important;
}

/* baris kategori + search */
.header-categories {
    background-image: linear-gradient(180deg, #131318 0%, #0d0d11 100%) !important;
    border-bottom: 1px solid var(--lux-line) !important;
}

/* --- semua tombol bawaan yang masih merah --- */
.btn,
button,
[role="button"],
[type="submit"],
.e-btn--3d,
.-color-primary.e-btn--3d,
.-color-secondary.e-btn--3d,
.-color-warning.e-btn--3d,
.btn--destructive {
    background-color: transparent !important;
    background-image: var(--lux-metal) !important;
    background-size: 220% 100% !important;
    color: var(--lux-on-gold) !important;
    border-color: rgba(255, 246, 208, 0.5) !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

.btn:hover,
.btn:focus,
.btn:active,
button:hover,
button:focus,
button:active,
[role="button"]:hover,
[role="button"]:focus,
[role="button"]:active,
[type="submit"]:hover,
[type="submit"]:focus,
[type="submit"]:active,
.e-btn--3d:hover,
.e-btn--3d:focus,
.e-btn--3d:active,
.-color-primary.e-btn--3d:hover,
.-color-primary.e-btn--3d:active,
.btn--destructive:hover,
.btn--destructive:active {
    background-color: transparent !important;
    background-image: var(--lux-metal) !important;
    background-position: 100% 0 !important;
    color: var(--lux-on-gold) !important;
    box-shadow: 0 12px 30px -14px rgba(246, 226, 122, 0.8) !important;
}

/* tombol search tetap ikut bingkai field */
.search-field__button,
.search-field__button:hover,
.search-field__button:focus {
    background-image: var(--lux-metal-soft) !important;
    border-radius: 0 !important;
}

/* label merah bawaan → emas */
.e-text-label.-color-red,
.e-text-label--reversed.-color-red,
.e-text-label.-color-orange,
.e-text-label--reversed.-color-orange {
    background-color: rgba(201, 162, 39, 0.16) !important;
    color: var(--lux-gold-200) !important;
}

/* fancybox (galeri) */
#fancybox-loading div,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    filter: hue-rotate(35deg) saturate(0.75) brightness(1.15);
}

/* =====================================================================
   14. IKON — ganti glyph font yang hilang (kotak □) jadi ikon vektor emas
   Font teks TIDAK diubah; ini murni ikon (mask + currentColor).
   ===================================================================== */
.e-icon.-icon-star:before,
.e-icon.-icon-star-empty:before,
.e-icon.-icon-search:before,
.e-icon.-icon-cart:before,
.e-icon.-icon-chevron-down:before,
.e-icon.-icon-arrow-fill-down:before,
.e-icon.-icon-right-open:before,
.e-icon.-icon-ok:before,
.t-icon-list__item.-icon-ok:before {
    content: "" !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.14em;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.e-icon.-icon-star:before,
.e-icon.-icon-star-empty:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.26 6.85.7-5.1 4.6 1.45 6.72L12 16.9l-6.1 3.38 1.45-6.72-5.1-4.6 6.85-.7z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.26 6.85.7-5.1 4.6 1.45 6.72L12 16.9l-6.1 3.38 1.45-6.72-5.1-4.6 6.85-.7z'/%3E%3C/svg%3E");
}

.e-icon.-icon-ok:before,
.t-icon-list__item.-icon-ok:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.55 17.6 4 12.05l1.4-1.4 4.15 4.15L18.6 5.4 20 6.8z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.55 17.6 4 12.05l1.4-1.4 4.15 4.15L18.6 5.4 20 6.8z'/%3E%3C/svg%3E");
    background-color: var(--lux-gold-300) !important;
}

.e-icon.-icon-search:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14'/%3E%3C/svg%3E");
}

.e-icon.-icon-cart:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a2 2 0 1 0 2 2 2 2 0 0 0-2-2m10 0a2 2 0 1 0 2 2 2 2 0 0 0-2-2M7.2 14.6h9.45a2 2 0 0 0 1.75-1.03l3.24-5.88-1.75-.96-3.24 5.87H7.53L3.9 4H1v2h1.6l3.6 7.59-1.35 2.44A2 2 0 0 0 6.6 19H19v-2H6.6z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a2 2 0 1 0 2 2 2 2 0 0 0-2-2m10 0a2 2 0 1 0 2 2 2 2 0 0 0-2-2M7.2 14.6h9.45a2 2 0 0 0 1.75-1.03l3.24-5.88-1.75-.96-3.24 5.87H7.53L3.9 4H1v2h1.6l3.6 7.59-1.35 2.44A2 2 0 0 0 6.6 19H19v-2H6.6z'/%3E%3C/svg%3E");
}

.e-icon.-icon-chevron-down:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 8.6 12 13.2l4.6-4.6L18 10l-6 6-6-6z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 8.6 12 13.2l4.6-4.6L18 10l-6 6-6-6z'/%3E%3C/svg%3E");
}

.e-icon.-icon-arrow-fill-down:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9h12l-6 7z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9h12l-6 7z'/%3E%3C/svg%3E");
}

.e-icon.-icon-right-open:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.4 6 8 7.4l4.6 4.6L8 16.6 9.4 18l6-6z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.4 6 8 7.4l4.6 4.6L8 16.6 9.4 18l6-6z'/%3E%3C/svg%3E");
}

/* rating: bintang emas + jarak rapi */
.rating-detailed-small-center__star-rating {
    display: inline-flex;
    gap: 2px;
    align-items: center;
}

/* daftar fitur di panel harga */
.t-icon-list__item.-icon-ok:before {
    left: -18px !important;
    margin-right: -12px !important;
}