/* Banner Ads carousel (resources/views/includes/banner_ad_carousel.blade.php).
   Nav arrows / dots come from the existing .job-ad-carousel rules in main.css. */
.banner-ad-section{padding-top: 20px;}
.banner-ad-slide{position: relative; border-radius: 14px; overflow: hidden; background: #eef2f8;}
.banner-ad-slide a,
.banner-ad-slide picture{display: block;}
.banner-ad-carousel .banner-ad-slide img{display: block; width: 100%; height: auto; aspect-ratio: 4 / 1; object-fit: cover;}
.banner-ad-badge{position: absolute; top: 10px; right: 12px; padding: 2px 8px; border-radius: 4px; background: rgba(0, 0, 0, 0.55); color: #fff; font-size: 11px; line-height: 1.5; letter-spacing: 0.5px; pointer-events: none;}

@media (max-width: 767px){
    .banner-ad-section{padding-top: 12px;}
    .banner-ad-slide{border-radius: 10px;}
    .banner-ad-carousel .banner-ad-slide img{aspect-ratio: 2 / 1;}
    .banner-ad-badge{top: 6px; right: 8px; font-size: 10px;}
}