/**
 * ASSOJURIS V2 — Acervo de memórias (/galerias/)
 * Abas Fotos/Vídeos + painel de filtros compartilhado com as notícias.
 */

.section--album-archive { padding-top: 34px; }

/* === Abas de tipo de acervo === */
.album-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    border: 1px solid var(--color-gray-200, #e5e5e5);
    background: var(--color-white, #fff);
    margin: 0 0 20px;
    overflow: hidden;
}

.album-tabs__tab {
    align-items: center;
    background: none;
    border: 0;
    border-right: 1px solid var(--color-gray-200, #e5e5e5);
    border-radius: 0;
    color: var(--color-gray-700, #555);
    cursor: pointer;
    display: inline-flex;
    flex: 1 1 auto;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    gap: 9px;
    justify-content: center;
    letter-spacing: .01em;
    line-height: 1;
    padding: 15px 22px;
    transition: background .2s, color .2s;
}

.album-tabs__tab:last-child { border-right: 0; }
.album-tabs__tab i { font-size: 19px; }

.album-tabs__tab small {
    background: var(--color-gray-100, #f5f5f5);
    color: var(--color-gray-700, #555);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    padding: 4px 7px;
}

.album-tabs__tab:hover { background: var(--color-primary-tint, rgba(203, 32, 35, .05)); color: var(--color-primary, #cb2023); }

.album-tabs__tab.is-active {
    background: var(--color-primary, #cb2023);
    color: var(--color-white, #fff);
}

.album-tabs__tab.is-active small { background: rgba(255, 255, 255, .22); color: var(--color-white, #fff); }
.album-tabs__tab:focus-visible { outline: 2px solid var(--color-primary-dark, #8a1517); outline-offset: -3px; }

/* === Grade e estados === */
.album-filter-panel { margin-bottom: 18px; }

#galerias-grid { transition: opacity .2s; }
#galerias-grid.is-loading { opacity: .38; pointer-events: none; }
#galerias-grid .no-results { grid-column: 1 / -1; margin: 0; padding: 40px 0; text-align: center; }

/* Selo do tipo de mídia sobre a capa */
.album-card { position: relative; }

.album-card__kind {
    align-items: center;
    background: rgba(14, 14, 14, .82);
    color: var(--color-white, #fff);
    display: inline-flex;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    gap: 5px;
    left: 0;
    letter-spacing: .1em;
    line-height: 1;
    padding: 7px 10px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    z-index: 2;
}

.album-card__kind--video { background: var(--color-primary, #cb2023); }
.album-card__kind i { font-size: 13px; }

/* === Mobile === */
@media (max-width: 900px) {
    .album-tabs__tab { font-size: 13px; padding: 13px 14px; }
}

@media (max-width: 600px) {
    .section--album-archive { padding-top: 24px; }
    .album-tabs { flex-wrap: nowrap; }
    .album-tabs__tab { flex: 1 1 0; gap: 6px; padding: 12px 8px; }
    .album-tabs__tab span { font-size: 12px; }
    .album-tabs__tab i { font-size: 17px; }
    .album-tabs__tab small { display: none; }
    #galerias-grid .no-results { padding: 28px 0; }
}