/* Frontend Banner Styles */
.rbr-banner {
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

.rbr-banner a {
    display: inline-block;
    text-decoration: none;
    border: none;
    outline: none;
}

.rbr-banner img {
    max-width: 100%;
    height: auto;
    display: block;
    border: none;
    outline: none;
}

.rbr-banner picture {
    display: block;
}

/* Responsive behavior */
@media (max-width: 767px) {
    .rbr-banner {
        max-width: 100%;
    }
}

/* Widget specific styles */
.widget .rbr-banner {
    margin-bottom: 15px;
}

/* Accessibility improvements */
.rbr-banner a:focus {
    outline: 2px solid #0073aa;
    outline-offset: 2px;
}

/* Loading state (optional) */
.rbr-banner.loading {
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.rbr-banner.loaded {
    opacity: 1;
}