/* FORCED STYLING - Always loaded after main theme */

/* Header Logo Text Styling - Force Impact, White, Large - Override ALL properties */
.header .logo .logo-text,
.header .logo a .logo-text,
.header .logo span.logo-text,
.header .logo a span.logo-text,
.header .logo a *,
.header div.logo a span.logo-text,
.header > div.logo > a > span.logo-text {
    font-family: "Impact", "Arial Black", sans-serif !important;
    font-size: 40px !important;
    font-weight: bold !important;
    color: rgb(255, 255, 255) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: rgb(255, 255, 255) !important;
    -webkit-text-fill-color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    text-decoration: none !important;
    display: inline-block !important;
    line-height: 50px !important;
    vertical-align: middle !important;
    cursor: default !important;
    text-rendering: auto !important;
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
    width: auto !important;
    height: auto !important;
    /* Override all inherited properties */
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.header .logo a {
    text-decoration: none !important;
    display: inline-block !important;
    color: #ffffff !important;
    font-family: "Impact", "Arial Black", sans-serif !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    cursor: default !important;
}

.header .logo {
    font-family: "Impact", "Arial Black", sans-serif !important;
}

.header .logo img {
    display: none !important;
}

/* Artwork Image Styling */
.main-container .view .artwork-image {
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(191, 4, 83, 0.25) !important;
    transition: all 0.3s ease !important;
    background: linear-gradient(135deg, rgba(191, 4, 83, 0.1) 0%, rgba(254, 196, 221, 0.75) 100%) !important;
}

.main-container .view .artwork-image:hover {
    box-shadow: 0 4px 12px rgba(191, 4, 83, 0.25) !important;
    transform: translateY(0) !important;
}

.main-container .view .artwork-image .artwork-img {
    border-radius: 12px !important;
    overflow: hidden !important;
}

.main-container .view .artwork-image .artwork-img img {
    border-radius: 12px !important;
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    transition: transform 0.3s ease !important;
}

.main-container .view .artwork-image:hover .artwork-img img {
    transform: scale(1) !important;
}

/* On-Air Section Styling */
.main-container .view .on-air {
    padding: 15px 20px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    word-wrap: break-word !important;
}

/* Clean Artist and Title Styling - No Effects - Force Visibility */
.main-container .view .on-air .artist {
    font-size: 2.2em !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-bottom: 6px !important;
    color: #bf0453 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 100% !important;
    /* Remove all text-fill-color to prevent transparency */
    -webkit-text-fill-color: unset !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.main-container .view .on-air .artist *,
.main-container .view .on-air .artist a {
    color: #bf0453 !important;
    -webkit-text-fill-color: unset !important;
    text-decoration: none !important;
    display: inline !important;
    font-weight: 700 !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    cursor: default !important;
    pointer-events: none !important;
}

.main-container .view .on-air .title {
    font-size: 1.5em !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #414141 !important;
    margin-bottom: 12px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 100% !important;
    /* Remove all text-fill-color to prevent transparency */
    -webkit-text-fill-color: unset !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.main-container .view .on-air .title *,
.main-container .view .on-air .title a {
    color: #414141 !important;
    -webkit-text-fill-color: unset !important;
    text-decoration: none !important;
    display: inline !important;
    font-weight: 400 !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    cursor: default !important;
    pointer-events: none !important;
}

/* Disable hover tooltips on artist and title */
.main-container .view .on-air .artist .css-hint,
.main-container .view .on-air .title .css-hint {
    cursor: default !important;
    pointer-events: none !important;
}

.main-container .view .on-air .artist .css-hint:after,
.main-container .view .on-air .artist .css-hint:before,
.main-container .view .on-air .title .css-hint:after,
.main-container .view .on-air .title .css-hint:before {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.main-container .view .on-air .artist .css-hint:hover:after,
.main-container .view .on-air .artist .css-hint:hover:before,
.main-container .view .on-air .title .css-hint:hover:after,
.main-container .view .on-air .title .css-hint:hover:before {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* DJ Info Styling */
.main-container .view .on-air .dj-info {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 1.15em !important;
    font-weight: 500 !important;
    color: #bf0453 !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(191, 4, 83, 0.2) !important;
    transition: all 0.3s ease !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 24px !important;
}

.main-container .view .on-air .dj-info .mic-icon {
    width: 18px !important;
    height: 18px !important;
    color: #bf0453 !important;
    flex-shrink: 0 !important;
    transition: transform 0.3s ease !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

.main-container .view .on-air .dj-info:hover .mic-icon {
    transform: scale(1.1) !important;
    color: #dd0560 !important;
}

.main-container .view .on-air .dj-info .dj-name {
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    color: #bf0453 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Hide time element */
.main-container .view .on-air .time {
    display: none !important;
    visibility: hidden !important;
}

/* Additional styling for better visual appearance */
.main-container .view .artwork-image .share-area {
    border-radius: 12px !important;
}

.main-container .view .artwork-image .artwork-preloader {
    border-radius: 12px !important;
}

/* Google AdSense Advertisement Container */
.google-ads-container {
    max-width: 720px !important;
    margin: 20px auto 0 auto !important;
    padding: 15px 10px !important;
    text-align: center !important;
    background: transparent !important;
}

.google-ads-container ins.adsbygoogle {
    display: block !important;
    margin: 0 auto !important;
}

@media (max-width: 720px) {
    .google-ads-container {
        padding: 10px 5px !important;
    }
}

/* Mobile Responsive - Artist and Title Stacked (Above/Below) */
@media (max-width: 620px) {
    .main-container .view .on-air {
        padding: 10px 15px !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .main-container .view .on-air .artist {
        font-size: 1.3em !important;
        display: block !important;
        margin-bottom: 6px !important;
        margin-right: 0 !important;
        white-space: nowrap !important;
    }
    
    .main-container .view .on-air .artist:after {
        content: "" !important;
        display: none !important;
    }
    
    .main-container .view .on-air .title {
        font-size: 1.3em !important;
        display: block !important;
        margin-bottom: 10px !important;
        white-space: nowrap !important;
    }
    
    .main-container .view .on-air .dj-info {
        font-size: 1em !important;
        justify-content: center !important;
        margin-top: 8px !important;
        padding-top: 8px !important;
    }
    
    .main-container .view .artwork-image {
        margin: 0 auto 15px auto !important;
        display: block !important;
    }
}

/* Tablet and smaller desktop */
@media (min-width: 621px) and (max-width: 900px) {
    .main-container .view .on-air .artist {
        font-size: 1.8em !important;
    }
    
    .main-container .view .on-air .title {
        font-size: 1.4em !important;
    }
}

/* Very small mobile devices */
@media (max-width: 400px) {
    .main-container .view .on-air .artist {
        font-size: 1.3em !important;
    }
    
    .main-container .view .on-air .title {
        font-size: 1.1em !important;
    }
    
    .main-container .view .on-air .dj-info {
        font-size: 0.9em !important;
    }
}

/* Header Menu Buttons - Clean PNG image buttons */
.header ul>li.visual-radio {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

.header ul>li.visual-radio .visual-radio-btn {
    display: inline-block !important;
    padding: 0 !important;
    margin: 0 5px 0 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    height: auto !important;
    width: auto !important;
    line-height: 50px !important;
    vertical-align: middle !important;
    text-decoration: none !important;
}

.header ul>li.visual-radio .visual-radio-btn:hover {
    background: none !important;
    transform: none !important;
    box-shadow: none !important;
    opacity: 0.9 !important;
}

.header ul>li.visual-radio .button-image {
    height: 32px !important;
    width: auto !important;
    max-width: 140px !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 4px !important;
    background: none !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    filter: none !important;
    transition: none !important;
    vertical-align: middle !important;
}

.header ul>li.visual-radio .visual-radio-btn:hover .button-image {
    transform: none !important;
    filter: none !important;
    opacity: 0.9 !important;
}