#video-infos #promo {
margin-bottom: -10px;
margin-top: 15px;
font-size: 1.4em;
height: 1.3em;
overflow:hidden;
height: 1.3em;
text-align: center;
font-size: 1.4em;
}

#video-infos #promo a {
    color: red;
}




/* Desktop ads */
  
#video .camplayeradz {
     margin: unset !important;
     width: 100%;
}

 
.desktop_ad_950x250 {
    text-align: center; 
    width: 950px;
    margin: auto;
}

.desktop_ad_950x250 iframe {
    width: 100%;
    height: 250px;
}

.desktop-ad.leaderboard {
    width: 768px;
    margin: auto;
}

.desktop-ad.leaderboard .advertisement-text {
    text-align: left;
    color: #555;
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    width: 768px;
    position: relative;
    margin: auto;
    display: inline-block;
}

.desktop_ad_950x250 .advertisement-text {
    text-align: left;
    color: #666;
    padding: 0px;
    width: 950px;
    position: relative;
    left: 10px;
    margin: auto;
    font-size: 11px;
}

.video_right_pub .advertisement-text {
    text-align: left;
    color: #555;
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    width: 300px;
    position: relative;
    margin: auto;
}

.desktop-ad-outstream {
    max-width: 800px;
    margin: 10px auto;
}

.desktop-ad-outstream .advertisement-text {
    text-align: left;
    color: #555;
    margin: 0;
    font-size: 11px; 
    width: 300px;
}

.special-native-underplayer .advertisement-text {
    text-align: left;
    color: #555;
    margin: 0;
    font-size: 11px;  
    margin-top: 10px;
    margin-bottom: -12px;
}

/* Mobile ads */ 

.mobile-ad-outstream {
    max-width: calc(100% - 20px); 
    margin: 10px auto;
}

.mobile-ad-outstream .advertisement-text {
    text-align: left;
    color: #555;
    margin: 0;
    font-size: 11px; 
    width: 300px;
}
.mobile_ad_300x100 .advertisement-text {
    text-align: left;
    color: #555;
    margin: 0;
    font-size: 11px; 
    width: 300px;
    position: relative; 
    margin: auto;
}

.mobile_ad_300x250 .advertisement-text ,
.mobile_ad_300x500 .advertisement-text {
    text-align: left;
    color: #555;
    font-size: 11px; 
    width: 300px;
    position: relative; 
    margin: auto;
}
 
.mobile_ad_300x100 {
    text-align: center; 
    margin: auto;
    width: 300px;
    margin-bottom: 10px;
}

.mobile_ad_300x100 iframe {
    width: 100%;
    height: 100px;
}

.mobile_ad_300x250 {
    clear: both;
}

.mobile_ad_300x250 iframe {
display: block; 
margin: 0 auto;  
width: 300px;
height: 250px;
margin-bottom: 40px;
}

.mobile_ad_300x500 {
text-align: center; 

}

.mobile_ad_300x500 iframe {
display: block;  
margin: 0 auto;  
width: 98%;
}

.mobile_ad_300x500 .exo-native-widget-item-container{
    padding: 0px !important; 
}

.mobile_ad_300x500 .exo-native-widget-item-container .exo-native-widget-item{ 
    border: 1px solid #333;
    margin: 0px !important;
    padding: 0px !important;
}

.mobile_ad_300x500 .exo-native-widget-outer-container{
   width: 98.3% !important;
   margin: 0 auto; 
   margin-right: 4px !important;
}

.special-native .exo-native-widget-item-title,
.special-native-underplayer .exo-native-widget-item-title,
.desktop-native-solo .exo-native-widget-item-title,
.mobile-native-solo .exo-native-widget-item-title {
     color: #dadada !important; 
     font-size: 14px !important;   
     text-align: center;
 }
  
 .exo-native-widget-item-text,
 .exo-native-widget-item-brand,
 .special-native-underplayer .exo-native-widget-item-text,
 .special-native-underplayer .exo-native-widget-item-brand,
 .desktop-native-solo .exo-native-widget-item-text,
 .desktop-native-solo .exo-native-widget-item-brand,
 .mobile-native-solo .exo-native-widget-item-text,
 .mobile-native-solo .exo-native-widget-item-brand {
     color: #545454 !important; 
     font-size: 14px; 
     line-height: 1.6;  
     margin-bottom: 0px !important;  
     text-align: center;
 }
 
 .exo-native-widget-item {
    /* background-color: #000; test 5 sept 2025 */
 } 
 .exo-native-widget-item-image-wrapper{
    border-radius: 10px;
 }
 .exo-native-widget-item-content{
    height: 54px !important; 
 }

 .exo-native-widget-outer-container{
    margin-bottom: 0px !important; 
 }


 /* native under player ads */

 .special-native-underplayer .exo-native-widget-item-container{
    /* padding: 0px !important; test 5 sept 2025
    border: 1px solid #333; */
    padding: 2px !important;
    border: 0px;
 }

.special-native .exo-native-widget-item:hover .exo-native-widget-item-title,
.special-native .exo-native-widget-item:hover .exo-native-widget-item-text,
.special-native-underplayer .exo-native-widget-item:hover .exo-native-widget-item-text,
.special-native-underplayer .exo-native-widget-item:hover .exo-native-widget-item-title,
.desktop-native-solo .exo-native-widget-item:hover .exo-native-widget-item-title,
.desktop-native-solo .exo-native-widget-item:hover .exo-native-widget-item-text,
.mobile-native-solo .exo-native-widget-item:hover .exo-native-widget-item-title,
.mobile-native-solo .exo-native-widget-item:hover .exo-native-widget-item-text {
    color: #CC181E !important;
}

.exo-info-button {
    transform: scale(0.9) !important;
    left: 2px !important;
    top: 2px !important;
}

/* set maximum title length  */
.exo-native-widget-item-title { 
    max-width: 80% !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; 
    text-align: center;
    margin: 0 auto;
}

/* exo native solo ads */
.desktop-native-solo { 
    margin-top: 0px;
    padding: 0 2px 0px 2px;
}

.desktop-native-solo .exo-native-widget-header{ 

    /* padding-bottom: 10px !important; test 5 sept 2025 */
    padding-bottom: 10px !important;
    line-height: 10px !important;
}

.desktop-native-solo .exo-native-widget-item-container{
    padding: 0px !important;
}
 
.desktop-native-solo .exo-native-widget-item-content{
    height: 48px !important;
}
 


/* Video slider advertisement text positioning */
.desktop-ad[data-ads="desktop video slider"] .advertisement-text,
.mobile-ad[data-ads="mobile video slider"] .advertisement-text {
    display: none;
    position: absolute;
    top: -20px;
    left: 0px;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 3px 6px;
    font-size: 10px;
    border-radius: 3px;
    z-index: 10002;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: bold;
}

/* Show when video slider appears */
body:has(.ts-im-container) .desktop-ad[data-ads="desktop video slider"] .advertisement-text,
body:has(.ts-im-container) .mobile-ad[data-ads="mobile video slider"] .advertisement-text {
    display: block;
}

/* Target the actual video slider container to add the advertisement text */
.ts-im-container::before,
.exo-video-slider-container-wrapper .exo_wrapper::before {
    content: "Advertisement";
    position: absolute;
    top: -22px;
    left: 0px;
    background: rgba(0, 0, 0, 0.7);
    color: #666;
    padding: 3px 6px;
    font-size: 11px;
    border-radius: 3px;
    /* z-index: 3; */
}


/* exo native solo ads */
.desktop-native-solo { 
    margin-top: 0px;
    padding: 0 0 0px 0;
    position: relative;
}

 

.desktop-native-solo .exo-native-widget-item-container{
    padding: 0px !important;
}
 
.desktop-native-solo .exo-native-widget-item-content{
    height: 48px !important;
}

/* Hide the existing info button for both desktop-native-solo and special-native-underplayer */
.desktop-native-solo .exo-info-button,
.special-native-underplayer .exo-info-button,
.mobile-native-solo .exo-info-button {
    display: none !important;
}


.mobile-ad-container {
    display: flex;
}
/* Ensure both containers have relative positioning for the Ad label */
.desktop-native-solo,
.special-native-underplayer { 
    position: relative;
}

 
.mobile-ad .exo-native-widget-header{  
    display: none !important;
}


/* Add "Ad" label in top left corner for both types */
.desktop-native-solo::before,
.special-native-underplayer::before,
.mobile-native-solo::before {
    display: none;
}

/* Remove the old outer container targeting and replace with inner ad item targeting */
.desktop-native-solo .exo-native-widget-item-image-wrapper::before,
.mobile-native-solo .exo-native-widget-item-image-wrapper::before,
.special-native-underplayer .exo-native-widget-item-image-wrapper::before,
.special-native .exo-native-widget-item-image-wrapper::before{
    content: "Ad";
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(0, 0, 0, 0.65);
    color: #bbbbbb;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 12px;
    z-index: 10; 
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: bold;
}

/* Ensure the image wrapper has relative positioning for the Ad label */
.exo-native-widget-item-image-wrapper {
    position: relative;
}


/* Generic interstitial advertisement text styling - works with all sponsors */
[data-ads*="interstitial"] .advertisement-text,
.ts-interstitial .advertisement-text  {
    position: absolute;
    opacity: 0.9;
    margin: 30px 0px 0 6vw !important; 
    z-index: 999;
    font-size: 16px; 
}

@media (max-width: 380px) {
    [data-ads*="interstitial"] .advertisement-text,
    .ts-interstitial .advertisement-text{
        margin: 12px 0px 0 14vw !important;
    }
}