/* ===== MASTER COLOR PALETTE =====
* Primary Dark:   #1d003a
* Primary Mid:    #3d007a
* Primary Accent: #5a00b3
* Primary Bright: #6600cc
* Glow Accent:    #9022ff
* Text:           #ffffff
*/

/* --- ANNOUNCEMENT BAR (top banner) --- */
div#shopify-section-announcement_bar_slider {
    background: linear-gradient(135deg, #1d003a 0%, #3d007a 35%, #5a00b3 65%, #1d003a 100%) !important;
    border-bottom: 1px solid rgba(154, 50, 255, 0.2);
}

.hura-announcement-bar .hura-message {
    color: #ffffff !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    font-weight: 500;
}

/* --- HEADER (logo + search + store bar) --- */
.header-oly {
    background: linear-gradient(135deg, #1d003a 0%, #3d007a 30%, #5a00b3 60%, #3d007a 85%, #1d003a 100%) !important;
    border-bottom: 1px solid rgba(154, 50, 255, 0.15);
}

.header-menu-wrapper,
sticky-header.header-wrapper {
    background: linear-gradient(135deg, #1d003a 0%, #3d007a 30%, #5a00b3 60%, #3d007a 85%, #1d003a 100%) !important;
}

/* All header text/icons white */
.header * {
    color: #ffffff;
}

.header a,
.header svg {
    color: #ffffff !important;
    fill: #ffffff;
}

/* Search bar styling */
.header .search input,
.header .field__input {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}

.header .search input::placeholder,
.header .field__input::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* --- NAVIGATION MENU BAR --- */
nav.header__inline-menu,
.header__inline-menu {
    background: transparent !important;
}

.header__inline-menu .list-menu__item--link,
.header__inline-menu a,
#right_menu_items li a {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

.header__inline-menu .list-menu__item--link:hover,
.header__inline-menu a:hover,
#right_menu_items li a:hover {
    color: #e6ccff !important;
    text-shadow: 0 0 8px rgba(178, 100, 255, 0.5);
}

/* --- PRODUCT COLLECTION CAROUSEL (card strip) --- */
.product-collection-carousel,
.product_collection_carousel_wrapper,
.product-recommendations1,
section.product-collection-carousel-wrapper,
.slider-component,
.product-collection-carousel-wrapper {
    background: linear-gradient(180deg, #25004a 0%, #1d003a 100%) !important;
}

.product-collection-carousel .card,
.product-collection-carousel-wrapper .card {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(168, 80, 255, 0.15) !important;
    border-radius: 8px;
}

.product-collection-carousel .card__heading a,
.product-collection-carousel-wrapper .card__heading a,
.product-collection-carousel .price-item,
.product-collection-carousel-wrapper .price-item {
    color: #ffffff !important;
}

/* --- NAVIGATION STRIPE CAROUSEL --- */
#shopify-section-navigation_stripe .apl_lob_title,
#shopify-section-navigation_stripe .apl_lob_price,
#shopify-section-navigation_stripe .apl_lob_content p {
    color: #ffffff !important;
}

#shopify-section-navigation_stripe .apl_label_attr {
    color: #ff9944 !important;
}

#shopify-section-navigation_stripe .nav-left-arrow,
#shopify-section-navigation_stripe .nav-right-arrow {
    color: #ffffff !important;
}

/* Slick slider arrows on dark bg */
#shopify-section-navigation_stripe .slick-prev:before,
#shopify-section-navigation_stripe .slick-next:before {
    color: #ffffff !important;
}

/* --- MAIN FOOTER SECTION --- */
.shopify-section-group-footer-group,
.shopify-section-group-footer-group .footer,
.shopify-section-group-footer-group footer,
footer.footer.color-background-1.gradient,
.shopify-section-group-footer-group .color-background-1.gradient,
.shopify-section-group-footer-group .color-background-1 {
    --color-background: 29, 0, 58 !important;
    --gradient-background: linear-gradient(180deg, #1d003a 0%, #15002a 40%, #0d001a 100%) !important;
    --color-foreground: 255, 255, 255 !important;
    background: linear-gradient(180deg, #1d003a 0%, #15002a 40%, #0d001a 100%) !important;
    border-top: 1px solid rgba(154, 50, 255, 0.15);
}

.shopify-section-group-footer-group *,
.shopify-section-group-footer-group a,
.shopify-section-group-footer-group p,
.shopify-section-group-footer-group li,
.shopify-section-group-footer-group h2,
.shopify-section-group-footer-group h3,
.shopify-section-group-footer-group h4,
.shopify-section-group-footer-group .footer-block__heading,
.shopify-section-group-footer-group .footer-block__heading2,
.shopify-section-group-footer-group .inline-richtext,
.shopify-section-group-footer-group .subtext_css,
footer.footer *,
footer.footer a {
    color: #ffffff !important;
}

.shopify-section-group-footer-group a:hover,
footer.footer a:hover {
    color: #e6ccff !important;
}

/* Footer newsletter input */
.shopify-section-group-footer-group .field__input,
.shopify-section-group-footer-group input {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(178, 100, 255, 0.3) !important;
    color: #ffffff !important;
}

.shopify-section-group-footer-group input::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.shopify-section-group-footer-group button[type="submit"],
.shopify-section-group-footer-group .newsletter-form__button {
    background: linear-gradient(135deg, #6600cc 0%, #46008b 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(178, 100, 255, 0.3) !important;
}

/* Copyright & bottom footer section */
.shopify-section-group-footer-group .footer__content-bottom,
.shopify-section-group-footer-group .footer__content-bottom-wrapper {
    border-top-color: rgba(178, 100, 255, 0.15) !important;
}

/* Social media icons in footer */
.shopify-section-group-footer-group svg,
.shopify-section-group-footer-group .icon {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Nav dropdown menus */
.header__submenu,
.list-menu--disclosure {
    background: linear-gradient(180deg, #15002a 0%, #0d001a 100%) !important;
    border: 1px solid rgba(168, 80, 255, 0.15) !important;
}

.header__submenu .list-menu__item--link,
.header__submenu a {
    color: #ffffff !important;
}

.header__submenu .list-menu__item--link:hover,
.header__submenu a:hover {
    color: #e6ccff !important;
    background: rgba(154, 50, 255, 0.1) !important;
}

/* Article/content section */
.rich-text.content-container.color-background-1.gradient {
    --color-foreground: 51, 51, 51;
}

/* --- FIXED BOTTOM FOOTER BAR --- */
.PGBET888-fixed-footer {
    background: linear-gradient(135deg, #1d003a 0%, #3d007a 40%, #1d003a 100%) !important;
    border-top: 1px solid rgba(168, 80, 255, 0.25) !important;
    box-shadow: 0 -2px 12px rgba(40, 0, 80, 0.6) !important;
    border-style: none !important;
    border-radius: 0 !important;
}

.PGBET888-fixed-footer a {
    color: #ffffff !important;
}

/* --- LOGIN OVERLAY BUTTONS --- */
.th-login-overlay {
    background: linear-gradient(to bottom, transparent 0%, rgba(29, 0, 58, 0.85) 40%, rgba(13, 0, 26, 0.97) 100%) !important;
}

.th-btn-login {
    background: linear-gradient(135deg, #6600cc 0%, #3d007a 100%) !important;
    border-color: rgba(178, 100, 255, 0.5) !important;
    box-shadow: 0 0 16px rgba(90, 0, 180, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

.th-btn-daftar {
    background: linear-gradient(135deg, #ff6600 0%, #cc3300 100%) !important;
    border-color: rgba(255, 140, 70, 0.5) !important;
    box-shadow: 0 0 16px rgba(255, 80, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

/* --- PRODUCT PRICE & MISC --- */
.prdx-title {
    color: #6600cc !important;
}

.prdx-label {
    color: #9933ff !important;
}

.prdx-btn {
    background: linear-gradient(135deg, #6600cc 0%, #3d007a 100%) !important;
}

.prdx-hacker-text {
    color: #9933ff !important;
    border-left-color: #6600cc !important;
}

/* --- ACCORDION SECTION --- */
.product__accordion summary {
    border-color: rgba(90, 0, 180, 0.2) !important;
}

/* --- MEGA MENU DROPDOWN --- */
.mega-menu,
.mega-menu__content {
    background: linear-gradient(180deg, #15002a 0%, #0d001a 100%) !important;
}

.mega-menu a,
.mega-menu__link {
    color: #ffffff !important;
}

.mega-menu a:hover,
.mega-menu__link:hover {
    color: #e6ccff !important;
}

/* --- BREADCRUMB & MISC TEXT --- */
.breadcrumbs a,
.breadcrumbs span {
    color: #6600cc !important;
}

/* Store locator bar */
.my-store-locator__btn,
.my-store-locator__info {
    color: #ffffff !important;
}