/* Page background */
body, .wrapper, div[data-role=page] {
    background: #0f0f1a !important;
    color: #fff !important;
}

/* Header - center the logo */
.header {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%) !important;
    border-bottom: 3px solid #f5a623 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;
    text-align: center !important;
    padding: 15px 0 !important;
}
.header a {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: block !important;
    text-align: center !important;
    text-decoration: none !important;
}

/* Channels container */
.mca {
    background: #0f0f1a !important;
    padding: 5px 0 !important;
}

/* All buttons inside channels */
.mca a, .mca div a, #channels a, #streams a {
    background: linear-gradient(145deg, #1a2332 0%, #243447 50%, #1a2332 100%) !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(245,166,35,0.25) !important;
    border-left: 4px solid #f5a623 !important;
    border-radius: 10px !important;
    margin: 8px 12px !important;
    padding: 18px 24px !important;
    font-size: 15px !important;
    font-family: 'Segoe UI', system-ui, sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.4) !important;
    text-align: left !important;
    display: block !important;
    text-decoration: none !important;
}

.mca a:active, #channels a:active, #streams a:active {
    background: linear-gradient(145deg, #f5a623, #e09100) !important;
    color: #000 !important;
}

/* Footer */
.contact {
    background: #0f0f1a !important;
}
center p {
    color: #94a3b8 !important;
    font-size: 13px !important;
}

/* Hide download images */
img[alt*="Download"], img[alt*="apk"] {
    display: none !important;
}

/* jQuery Mobile overrides just in case */
.ui-page-theme-a, .ui-overlay-a, .ui-body-a,
.ui-page-theme-a .ui-body-inherit,
.ui-page-theme-a .ui-panel-wrapper {
    background: #0f0f1a !important;
    color: #fff !important;
}
.ui-content, div[data-role=content], div[data-role=main] {
    background: #0f0f1a !important;
}
h1, h2, h3 {
    color: #fff !important;
    text-align: center !important;
}