/* RAJAGACOR — modern black & gold casino skin. Visual only. */

:root {
    --ink: #070605;
    --panel: rgba(12, 10, 8, 0.94);
    --panel-solid: #110e0a;
    --gold: #e8c56a;
    --gold-deep: #a67c2d;
    --gold-bright: #fff3c4;
    --cream: #f6f0e4;
    --muted: #cbbfa6;
    --line: rgba(232, 197, 106, 0.42);
}

html,
body#html-body {
    background:
        radial-gradient(1200px 520px at 50% -10%, rgba(212, 168, 74, 0.16), transparent 60%),
        radial-gradient(800px 480px at 100% 20%, rgba(120, 78, 18, 0.18), transparent 55%),
        #050403 !important;
    color: var(--cream) !important;
    font-family: "Outfit", "Segoe UI", sans-serif !important;
}

body#html-body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image:
        linear-gradient(rgba(232, 197, 106, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(232, 197, 106, 0.045) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: radial-gradient(circle at 50% 30%, #000 20%, transparent 75%);
}

.page-wrapper {
    position: relative;
    z-index: 1;
    background: transparent !important;
    color: var(--cream);
}

h1,
h2,
h3,
h4,
.page-title,
.page-title .base,
.heading-shop-with-us-kanmo-mc,
.heading-need-help-kanmo-mc {
    font-family: "Cinzel", Georgia, serif !important;
    color: var(--gold-bright) !important;
    letter-spacing: 0.06em;
    font-weight: 700 !important;
}

p,
li,
span,
label,
.product.attribute.overview,
.product.attribute.overview .value {
    color: var(--cream);
}

.page-wrapper a {
    color: var(--gold);
    text-decoration-color: rgba(232, 197, 106, 0.35);
}

.page-wrapper a:hover {
    color: var(--gold-bright);
}

/* Top bar */
.panel.wrapper,
.panel.header,
.header.content,
.page-header {
    background: linear-gradient(180deg, #14110c 0%, #0a0908 100%) !important;
    color: var(--cream) !important;
    border-color: var(--line) !important;
}

.panel.header {
    border-bottom: 1px solid var(--line) !important;
    box-shadow: inset 0 -1px 0 rgba(255, 243, 196, 0.08);
}

.header.content {
    border-bottom: 1px solid var(--line) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}

.header_panel_info a,
.top-header-components-mc a,
.switcher-label,
.view-mothercare_website_bahasa span,
.panel.header,
.panel.header span {
    color: var(--gold) !important;
}

.logo img {
    filter: drop-shadow(0 0 10px rgba(232, 197, 106, 0.35));
}

.header_panel_info ul {
    align-items: center;
}

.header_panel_info a {
    display: inline-flex;
    align-items: center;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.slider {
    background: linear-gradient(180deg, #3a2c12, #1a140b) !important;
    border: 1px solid var(--gold);
    box-shadow: inset 0 0 8px rgba(232, 197, 106, 0.25);
}

.slider:before {
    background: linear-gradient(180deg, #fff4cc, #e8c56a) !important;
    color: #1a1204 !important;
    font-weight: 700;
}

/* Navigation */
.navigation,
.ves-megamenu,
.ves-horizontal,
.navigation-wrapper {
    background: transparent !important;
}

.nav-item.level0 > .nav-anchor,
.ves-megamenu .nav-anchor,
.navigation a.nav-anchor {
    color: var(--cream) !important;
    font-family: "Cinzel", Georgia, serif !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase;
    font-size: 13px !important;
    border-radius: 999px;
    transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.nav-item.level0:hover > .nav-anchor,
.nav-item.level0 > .nav-anchor:hover,
.nav-item.active > .nav-anchor {
    color: #1a1204 !important;
    background: linear-gradient(180deg, #fff1c4, #e0b44a 55%, #a67c2d) !important;
    box-shadow: 0 6px 18px rgba(166, 124, 45, 0.35);
}

.submenu,
.dropdown-menu,
.ves-megamenu .submenu {
    background: #100e0b !important;
    border: 1px solid var(--line) !important;
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.55) !important;
    color: var(--cream) !important;
}

.submenu a,
.megamenu-content a,
.brand-az a {
    color: var(--muted) !important;
}

.submenu a:hover,
.brand-az a.active,
.brand-az a:hover {
    color: #1a1204 !important;
    background: var(--gold) !important;
}

/* Search */
.block-search,
.minisearch,
.field.search,
.kanmo-custom-search-mc {
    background: transparent !important;
}

#search,
input.input-text,
select,
textarea {
    background: #16130e !important;
    color: var(--cream) !important;
    border: 1px solid var(--line) !important;
    border-radius: 999px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 243, 196, 0.04);
}

#search::placeholder {
    color: #8d816c !important;
}

button[type="submit"],
.search-cancel-mob {
    background: transparent !important;
    color: var(--gold) !important;
    border-color: var(--line) !important;
}

/* Main stage */
.page-main,
.columns,
.column.main {
    background: transparent !important;
    color: var(--cream) !important;
}

.page-main {
    padding-top: 28px;
    padding-bottom: 48px;
}

.product-info-wrapper {
    background:
        linear-gradient(180deg, rgba(255, 243, 196, 0.05), transparent 18%),
        linear-gradient(160deg, rgba(18, 15, 11, 0.96), rgba(8, 7, 6, 0.94)) !important;
    border: 1px solid var(--line) !important;
    border-radius: 28px !important;
    box-shadow:
        0 30px 70px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 243, 196, 0.16) !important;
    padding: 28px 28px 12px !important;
    position: relative;
}

.product-info-wrapper::before,
.product-info-wrapper::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border: 1px solid var(--gold);
    pointer-events: none;
}

.product-info-wrapper::before {
    top: 10px;
    left: 10px;
    border-right: 0;
    border-bottom: 0;
}

.product-info-wrapper::after {
    right: 10px;
    bottom: 10px;
    border-left: 0;
    border-top: 0;
}

.page-title-wrapper.product .page-title,
.page-title .base {
    font-size: clamp(28px, 4vw, 46px) !important;
    line-height: 1.15 !important;
    background: linear-gradient(180deg, #fff8df 10%, #e8c56a 45%, #a67c2d 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    text-shadow: none !important;
}

.price-box,
.price-box .price,
.normal-price .price,
.price-label {
    color: var(--gold-bright) !important;
    font-family: "Cinzel", Georgia, serif !important;
}

.price-box .price,
.normal-price .price {
    font-size: 28px !important;
    letter-spacing: 0.04em;
    text-shadow: 0 0 18px rgba(232, 197, 106, 0.35);
}

.price-label {
    display: inline-block;
    margin-right: 8px;
    font-size: 12px !important;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--muted) !important;
}

.kc-cashback,
.kredivo-label,
.available-block {
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid rgba(232, 197, 106, 0.28);
    border-radius: 16px;
    background: rgba(255, 214, 120, 0.05);
}

.kc-points-lable,
.kc-cashback a,
.kredivo-label,
.kredivo-label div,
.available-block,
.available-block span,
.avail-text {
    color: var(--cream) !important;
}

.product.attribute.overview .value,
.product.attribute.overview p {
    color: #efe6d4 !important;
    line-height: 1.75;
}

.product.attribute.overview h2 {
    margin-top: 1.4em;
    font-size: 22px !important;
}

.product.attribute.overview a {
    color: var(--gold-bright) !important;
}

.product.media .main-image-wrapper,
.product.media .main-image {
    border-radius: 22px;
}

.product.media .main-image-wrapper {
    border: 1px solid var(--line);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.45),
        0 0 0 6px rgba(232, 197, 106, 0.06);
    overflow: hidden;
    background: #0c0a08;
}

.product.media .prev,
.product.media .next,
.product.media .zoom {
    background: rgba(10, 8, 6, 0.82) !important;
    color: var(--gold) !important;
    border: 1px solid var(--line) !important;
    border-radius: 999px;
}

/* Actions — same targets, new look */
#product-addtocart-button,
button.action.primary.tocart,
a.action.towishlist,
#giftreg-message-pdp a,
.notlogingift {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    margin: 8px 8px 0 0 !important;
    padding: 12px 22px !important;
    border-radius: 999px !important;
    border: 1px solid #fff1c4 !important;
    background: linear-gradient(180deg, #fff4cf 0%, #e7c15a 42%, #b8862f 100%) !important;
    color: #1b1306 !important;
    font-family: "Cinzel", Georgia, serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase;
    text-decoration: none !important;
    box-shadow:
        0 10px 24px rgba(184, 134, 47, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
    cursor: pointer;
}

#product-addtocart-button:hover,
button.action.primary.tocart:hover,
a.action.towishlist:hover,
#giftreg-message-pdp a:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
}

.field.qty .label,
.field.qty label span {
    color: var(--muted) !important;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-size: 11px;
}

select#qty,
.field.qty select {
    min-width: 88px;
    border-radius: 12px !important;
    background: #16130e !important;
}

/* Footer */
.page-footer,
.footer-content-mckanmo-desktop,
.footer-main-column-mc,
.pagebuilder-column {
    background: #090807 !important;
    color: var(--muted) !important;
}

.page-footer {
    border-top: 1px solid var(--line) !important;
    margin-top: 12px;
}

.page-footer a,
.page-footer p,
.page-footer li {
    color: var(--muted) !important;
}

.page-footer a:hover {
    color: var(--gold-bright) !important;
}

.page-footer h4 {
    color: var(--gold) !important;
    border-bottom: 1px solid rgba(232, 197, 106, 0.25);
    padding-bottom: 8px;
    display: inline-block;
}

#back-to-top {
    background: linear-gradient(180deg, #fff1c4, #c9962e) !important;
    color: #1b1306 !important;
    border: 1px solid #fff6d8 !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4);
}

#back-to-top span {
    color: #1b1306 !important;
    font-family: "Cinzel", Georgia, serif;
    letter-spacing: 0.08em;
}

/* Quick search overlay, if it opens */
.klevu-fluid,
.klevuQuickSearchingArea,
#klevuSearchingArea {
    background: #100e0b !important;
    color: var(--cream) !important;
    border: 1px solid var(--line) !important;
}

.klevuSuggestionHeading,
.klevuHeadingText,
.klevuQuickProductName {
    color: var(--gold) !important;
}

.message,
.page.messages .message {
    background: #1a140c !important;
    color: var(--cream) !important;
    border: 1px solid var(--line) !important;
}

/* Beat the old store theme, which paints large white panels with stronger selectors. */
body#html-body.catalog-product-view,
body#html-body.catalog-product-view .page-wrapper,
body#html-body.catalog-product-view .page-main,
body#html-body.catalog-product-view .columns,
body#html-body.catalog-product-view .column.main,
body#html-body.catalog-product-view .breadcrumbs,
body#html-body.catalog-product-view .page.messages,
body#html-body.catalog-product-view .sections,
body#html-body.catalog-product-view .nav-sections,
body#html-body.catalog-product-view .product-info-main,
body#html-body.catalog-product-view .product-info,
body#html-body.catalog-product-view .product.media,
body#html-body.catalog-product-view .product-add-form {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--cream) !important;
}

body#html-body.catalog-product-view .page-header,
body#html-body.catalog-product-view .panel.wrapper,
body#html-body.catalog-product-view .panel.header,
body#html-body.catalog-product-view .header.content {
    background: linear-gradient(180deg, #17140f 0%, #0b0a08 100%) !important;
    background-color: #0b0a08 !important;
    color: var(--cream) !important;
    border-bottom: 1px solid var(--line) !important;
}

body#html-body.catalog-product-view .breadcrumbs {
    min-height: 0 !important;
    padding: 10px 20px 0 !important;
}

body#html-body.catalog-product-view .breadcrumbs,
body#html-body.catalog-product-view .breadcrumbs a,
body#html-body.catalog-product-view .breadcrumbs li,
body#html-body.catalog-product-view .breadcrumbs strong {
    color: var(--gold) !important;
}

body#html-body.catalog-product-view .page-main {
    padding-top: 18px !important;
}

body#html-body.catalog-product-view .product-info-wrapper {
    background:
        linear-gradient(180deg, rgba(255, 243, 196, 0.06), transparent 16%),
        linear-gradient(165deg, rgba(20, 16, 11, 0.97), rgba(8, 7, 6, 0.96)) !important;
    background-color: #110e0a !important;
}

body#html-body.catalog-product-view .page-footer,
body#html-body.catalog-product-view .footer-content-mckanmo-desktop,
body#html-body.catalog-product-view .pagebuilder-column {
    background: #090807 !important;
    background-color: #090807 !important;
}

body#html-body.catalog-product-view .nav-item.level0 > a.nav-anchor,
body#html-body.catalog-product-view .navigation a,
body#html-body.catalog-product-view .header.content a.logo {
    color: var(--cream) !important;
}

body#html-body.catalog-product-view #product-addtocart-button,
body#html-body.catalog-product-view a.action.towishlist,
body#html-body.catalog-product-view #giftreg-message-pdp a {
    background: linear-gradient(180deg, #fff4cf 0%, #e7c15a 42%, #b8862f 100%) !important;
    background-color: #e7c15a !important;
    color: #1b1306 !important;
    border: 1px solid #fff1c4 !important;
}

body#html-body.catalog-product-view .page-header,
body#html-body.catalog-product-view .header.content,
body#html-body.catalog-product-view .panel.wrapper,
body#html-body.catalog-product-view .navigation,
body#html-body.catalog-product-view .nav-sections,
body#html-body.catalog-product-view .sections {
    border-color: transparent !important;
    box-shadow: none !important;
}

body#html-body.catalog-product-view .page-header {
    border-bottom: 1px solid rgba(232, 197, 106, 0.35) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35) !important;
    margin-bottom: 0 !important;
}

body#html-body.catalog-product-view a.action.towishlist::before,
body#html-body.catalog-product-view a.action.towishlist::after,
body#html-body.catalog-product-view a.action.towishlist span::before {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
}

body#html-body.catalog-product-view .kc-cashback,
body#html-body.catalog-product-view .kc-cashback a,
body#html-body.catalog-product-view .kc-points-lable {
    background: rgba(255, 214, 120, 0.08) !important;
    color: #fff3c4 !important;
    border: 1px solid rgba(232, 197, 106, 0.35) !important;
    border-radius: 999px !important;
}

@media (max-width: 768px) {
    .product-info-wrapper {
        padding: 18px 14px 8px !important;
        border-radius: 18px !important;
    }

    #product-addtocart-button,
    a.action.towishlist,
    #giftreg-message-pdp a {
        width: 100%;
        margin-right: 0 !important;
    }

    .header_panel_info a {
        letter-spacing: 0.08em;
    }
}