/* ==========================================================================
   Theme-E Home Header & Promo Showcase Enhancement
   Matches Photo 2 (theme e.anotechsolutions.shop) pixel-perfectly
   ========================================================================== */

/* 1. TOP HEADER NOTIFICATION & LANGUAGE ICONS */
.header-container,
.header-container[data-v-760762f4],
.dark-red-home .header-container {
    background: linear-gradient(180deg, #0735a8 0%, #05226c 40%, #00174b 80%, #000d2d 100%) !important;
    background-image: linear-gradient(180deg, #0735a8 0%, #05226c 40%, #00174b 80%, #000d2d 100%) !important;
    background-size: cover !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 15px rgba(0, 5, 25, 0.45) !important;
}

.home-header,
.home-header[data-v-760762f4] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Balance Pill Plus Button: Golden with Black Plus */
.home-header--recharge {
    background: linear-gradient(135deg, #FFD152 0%, #F5B224 50%, #D98A12 100%) !important;
    border: 1px solid #FFE082 !important;
    box-shadow: 0 2px 6px rgba(217, 138, 18, 0.4) !important;
}

.home-header--recharge svg path {
    fill: #000000 !important;
}

/* Notification & Language Switcher Icons Container */
.home-header-icons {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    width: .85333rem !important;
    height: .69333rem !important;
    margin-left: .16rem !important;
}

/* Notification Icon: Golden inbox with green down arrow */
.home-header-icons img[src*="icon_message"],
.home-header-icons img[src*="inbox"],
.home-header-icons.notification-icon-wrap img {
    object-fit: contain !important;
    width: .72rem !important;
    height: .69333rem !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5)) !important;
}

/* Badge on Notification Icon */
.home-header-icons .header-badge {
    position: absolute !important;
    top: -.16rem !important;
    right: -.08rem !important;
    min-width: .36rem !important;
    height: .36rem !important;
    padding: 0 .08rem !important;
    border-radius: .18rem !important;
    background: #e53935 !important;
    color: #ffffff !important;
    font-size: .22rem !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;
    z-index: 10 !important;
}

/* Language Icon (Circular US Flag) */
.home-header-icons img[src*="workorder"],
.home-header-icons img[src*="flag"],
.home-header-icons img[src*="english"],
.home-header-icons.language-icon-wrap img {
    width: .66667rem !important;
    height: .66667rem !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.4) !important;
}

/* 2. EXPLORE EXCITING GAMES & SPECIAL OFFERS PROMO SHOWCASE */
.promo-showcase {
    position: relative !important;
    margin-top: .26667rem !important;
    height: 2.46667rem !important;
    display: flex !important;
    justify-content: space-between !important;
}

/* Left Card: Explore Exciting Games */
.promo-showcase .promo-card:first-child,
.promo-showcase .promo-card-main {
    width: 6.30667rem !important;
    height: 100% !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    background: url('/assets/darkBlue/home/homebg_guide_left.png') no-repeat center !important;
    background-size: contain !important;
    border-radius: 0.35rem 0 0 0.35rem !important;
    box-sizing: border-box !important;
    padding: .32rem .29333rem !important;
    overflow: visible !important;
}

/* Right Card: Special Offers */
.promo-showcase .promo-card:last-child,
.promo-showcase .promo-card-side {
    width: 4.02667rem !important;
    height: 100% !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    background: url('/assets/darkBlue/home/homebg_guide_right.png') no-repeat center !important;
    background-size: contain !important;
    border-radius: 0 0.35rem 0.35rem 0 !important;
    box-sizing: border-box !important;
    padding: .32rem .29333rem !important;
    overflow: visible !important;
}

/* Text Kickers & Copy */
.promo-copy .promo-kicker {
    color: #ffffff !important;
    font-family: Poppins, sans-serif !important;
    font-size: .37333rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6) !important;
}

.promo-copy span {
    color: #8da4cb !important;
    font-family: Poppins, sans-serif !important;
    font-size: .26667rem !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}

/* Illustrations */
.promo-illustration-main {
    right: -.10667rem !important;
    bottom: -.2rem !important;
    width: 2.13333rem !important;
    height: 1.86667rem !important;
    object-fit: contain !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

.promo-illustration-side {
    right: -.02667rem !important;
    bottom: -.3rem !important;
    width: 1.6rem !important;
    height: 1.6rem !important;
    object-fit: contain !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

/* Hide any stray trophy or unwanted icons on Special Offers */
.promo-card [class*="trophy"],
.promo-card img[src*="icon_promo"],
.promo-card img[src*="trophy"],
.promo-card-side > img:not(.promo-illustration-side) {
    display: none !important;
}

/* Quick Action Cards Clean Styling - Remove Black/White top border/box */
.quick-actions .quick-action-content:before,
.quick-action-card:before,
.quick-action-content:before {
    background-color: transparent !important;
    border: none !important;
}

.quick-action-card img,
.quick-actions .quick-action-card img {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    object-fit: contain !important;
    filter: none !important;
}