@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Jost:wght@400;500;600;700&display=swap");

/* RAJAGACOR — modern brand theme (visual only) */
:root {
    --casino-bg: #070605;
    --casino-bg-deep: #040302;
    --casino-panel: #12100c;
    --casino-panel-2: #1a160f;
    --casino-gold: #d4af37;
    --casino-gold-bright: #f0d78c;
    --casino-gold-deep: #b8922a;
    --casino-gold-line: rgba(212, 175, 55, 0.38);
    --casino-cream: #f6edd3;
    --casino-muted: #cbbd93;
    --casino-ink: #9c8d68;
}

html,
body,
#wrapper,
#__nuxt,
#__layout {
    background: var(--casino-bg) !important;
    color: var(--casino-cream) !important;
}

body,
html,
input,
textarea,
button {
    font-family: "Jost", "Helvetica Neue", Arial, sans-serif !important;
}

body {
    background-color: var(--casino-bg) !important;
    background-image:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(212, 175, 55, 0.18), transparent 55%),
        radial-gradient(circle at 12% 88%, rgba(184, 146, 42, 0.1), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(240, 215, 140, 0.08), transparent 24%),
        linear-gradient(180deg, #0b0906 0%, #070605 40%, #050403 100%) !important;
    color: var(--casino-cream) !important;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.07;
    background-image:
        repeating-linear-gradient(
            45deg,
            rgba(212, 175, 55, 0.16) 0 1px,
            transparent 1px 14px
        ),
        repeating-linear-gradient(
            -45deg,
            rgba(212, 175, 55, 0.1) 0 1px,
            transparent 1px 18px
        );
}

#__nuxt,
#__layout,
#wrapper {
    position: relative;
    z-index: 1;
}

a:not(.btn) {
    color: var(--casino-gold) !important;
}

a:not(.btn):hover {
    color: var(--casino-gold-bright) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.product-name,
.footer-top-title,
.tit-review span {
    font-family: "Cinzel", "Times New Roman", serif !important;
    letter-spacing: 0.04em;
}

/* ---------- Header ---------- */
header .header-container,
header .header-container[data-v-14acc7d4],
.header-responsive,
.header-responsive[data-v-14acc7d4] {
    background: rgba(7, 6, 5, 0.94) !important;
    border-bottom: 1px solid var(--casino-gold-line) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(16px);
}

header .header-top,
header .header-top[data-v-14acc7d4] {
    background: linear-gradient(90deg, #0c0a07, #16120b 50%, #0c0a07) !important;
    border-bottom: 1px solid var(--casino-gold-line) !important;
}

header .header-main,
header .header-main[data-v-14acc7d4] {
    background: transparent !important;
    border-bottom: 0 !important;
}

header .header-top-left a,
header .header-top-left a[data-v-14acc7d4],
header .header-top-right a,
header .header-top-right a[data-v-14acc7d4],
.header-location__text,
.header-location__text[data-v-55495d88],
.header-download a,
.toggle-language,
.toggle-language li,
.toggle-language div {
    color: var(--casino-muted) !important;
}

header .header-top-left a:hover,
header .header-top-right a:hover,
.header-download a:hover {
    color: var(--casino-gold-bright) !important;
}

.toggle-language .is-active {
    color: var(--casino-gold-bright) !important;
}

header .header-main .separator,
header .header-main .separator[data-v-14acc7d4],
.header__icons-divider {
    background: var(--casino-gold-line) !important;
}

.header-category-wrapper__text,
.header-category-wrapper__text[data-v-68622e0f] {
    color: var(--casino-cream) !important;
}

.header-search,
.header-search[data-v-7eaecc4a] {
    background: #100e0a !important;
    border: 1px solid var(--casino-gold-line) !important;
    border-radius: 999px !important;
    box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.08), 0 0 20px rgba(212, 175, 55, 0.06) !important;
}

.header-search input,
.header-search input[data-v-7eaecc4a] {
    background: transparent !important;
    color: var(--casino-cream) !important;
}

.header-search input::placeholder {
    color: var(--casino-ink) !important;
}

.header-social img,
.header-category-wrapper__icon,
.header-main-menu .svg-icon,
.header-search .svg-icon,
.header-location .svg-icon,
.add-wish .icon,
.add-share .icon,
.btn-add-wishlist .icon {
    filter: invert(86%) sepia(28%) saturate(700%) hue-rotate(6deg) brightness(1.05);
}

.img-logo {
    filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.28));
}

.header-account-login,
.header-account-login[data-v-737f08b2] {
    background: linear-gradient(135deg, #f0d78c, #d4af37 45%, #9a7420) !important;
    color: #1a1408 !important;
    border-radius: 999px !important;
}

.shimmer {
    background: linear-gradient(
        to right,
        rgba(212, 175, 55, 0.15) 8%,
        rgba(240, 215, 140, 0.45) 18%,
        rgba(212, 175, 55, 0.15) 33%
    ) !important;
}

/* ---------- Product / hero ---------- */
.container[data-v-31fc597f],
section.container {
    position: relative;
}

.article-product-information {
    margin-top: 28px;
}

.product-right,
.product-right[data-v-780683c8],
.product-information.product-right {
    background:
        linear-gradient(180deg, rgba(212, 175, 55, 0.1), #0e0c09 24%, #0b0907 100%) !important;
    border: 1px solid var(--casino-gold-line) !important;
    border-radius: 18px !important;
    padding: 28px 26px 18px !important;
    box-shadow:
        0 0 0 1px rgba(212, 175, 55, 0.08),
        0 18px 48px rgba(0, 0, 0, 0.38) !important;
    color: var(--casino-cream) !important;
}

.product-right h1,
.product-right h3,
.product-right p,
.product-right span,
.product-right li,
.product-right a,
.product-right label {
    color: var(--casino-cream);
}

.product-right .product-name,
.product-right #salePrice,
.product-right .product-price span:first-child {
    color: var(--casino-gold-bright) !important;
}

.article-review,
.article-review .tit-review span,
.article-review .tit-review span[class] {
    color: var(--casino-gold-bright) !important;
}

.article-review .tit-review span {
    background: transparent !important;
}

.my-account-dropdown,
.my-account-dropdown[data-v-737f08b2] {
    background: #14110c !important;
    border: 1px solid var(--casino-gold-line);
}

.message-bar,
.message-bar[data-v-23a6e28b] {
    background: #1a160f !important;
    border-color: var(--casino-gold) !important;
    color: var(--casino-cream) !important;
}

.product-picture-show img,
.product-left img {
    border-radius: 18px;
    border: 1px solid var(--casino-gold-line);
    box-shadow:
        0 0 0 1px rgba(212, 175, 55, 0.12),
        0 18px 50px rgba(0, 0, 0, 0.45),
        0 0 40px rgba(212, 175, 55, 0.08);
    background: #0c0a07;
}

.product-information,
.product-right {
    color: var(--casino-cream) !important;
}

.product-name,
.product-top-l .product-name,
.product-top-l .product-name[data-v-542c6b60] {
    color: var(--casino-gold-bright) !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
    text-shadow: 0 0 18px rgba(212, 175, 55, 0.18);
}

.product-code,
.product-top-l .product-code,
.product-top-l .product-code[data-v-542c6b60] {
    color: var(--casino-muted) !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.product-top-l .product-price span,
#salePrice {
    color: var(--casino-gold-bright) !important;
}

.product-top-l .product-price span.discount,
.discount {
    background: linear-gradient(135deg, #f0d78c, #d4af37) !important;
    color: #1a1408 !important;
}

.product-price__crossed,
#listPrice {
    color: #7d7258 !important;
}

.reviews,
.reviews[data-v-542c6b60],
.reviews span {
    color: var(--casino-muted) !important;
}

.size-con,
.product-num h3,
.choose-box,
.selected_property_box,
.color-box h3,
.size-box h3 {
    color: var(--casino-cream) !important;
}

#pcSizeList .pc_saleProperty div,
.pc_saleProperty div {
    color: #1a1408 !important;
    border-radius: 6px;
    box-shadow: 0 0 16px rgba(212, 175, 55, 0.25);
    font-weight: 700;
    letter-spacing: 0.06em;
}

.select-unified .btn,
.dropdown .btn {
    background: #14110c !important;
    color: var(--casino-cream) !important;
    border: 1px solid var(--casino-gold-line) !important;
}

.sub-menu,
.overview,
.product-num-pc {
    background: #14110c !important;
    color: var(--casino-cream) !important;
}

.product-num-pc li a {
    color: var(--casino-cream) !important;
}

.product-btn .btn,
.addtocart-btn .btn {
    border-radius: 8px !important;
    letter-spacing: 0.08em;
    font-weight: 700 !important;
    text-transform: uppercase;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        filter 0.2s ease;
}

.btn-add-shopbag,
a.btn-add-shopbag,
.product-btn a.btn-add-shopbag,
.addtocart-btn a.btn-add-shopbag,
a.btn.btn-add-shopbag[data-v-22b7ee50] {
    background: linear-gradient(135deg, #f3e0a0, #d4af37 48%, #b8922a) !important;
    color: #1a1408 !important;
    -webkit-text-fill-color: #1a1408 !important;
    border: 1px solid #f0d78c !important;
    box-shadow: 0 8px 24px rgba(212, 175, 55, 0.28);
}

.btn-nowbuy,
a.btn-nowbuy,
.product-btn a.btn-nowbuy,
.addtocart-btn a.btn-nowbuy,
a.btn.btn-nowbuy[data-v-22b7ee50] {
    background: #0b0a08 !important;
    color: #f6edd3 !important;
    -webkit-text-fill-color: #f6edd3 !important;
    border: 1px solid var(--casino-gold) !important;
    box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.2);
}

.not-for-sale.btn,
.not-for-sale.btn[data-v-22b7ee50] {
    background: #1a160f !important;
    color: var(--casino-muted) !important;
    border: 1px dashed var(--casino-gold-line) !important;
}

.product-btn .btn:hover,
.addtocart-btn .btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.08);
}

.add-wish,
.add-share,
.add-wish span,
.add-share span,
#addStatus {
    color: var(--casino-muted) !important;
}

.location-popup,
.location-popup[data-v-55495d88],
.search-suggestion,
.dialog,
.dialog-container,
.dialog-content {
    background: #14110c !important;
    color: var(--casino-cream) !important;
    border: 1px solid var(--casino-gold-line);
}

/* ---------- Reviews & FAQ ---------- */
.review-box {
    background:
        linear-gradient(180deg, rgba(212, 175, 55, 0.06), transparent 28%),
        #12100c !important;
    border: 1px solid var(--casino-gold-line) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35) !important;
    color: var(--casino-cream) !important;
}

.tit-review:before {
    background: linear-gradient(90deg, transparent, var(--casino-gold), transparent) !important;
}

.tit-review span {
    background: #12100c !important;
    color: var(--casino-gold-bright) !important;
}

.no-review p,
.no-review a {
    color: var(--casino-cream) !important;
}

.no-review a {
    color: var(--casino-gold) !important;
    font-weight: 700;
}

.faq-wrapper,
.faq-wrapper .faq-item,
.faq-wrapper .faq-question,
.faq-wrapper .faq-answer {
    background: #100e0a !important;
    color: var(--casino-cream) !important;
    border-color: var(--casino-gold-line) !important;
}

.faq-wrapper {
    border: 1px solid var(--casino-gold-line) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}

.faq-wrapper .faq-question:hover {
    background: #1c1810 !important;
}

.faq-wrapper .faq-icon {
    color: var(--casino-gold) !important;
}

/* ---------- Footer ---------- */
footer,
.footer-top,
.footer-top[data-v-695641c2],
.footer-bottom,
.footer-bottom[data-v-695641c2],
.footer-copyright,
.footer-copyright[data-v-695641c2] {
    background: var(--casino-bg-deep) !important;
    color: var(--casino-muted) !important;
}

.footer-top {
    border-top: 1px solid var(--casino-gold-line);
    background:
        radial-gradient(ellipse 60% 80% at 50% 0%, rgba(212, 175, 55, 0.08), transparent 50%),
        #080705 !important;
}

.footer-top-title,
.footer-top-title[data-v-695641c2] {
    color: var(--casino-gold-bright) !important;
}

.footer-top-list li > div,
.footer-top-list li a,
.footer-top-list li > div[data-v-695641c2],
.footer-top-list li a[data-v-695641c2],
.complaint-service p,
.complaint-service a,
.complaint-service__item > a,
.complaint-service__item p,
.payment__system-img--item-label,
.footer-bottom .social-media ul li > a,
.footer-bottom .download-apps p,
.footer-copyright p {
    color: var(--casino-muted) !important;
}

.footer-top-list li a:hover,
.complaint-service a:hover,
.footer-bottom .social-media ul li > a:hover {
    color: var(--casino-gold-bright) !important;
}

.payment__bank_img--item,
.payment__system-img--item {
    background: #f7f1dc !important;
    border-radius: 8px;
    padding: 6px;
    border: 1px solid rgba(212, 175, 55, 0.25);
}

.footer-bottom {
    border-top: 1px solid var(--casino-gold-line);
}

.footer-copyright {
    border-top: 1px solid rgba(212, 175, 55, 0.16);
}

.footer-top-title-elbow img,
.footer-bottom .social-media img,
.getintouch img {
    filter: invert(80%) sepia(25%) saturate(500%) hue-rotate(6deg);
}

/* ---------- Mobile ---------- */
@media (max-width: 1024px) {
    .container[data-v-31fc597f] {
        margin-top: 0 !important;
        padding-top: 12px;
    }

    .product-name,
    .product-top-l .product-name[data-v-542c6b60] {
        font-size: 18px !important;
    }

    .product-picture-show img,
    .product-left img {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }

    .product-right,
    .product-right[data-v-780683c8],
    .product-information {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        padding: 20px 16px 12px !important;
    }

    .review-box {
        margin: 16px !important;
    }
}
