/* Custom Cloud Blue Theme Overrides */
:root {
    --base-color: #0284c7 !important;
    --accent-cloud: #0ea5e9 !important;
    --cloud-blue-deep: #0369a1 !important;
    --cloud-blue-dark: #075985 !important;
    --cloud-blue-light: #38bdf8 !important;
    --cloud-blue-subtle: #e0f2fe !important;
}

/* Base button and accent overrides */
.btn-primary,
.standard-secondary-button,
.login-panel .register-btn,
.register-done-button,
.play-now {
    background: linear-gradient(to bottom, #0ea5e9 0%, #0284c7 100%) !important;
    border-color: #0284c7 !important;
    color: #ffffff !important;
}

.login-panel .register-btn:hover,
.btn-primary:hover,
.standard-secondary-button:hover,
.register-done-button:hover,
.play-now:hover {
    background: linear-gradient(to bottom, #0284c7 0%, #0369a1 100%) !important;
    color: #ffffff !important;
}

/* Floating social & help widget */
.hamburg {
    background-color: #0284c7 !important;
    box-shadow: 0px 0px 12px 1px rgba(2, 132, 199, 0.7) !important;
}

.ard-sosmed ul li a {
    background-color: #0284c7 !important;
    border-color: #ffffff !important;
}

.attention {
    background-color: #0284c7 !important;
    color: #ffffff !important;
}

/* Banner container: Single static banner, no slider */
.banner {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    background: #000418 !important;
    display: block !important;
    aspect-ratio: auto !important;
}

.banner img.banner-img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Header & Logo styling */
.site-header .logo {
    background-image: none !important;
    display: flex !important;
    align-items: center !important;
}

.site-header .logo img {
    max-height: 60px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Announcement title container & icon */
.announcement-container [data-section="title"] {
    background-color: #0284c7 !important;
    color: #ffffff !important;
}

.announcement-container [data-section="title"] i[data-icon="announcement"] {
    filter: hue-rotate(195deg) brightness(1.2) !important;
}

/* Progressive Jackpot */
.home-progressive-jackpot .jackpot-border-container {
    border-color: #0284c7 !important;
}

.home-progressive-jackpot .jackpot-container {
    background: linear-gradient(#0ea5e9, #082f49) !important;
}

/* RTP bar animation */
#rtpBar {
    background: #0284c7 !important;
}

#rtpBar a {
    background: linear-gradient(to bottom, #0ea5e9 0%, #021426 100%) !important;
}

/* Section titles & game tabs */
.standard-section-title:before,
.popular-game-title-container .title span,
.home-game-list-container .title span {
    background-color: #0284c7 !important;
}

.popular-game-title-container,
.home-game-list-container {
    border-color: #0284c7 !important;
}

/* APK Section Typography */
.download-apk .h2 {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

.download-apk .h2 > strong {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #38bdf8 !important;
}

.download-apk .h3 {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #94a3b8 !important;
    line-height: 1.4 !important;
}
