/**
 * Section: Logo — Bar
 * RSD Design Language Wave 5 Primitive 3.
 * Companion to: pages/sections/logo-bar.php
 *
 * @since 3.5.70 (RSD primitives band)
 */

[data-ssla-type="logo-bar"]{
    padding: var(--shell-section-padding-y-standard) 48px;
    background: var(--shell-surface-cream);
}

[data-ssla-type="logo-bar"][data-ssla-variant-surface="cream"]{ background: var(--shell-surface-cream); }
[data-ssla-type="logo-bar"][data-ssla-variant-surface="warm"]{ background: var(--shell-surface-warm); }
[data-ssla-type="logo-bar"][data-ssla-variant-surface="light"]{ background: var(--shell-surface-light); }
[data-ssla-type="logo-bar"][data-ssla-variant-surface="dark"]{ background: var(--shell-surface-dark); }

/* Density variants */
[data-ssla-type="logo-bar"][data-ssla-variant-density="compact"]{
    padding-top: var(--shell-section-padding-y-compact);
    padding-bottom: var(--shell-section-padding-y-compact);
}

[data-ssla-type="logo-bar"][data-ssla-variant-density="generous"]{
    padding-top: var(--shell-section-padding-y-generous);
    padding-bottom: var(--shell-section-padding-y-generous);
}

.ssla-logo-bar{
    max-width: var(--shell-content-max-width);
    margin: 0 auto;
    text-align: center;
}

/* Eyebrow positioning */
.ssla-logo-bar-eyebrow{
    margin-bottom: 32px;
    color: var(--shell-text-muted);
    font-size: var(--shell-eyebrow-size);
    font-weight: 600;
    letter-spacing: var(--shell-eyebrow-letter-spacing);
    text-transform: uppercase;
}

[data-ssla-type="logo-bar"][data-ssla-variant-eyebrow-position="none"] .ssla-logo-bar-eyebrow{
    display: none;
}

[data-ssla-type="logo-bar"][data-ssla-variant-eyebrow-position="inline-left"] .ssla-logo-bar{
    display: flex;
    align-items: center;
    gap: 32px;
    text-align: left;
}

[data-ssla-type="logo-bar"][data-ssla-variant-eyebrow-position="inline-left"] .ssla-logo-bar-eyebrow{
    margin-bottom: 0;
    flex-shrink: 0;
}

[data-ssla-variant-tone="dark"] .ssla-logo-bar-eyebrow{
    color: var(--shell-text-on-dark-muted);
}

/* Logos row */
.ssla-logo-bar-logos{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--shell-logo-gap);
    flex-grow: 1;
}

[data-ssla-type="logo-bar"][data-ssla-variant-density="compact"] .ssla-logo-bar-logos{
    gap: 32px;
}

.ssla-logo{
    display: flex;
    align-items: center;
    height: var(--shell-logo-height-standard);
    position: relative;
}

[data-ssla-type="logo-bar"][data-ssla-variant-density="compact"] .ssla-logo{
    height: var(--shell-logo-height-compact);
}

[data-ssla-type="logo-bar"][data-ssla-variant-density="generous"] .ssla-logo{
    height: var(--shell-logo-height-generous);
}

.ssla-logo img{
    max-height: 100%;
    width: auto;
    object-fit: contain;
}

/* Hide empty logo slots */
.ssla-logo:has(img[src=""]){
    display: none;
}

/* Monochrome treatment */
[data-ssla-type="logo-bar"][data-ssla-variant-logo-treatment="monochrome"] .ssla-logo img{
    filter: grayscale(1) brightness(0.6);
    opacity: 0.7;
    transition: filter 0.2s, opacity 0.2s;
}

[data-ssla-type="logo-bar"][data-ssla-variant-logo-treatment="monochrome"] .ssla-logo img:hover{
    filter: grayscale(0) brightness(1);
    opacity: 1;
}

[data-ssla-variant-tone="dark"][data-ssla-variant-logo-treatment="monochrome"] .ssla-logo img{
    filter: grayscale(1) brightness(2.5);
    opacity: 0.55;
}

[data-ssla-variant-tone="dark"][data-ssla-variant-logo-treatment="monochrome"] .ssla-logo img:hover{
    filter: grayscale(0) brightness(1);
    opacity: 1;
}

/* Logo link overlay */
.ssla-logo-link{
    position: absolute;
    inset: 0;
    z-index: 2;
}

.ssla-logo-link:empty{
    display: none;
}

@media (max-width: 767px) {
    [data-ssla-type="logo-bar"]{
        padding: 64px 24px;
    }

    [data-ssla-type="logo-bar"][data-ssla-variant-eyebrow-position="inline-left"] .ssla-logo-bar{
        flex-direction: column;
        text-align: center;
    }

    .ssla-logo-bar-logos{
        gap: 32px;
    }
}