/**
 * ZoeRizzAds Frontend CSS
 * Minimal styles to prevent CLS
 */

.zra-slot {
    display: block;
    margin: 0 auto;
}

.zra-ad-link {
    text-decoration: none;
    outline: none;
}

.zra-ad-link:focus {
    outline: 2px solid #0073aa;
    outline-offset: 2px;
}

.zra-ad-image {
    border: 0;
    vertical-align: middle;
}

.zra-loading {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Mobile ad responsiveness */
.zra-slot[data-slot="mobile_tablet"],
.zra-slot[data-slot="sidebar_mobile"] {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    margin: 20px auto !important;
}

.zra-slot[data-slot="mobile_tablet"] .zra-ad-image,
.zra-slot[data-slot="sidebar_mobile"] .zra-ad-image {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    display: block;
}