/* ==========================================================================
   Basuto UX — Visual Polish Layer
   Typography refinements, spatial rhythm, warm shadows, overflow fix.
   All CSS, zero JS. Loaded when "Visual Polish" is enabled.
   ========================================================================== */

/* ── Overflow fix: unblock position:sticky ── */
.wp-site-blocks {
    overflow: visible !important;
    overflow-x: clip;
}

/* ── Typography ── */

/* Letter-spacing on buttons and uppercase text */
.wp-block-button__link,
.basuto-label,
[style*="text-transform:uppercase"],
[style*="text-transform: uppercase"] {
    letter-spacing: 0.08em;
}

/* Fluid heading scale */
.entry-content h2 {
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    line-height: 1.15;
    margin-bottom: 0.6em;
}

.entry-content h3 {
    font-size: clamp(1.25rem, 2.5vw, 1.6rem);
    line-height: 1.2;
    margin-bottom: 0.5em;
}

/* Body text refinement */
.entry-content p {
    line-height: 1.7;
}

/* ── Warm Shadows ── */

/* Card shadow — sage-tinted instead of grey */
.basuto-card {
    box-shadow: 0 2px 12px rgba(74, 94, 82, 0.06);
}

/* ── Spatial Rhythm ── */

/* Opt-in section spacing classes */
.basuto-section-sm { padding-top: 40px !important; padding-bottom: 40px !important; }
.basuto-section-md { padding-top: 56px !important; padding-bottom: 56px !important; }
.basuto-section-lg { padding-top: 80px !important; padding-bottom: 80px !important; }