/* GBB Frontend Banner Styles */

.gbb-banner {
    position: relative;
    text-align: center;
    overflow: hidden;
}

.gbb-banner-link {
    display: block;
    line-height: 0;
}

.gbb-banner-img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Horizontal banner (top bar) */
.gbb-banner-horizontal {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.gbb-banner-horizontal .gbb-banner-img {
    width: 100%;
    object-fit: contain;
}

/* Vertical banner (sidebar) */
.gbb-banner-vertical {
    width: 100%;
    max-width: 300px;
    margin: 16px auto;
    border-radius: 8px;
    overflow: hidden;
}

.gbb-banner-vertical .gbb-banner-img {
    width: 100%;
    border-radius: 8px;
}

/* Hover effect */
.gbb-banner-link:hover .gbb-banner-img {
    opacity: 0.92;
    transition: opacity 0.2s ease;
}

.gbb-banner-img {
    transition: opacity 0.2s ease;
}

/* Responsive */
@media (max-width: 768px) {
    .gbb-banner-vertical {
        max-width: 100%;
    }
}