/* =========================================================
   SMWF Partner With Us – Layout Styles
   Safe defaults + uses your palette vars when present.
   ========================================================= */
:root {
    --smw-primary: #C74B1C;
    /* Burnt Sienna */
    --smw-secondary: #DAA520;
    /* Golden Clay */
    --smw-neutral: #EDC9AF;
    /* Desert Sand */
    --smw-dark: #2B1B17;
    /* Ebony/Brownish */
    --smw-accent: #7C8A4D;
    /* Warm Sage */
    --smw-text: #2B1B17;
    --smw-bg: #fff;
}

/* Page wrap */
.smwf-partner {
    color: var(--smw-text);
    background: var(--smw-bg);
    line-height: 1.55;
}

/* ===== Hero ===== */
.smwf-hero .wp-block-cover__background {
    opacity: .68 !important;
}

.smwf-hero__title {
    color: #fff;
    font-weight: 800;
    letter-spacing: .2px;
    font-size: clamp(32px, 5vw, 56px);
    margin: 0 0 .35rem;
}

.smwf-hero__strap {
    color: #fff;
    opacity: .96;
    max-width: 760px;
    margin: 0 auto;
    font-size: clamp(16px, 2.2vw, 20px);
}

.smwf-hero__ctas {
    margin-top: 14px;
}

/* Buttons (shared) */
.wp-block-button.smwf-btn-primary .wp-block-button__link {
    background: var(--smw-primary);
    color: #fff;
    border-radius: 999px;
    border: 2px solid var(--smw-primary);
    padding: .9rem 1.25rem;
    font-weight: 700;
}

.wp-block-button.smwf-btn-primary .wp-block-button__link:hover {
    filter: brightness(1.05);
}

.wp-block-button.smwf-btn-ghost .wp-block-button__link {
    background: transparent;
    color: #fff;
    border-radius: 999px;
    border: 2px solid #fff;
    padding: .9rem 1.25rem;
    font-weight: 700;
}

.wp-block-button.smwf-btn-ghost .wp-block-button__link:hover {
    background: #fff;
    color: var(--smw-dark);
}

/* Links-as-buttons inside cards */
.smwf-btn-link .wp-block-button__link {
    background: transparent;
    color: var(--smw-primary);
    padding: 0;
    border: none;
    box-shadow: none;
    font-weight: 700;
}

/* ===== Sections ===== */
.smwf-section {
    padding: clamp(32px, 6vw, 80px) 0;
}

.smwf-kicker {
    color: var(--smw-accent);
    font-weight: 800;
    margin: 0 0 .35rem;
}

.smwf-lede {
    font-size: clamp(18px, 2.2vw, 22px);
    margin: 0;
}

/* Scene atmospheres */
.smwf-decay {
    background: color-mix(in srgb, var(--smw-neutral) 18%, white);
}

.smwf-turn__cover .wp-block-cover__background {
    background: #fff !important;
    opacity: .2 !important;
}

.smwf-dignity {
    background: color-mix(in srgb, var(--smw-accent) 8%, white);
}

/* ===== Programs / Cards ===== */
.smwf-cards {
    gap: 18px;
}

.smwf-card {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .05);
}

.smwf-card__img img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    border-radius: 12px;
}

.smwf-card h4 {
    margin: .6rem 0 .25rem;
    font-weight: 800;
}

.smwf-card p {
    margin: 0 0 .4rem;
    color: #444;
}

/* ===== Metrics ===== */
.smwf-metrics .smwf-metric {
    color: var(--smw-primary);
    font-size: clamp(28px, 4.2vw, 42px);
    margin: 0 0 2px;
}

.smwf-metrics .smwf-metric__label {
    margin: 0;
    color: #555;
}

/* ===== Stories / Video ===== */
.smwf-video video,
.smwf-video {
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
}

/* ===== Final CTA ===== */
.smwf-cta-final .wp-block-cover__background {
    opacity: .62 !important;
}

.smwf-cta__line {
    color: #fff;
    font-size: clamp(20px, 2.6vw, 28px);
    margin: 0 0 14px;
    text-wrap: balance;
}

/* ===== Responsive niceties ===== */
@media (max-width: 782px) {
    .smwf-hero__ctas .wp-block-button {
        width: 100%;
    }

    .smwf-hero__ctas .wp-block-button__link {
        width: 100%;
        text-align: center;
    }

    .smwf-cards .wp-block-column {
        margin-bottom: 14px;
    }
}

/* ===== Optional: subtle focus styles ===== */
.smwf-partner a:focus-visible {
    outline: 2px solid var(--smw-secondary);
    outline-offset: 2px;
    border-radius: 6px;
}