/* ========================================
   Brand Section Enhancements
   - Rectangle images (full width on desktop)
   - Horizontal scroll gallery
   - Minimal spacing (4px)
   - No cards, no rounded corners
======================================== */

/* Brand Area Container */
.tg-brand-area {
    position: relative;
    overflow: hidden;
}

/* Brand Wrapper - Full width */
.tg-brand-wrap {
    position: relative;
    width: 100%;
    margin: 0 -15px;
    /* Extend beyond container padding */
}

/* Swiper Container - Horizontal scroll */
.tg-brand-slide {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 15px;
}

/* Hide scrollbar but keep functionality */
.tg-brand-slide::-webkit-scrollbar {
    display: none;
}

.tg-brand-slide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Swiper Wrapper - Minimal gaps */
.tg-brand-slide .swiper-wrapper {
    display: flex !important;
    gap: 4px !important;
    /* Very small spacing */
    flex-wrap: nowrap !important;
    width: auto !important;
    transform: none !important;
}

/* Swiper Slide - Bigger rectangle, full width on desktop */
.tg-brand-slide .swiper-slide {
    width: 420px !important;
    /* Bigger width */
    height: 280px !important;
    /* Bigger height */
    flex-shrink: 0 !important;
}

/* Brand Items Container - No card styling */
.tg-brand-items {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 0.3s ease;
    background: transparent;
    position: relative;
}

.tg-brand-items:hover {
    transform: scale(1.02);
}

.tg-brand-items a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.tg-brand-items img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.tg-brand-items:hover img {
    transform: scale(1.05);
}

/* Hide navigation buttons */
.brand-nav-button {
    display: none !important;
}

/* Responsive Design */
@media only screen and (max-width: 1199px) {
    .tg-brand-slide .swiper-slide {
        width: 390px !important;
        height: 300px !important;
        margin-left:3px !important;
    }
}

@media only screen and (max-width: 767px) {
    .tg-brand-slide .swiper-slide {
        width: 340px !important;
        height: 280px !important;
        margin-left:2px !important;
    }
}

@media only screen and (max-width: 575px) {
    .tg-brand-slide .swiper-slide {
        width: 290px !important;
        height: 230px !important;
        margin-left:1px !important;

    }
}

/* Smooth Scrolling */
.tg-brand-slide {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

/* Focus States for Accessibility */
.tg-brand-items a:focus {
    outline: 2px solid #b38f4b;
    outline-offset: 2px;
}