/**
 * File: assets/css/frontend/home/spotlight.css
 * Purpose: Homepage blog and newsletter spotlight styles.
 * Scope: Spotlight only; split from frontend/home/home.css.
 * Package: HyperDAF Pro
 */
/* ---------------------------------------------------------------------------
 * Blog + newsletter spotlight — theme-owned editorial engagement section.
 * Posts come from a native WordPress query; the newsletter form reuses the
 * existing footer native newsletter pipeline (no duplicated logic).
 * ------------------------------------------------------------------------- */
.hdf-home-spotlight { padding-block: var(--hdf-spacing-10); }
.hdf-home-spotlight__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr);
    gap: var(--hdf-spacing-8);
    align-items: start;
}
.hdf-home-spotlight__grid--blog-only { grid-template-columns: minmax(0, 1fr); }
.hdf-home-spotlight__grid--newsletter-only { grid-template-columns: minmax(0, 1fr); }
.hdf-home-spotlight__grid--newsletter-only .hdf-home-spotlight__newsletter { max-width: 42rem; }
.hdf-home-spotlight__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--hdf-spacing-3);
}
.hdf-home-spotlight__title { margin: 0; font-size: clamp(1.45rem, 2.1vw, 1.9rem); }
.hdf-home-spotlight__more {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--hdf-color-primary-strong);
    font-weight: 600;
    text-decoration: none;
}
.hdf-home-spotlight__more:hover { text-decoration: underline; }
.hdf-home-spotlight__more-icon { width: 1rem; height: 1rem; }
.hdf-home-spotlight__posts { display: grid; gap: var(--hdf-spacing-5); margin-top: var(--hdf-spacing-5); }
.hdf-home-spotlight__post {
    padding-bottom: var(--hdf-spacing-5);
    border-bottom: var(--hdf-border-width-default) solid var(--hdf-color-border);
}
.hdf-home-spotlight__post:last-child { padding-bottom: 0; border-bottom: 0; }
.hdf-home-spotlight__meta { margin: 0 0 var(--hdf-spacing-1); }
.hdf-home-spotlight__post-title { margin: 0 0 var(--hdf-spacing-1); font-size: 1.12rem; line-height: 1.45; }
.hdf-home-spotlight__post-title a { color: var(--hdf-color-text-primary); text-decoration: none; }
.hdf-home-spotlight__post-title a:hover { color: var(--hdf-color-primary-strong); text-decoration: underline; }
.hdf-home-spotlight__excerpt { margin: 0; color: var(--hdf-color-text-secondary); font-size: .93rem; line-height: 1.6; }
.hdf-home-spotlight__newsletter {
    display: grid;
    gap: var(--hdf-spacing-4);
    padding: var(--hdf-spacing-6);
}
.hdf-home-spotlight__newsletter-icon {
    display: inline-flex;
    width: 2.5rem;
    height: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--hdf-color-primary-subtle);
    color: var(--hdf-color-primary-strong);
}
.hdf-home-spotlight__newsletter-icon svg { width: 1.25rem; height: 1.25rem; }
.hdf-home-spotlight__newsletter-title { margin: var(--hdf-spacing-3) 0 var(--hdf-spacing-1); font-size: 1.25rem; }
.hdf-home-spotlight__newsletter-text { margin: 0; color: var(--hdf-color-text-secondary); font-size: .93rem; line-height: 1.6; }
.hdf-home-spotlight__newsletter-form { display: grid; gap: var(--hdf-spacing-3); }
.hdf-home-spotlight__newsletter-input { width: 100%; }
.hdf-home-spotlight__newsletter-button { width: 100%; }
.hdf-home-spotlight__newsletter-button .hdf-icon { width: 1rem; height: 1rem; flex: 0 0 auto; }
.hdf-home-spotlight__newsletter-honeypot {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
}
.hdf-home-spotlight__newsletter-feedback { margin: 0; font-size: .9rem; font-weight: 600; }
.hdf-home-spotlight__newsletter-feedback.is-success { color: var(--hdf-color-success-text); }
.hdf-home-spotlight__newsletter-feedback.is-error { color: var(--hdf-color-danger-text); }
.hdf-home-spotlight__newsletter-note {
    display: flex;
    align-items: center;
    gap: var(--hdf-spacing-2);
    margin: 0;
    color: var(--hdf-color-text-muted);
    font-size: .82rem;
}
.hdf-home-spotlight__newsletter-note svg { flex: none; width: 1rem; height: 1rem; }