/* Top Banner Widget - Front CSS (fixed horizontal layout)
   Goal:
   - 1 banner: centered
   - 2+ banners: side-by-side, centered
   - Mobile: stacked vertically
   - Avoid parent container forcing each item to 100% width
*/

.tbw-outer{
    width:100% !important;
    display:block !important;
    text-align:center !important;
}

.tbw-wrapper{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:15px;
    width:100% !important;
    margin:0 auto !important;
}

.tbw-wrapper.tbw-multiple{
    flex-wrap:wrap;
}

/* Critical: prevent each banner from stretching to full width */
.tbw-banner{
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
    margin:0 auto !important;
    display:flex;
    justify-content:center;
}

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

@media (max-width:768px){
    .tbw-wrapper{
        flex-direction:column !important;
    }
    .tbw-banner{
        width:100% !important;
    }
}