/**
 * Clube de Casa — CSS Foundation / Layout primitives
 * F2.4
 */

.cdc-container {
    inline-size: min(100% - (2 * var(--cdc-page-gutter)), var(--cdc-reading-measure));
    margin-inline: auto;
}

.cdc-container--wide {
    inline-size: min(100% - (2 * var(--cdc-page-gutter)), var(--cdc-wide-measure));
    margin-inline: auto;
}

.cdc-stack {
    display: flex;
    flex-direction: column;
    gap: var(--cdc-stack-space, var(--wp--preset--spacing--lg, 1.5rem));
}

.cdc-cluster {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--cdc-cluster-space, var(--wp--preset--spacing--md, 1rem));
}

.cdc-grid {
    display: grid;
    gap: var(--cdc-grid-space, var(--wp--preset--spacing--lg, 1.5rem));
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--cdc-grid-min, 16rem)), 1fr));
}

.cdc-flow > * + * {
    margin-block-start: var(--cdc-flow-space, var(--wp--preset--spacing--md, 1rem));
}

.cdc-reading-layout {
    inline-size: min(100% - (2 * var(--cdc-page-gutter)), var(--cdc-reading-measure));
    margin-inline: auto;
}

.cdc-section {
    padding-block: var(--cdc-section-space, clamp(2rem, 6vw, 4rem));
}

.cdc-surface {
    background: var(--wp--preset--color--surface, #fff);
}

.cdc-visually-hidden {
    block-size: 1px !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    inline-size: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
}

.cdc-visually-hidden:focus,
.cdc-visually-hidden:active {
    block-size: auto !important;
    clip: auto !important;
    clip-path: none !important;
    inline-size: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    position: static !important;
    white-space: normal !important;
}