/*
 * SLZ7 - Cartao de disponibilidade / matricula agendada (V46.7)
 * ------------------------------------------------------------------
 * Estilo EXCLUSIVO do cartao novo (.slz7-av-card), carregado apenas na
 * pagina do item. Nenhuma classe do layout atual e alterada.
 * As cores chegam por variaveis do Personalizar (customizer-availability.php),
 * com valores de reserva aqui para o caso de o barramento nao rodar.
 */

.slz7-av-card {
    --slz7-av-bg: #f4f7ff;
    --slz7-av-border: #d6e0ff;
    --slz7-av-title: #1b2a4a;
    --slz7-av-text: #4a566b;
    --slz7-av-accent: #2f5bea;
    --slz7-av-radius: 14px;

    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 16px;
    border: 1px solid var(--slz7-av-border);
    border-radius: var(--slz7-av-radius);
    background: var(--slz7-av-bg);
    color: var(--slz7-av-text);
}

.slz7-av-card .slz7-av-ico {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .75);
    color: var(--slz7-av-accent);
    font-size: 1.02rem;
}

.slz7-av-card .slz7-av-body { min-width: 0; }

.slz7-av-card .slz7-av-title {
    display: block;
    font-size: .98rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--slz7-av-title);
}

.slz7-av-card .slz7-av-text,
.slz7-av-card .slz7-av-note {
    margin: 6px 0 0;
    font-size: .88rem;
    line-height: 1.45;
}

.slz7-av-card .slz7-av-note { opacity: .8; font-size: .82rem; }

.slz7-av-card .slz7-av-date {
    margin: 8px 0 0;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .8);
    color: var(--slz7-av-accent);
    font-size: .86rem;
    font-weight: 700;
}

@media (max-width: 480px) {
    .slz7-av-card { padding: 12px 13px; gap: 10px; }
    .slz7-av-card .slz7-av-ico { width: 32px; height: 32px; font-size: .92rem; }
}