/* ============================================
   HOME PAGE — Compact Layout v2
   ============================================ */

/* ── Wrapper ── */
.home-wrap {
    padding-top: var(--nav-height);
}

/* ── Hero ── */
.home-hero {
    display: grid;
    grid-template-columns: 1fr 260px;
    gap: 24px;
    padding: 40px 28px 36px;
    align-items: start;
}
.home-badge {
    display: inline-block;
    font-size: 10px;
    color: #8892a0;
    border: 0.5px solid #2a3040;
    border-radius: 20px;
    padding: 4px 12px;
    margin-bottom: 14px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.home-title {
    font-family: var(--font-heading);
    font-size: 26px;
    font-weight: 600;
    color: #f0e8d0;
    line-height: 1.25;
    margin-bottom: 12px;
}
.home-sub {
    font-size: 13px;
    color: #8892a0;
    line-height: 1.6;
    margin-bottom: 22px;
    max-width: 480px;
}
.home-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.home-btn-gold {
    background: #c8a832;
    color: #1a1000;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 18px;
    border-radius: 6px;
    display: inline-block;
    transition: filter var(--transition-fast);
}
.home-btn-gold:hover { filter: brightness(1.08); }
.home-btn-outline {
    background: transparent;
    color: #b8a870;
    border: 0.5px solid #2a3040;
    font-size: 12px;
    padding: 8px 18px;
    border-radius: 6px;
    display: inline-block;
    transition: border-color var(--transition-fast), color var(--transition-fast);
}
.home-btn-outline:hover { border-color: #c8a832; color: #c8a832; }

/* ── Verse card ── */
.home-verse-card {
    background: #111820;
    border: 0.5px solid #1e2a38;
    border-radius: 10px;
    padding: 18px;
}
.home-verse-label {
    font-size: 10px;
    color: #c8a832;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.home-verse-text {
    font-style: italic;
    font-family: var(--font-heading);
    font-size: 13px;
    color: #c8bea0;
    line-height: 1.6;
    margin-bottom: 10px;
}
.home-verse-ref { font-size: 11px; color: #5a8a6a; }

/* ── Section eyebrow ── */
.home-eyebrow {
    font-size: 10px;
    letter-spacing: 0.1em;
    color: #8892a0;
    text-transform: uppercase;
    margin-bottom: 12px;
    display: block;
}

/* ── Quick access ── */
.home-quick { padding: 0 28px 28px; }
.home-quick-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.home-quick-card {
    background: #111820;
    border: 0.5px solid #1e2a38;
    border-radius: 10px;
    padding: 14px 12px;
    display: block;
    transition: border-color var(--transition-fast);
}
.home-quick-card:hover { border-color: #2a3a50; }
.home-quick-icon {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    flex-shrink: 0;
}
.home-quick-name {
    font-size: 12px;
    font-weight: 500;
    color: #d0c8a8;
    margin-bottom: 3px;
}
.home-quick-desc { font-size: 11px; color: #606878; }

/* ── Divider ── */
.home-divider { height: 0.5px; background: #1e2530; margin: 0 28px 24px; }

/* ── Recent ── */
.home-recent { padding: 0 28px 32px; }
.home-recent-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.home-see-all { font-size: 11px; color: #c8a832; transition: color var(--transition-fast); }
.home-see-all:hover { color: #b89040; }
.home-recent-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.home-recent-card {
    background: #111820;
    border: 0.5px solid #1e2a38;
    border-radius: 10px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    transition: border-color var(--transition-fast);
}
.home-recent-card:hover { border-color: #2a3a50; }
.home-recent-tag {
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
    align-self: flex-start;
    font-weight: 500;
}
.home-tag-sermon { color: #5a8a6a; background: #0e2018; border: 0.5px solid #1e3828; }
.home-tag-study  { color: #5a80aa; background: #0e1a28; border: 0.5px solid #1e2a3a; }
.home-recent-title {
    font-size: 12px;
    font-weight: 500;
    color: #d0c8a8;
    line-height: 1.4;
}
.home-recent-meta { font-size: 11px; color: #606878; }
.home-recent-link { font-size: 11px; color: #c8a832; margin-top: 2px; }

/* ── Responsive ── */
@media (max-width: 900px) {
    .home-quick-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 680px) {
    .home-hero {
        grid-template-columns: 1fr;
        padding: 28px 16px 24px;
        gap: 18px;
    }
    .home-title { font-size: 22px; }
    .home-quick { padding: 0 16px 20px; }
    .home-quick-grid { grid-template-columns: repeat(2, 1fr); }
    .home-divider { margin: 0 16px 20px; }
    .home-recent { padding: 0 16px 24px; }
    .home-recent-grid { grid-template-columns: 1fr; }
}

/* ── Legacy inner-page home-grid (kept for safety) ── */
.home-sections { display: none; }
.featured-section { display: none; }
.cta-banner { display: none; }
.mission-strip { display: none; }