/* ==========================================================
   SEPTIMA accordion.css v0.1
   Rozbalovací obsah pomocí HTML <details>/<summary>
   ========================================================== */

.accordion {
    background: var(--surface);

    border: 1px solid var(--border);
    border-radius: var(--radius);

    box-shadow: var(--shadow);

    overflow: hidden;
}

.accordion + .accordion {
    margin-top: var(--space-sm);
}

.accordion summary {
    padding: var(--space-sm) var(--space-md);

    font-weight: 600;

    color: var(--text);
    background: var(--surface-muted);

    cursor: pointer;
    user-select: none;
}

.accordion summary:hover {
    background: var(--info-soft);
}

.accordion[open] summary {
    color: var(--info-dark);
    background: var(--info-soft);

    border-bottom: 1px solid var(--border);
}

.accordion-content {
    padding: var(--space-md);

    background: var(--surface);
}

.accordion summary:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: -2px;
}