/* Brand Carousel – frontend styles */

.bc-wrapper {
    width: 100%;
    margin: 0 auto;
    font-family: inherit;
    position: relative;
}

.bc-section-title {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    margin: 0 0 1.25rem;
}

/* Outer shell: arrows sit on left/right */
.bc-outer {
    display: flex;
    align-items: center;
}

/* Side arrow buttons — plain chevron, NO circle/border */
.bc-btn {
    flex-shrink: 0;
    width: 28px;
    background: none;
    border: none;
    color: #aaa;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s;
    user-select: none;
}

.bc-btn:hover { color: #aaa; }
.bc-btn:active { transform: scale(0.9); }
.bc-prev { margin-right: 10px; }
.bc-next { margin-left: 10px; }

/* Track shell */
.bc-track-shell {
    overflow: hidden;
    flex: 1;
    position: relative;
}

.bc-track {
    display: flex;
    transition: transform 0.44s cubic-bezier(0.25, 0.8, 0.25, 1);
    will-change: transform;
}

/* Slide */
.bc-slide {
    flex: 0 0 100%;
    display: flex;
    align-items: center;
}

/* Individual cell */
.bc-cell { flex: 1; position: relative; }
.bc-cell-empty { flex: 1; }

/* Clickable link */
.bc-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1rem;
    text-decoration: none;
    color: inherit;
    transition: opacity 0.18s;
    min-height: 90px;
    width: 100%;
}

.bc-link:hover { opacity: 0.6; text-decoration: none; }

/* Logo image — large, no box, no border */
.bc-logo-box {
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
}

.bc-logo-box img {
    max-width: 90%;
    max-height: 60px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    transition: transform 0.2s;
}

.bc-link:hover .bc-logo-box img { transform: scale(1.04); }

/* Initials fallback */
.bc-initials {
    font-size: 1.4rem;
    font-weight: 700;
    color: #333;
}

/* Brand name */
.bc-name {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    text-align: center;
    margin-top: 8px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 4px;
    display: none;
}

/* name always hidden */

/* NO progress bar, NO dots — hidden */
.bc-progress-bar { display: none; }
.bc-dots { display: none; }

/* Empty state */
.bc-empty { text-align: center; color: #888; padding: 1rem 0; }

/* Responsive */
@media (max-width: 768px) {
    .bc-logo-box { height: 50px; }
    .bc-logo-box img { max-height: 42px; }
    .bc-link { padding: 0.5rem 0.4rem; min-height: 65px; }
    .bc-btn { font-size: 22px; width: 22px; }
}

@media (max-width: 480px) {
    .bc-logo-box { height: 38px; }
    .bc-logo-box img { max-height: 32px; }
}
