/**
 * OG Signal Plugin — Minimal (Structural-Only) Styles
 *
 * Loaded INSTEAD of og-signal-defaults.css when "Minimal default styles" is
 * enabled in settings. Contains ONLY functional/structural rules that a custom
 * style pack should not have to re-implement:
 *   - box-sizing reset
 *   - FAQ accordion show/hide behavior (JS toggles .is-open; CSS reveals answer)
 *   - button/list resets so browser chrome doesn't leak through
 *   - grid scaffolding for multi-item shortcodes
 *
 * Deliberately contains NO decorative styling — no colors, borders, bullets,
 * +/- glyphs, padding, or typography. Those belong entirely to the style pack,
 * so there is nothing here for a custom pack to fight or override.
 *
 * @package OG_Signal_Plugin
 * @since   1.8.0
 */

/* Box model */
[class^="ogs-"] *,
[class^="ogs-"] *::before,
[class^="ogs-"] *::after {
    box-sizing: border-box;
}

/* ---- FAQ accordion — FUNCTIONAL (do not remove) ---- */
.ogs-faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0;
    background: none;
    border: none;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
}
.ogs-faq-answer {
    display: none;
}
.ogs-faq-item.is-open .ogs-faq-answer {
    display: block;
}

/* ---- List reset for takeaways (style pack draws its own markers) ---- */
.ogs-takeaways ul,
.ogs-takeaways__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* ---- Grid scaffolding for multi-item shortcodes ---- */
.ogs-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(var(--ogs-columns, 2), 1fr);
    gap: 24px;
}
.ogs-book-grid,
.ogs-publications {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
}

/* ---- Process steps counter (functional numbering) ---- */
.ogs-process {
    list-style: none;
    padding: 0;
    counter-reset: ogs-step;
}
.ogs-process li {
    counter-increment: ogs-step;
}

/* ---- Media grid + filter behavior (functional) ---- */
.ogs-media-grid,
.og-media-grid {
    display: grid;
    gap: 24px;
}
.og-media-card[style*="display: none"],
.og-media-card.is-hidden {
    display: none !important;
}

/* ---- Entity inline element stays inline ---- */
.ogs-entity {
    display: inline;
}