/* Ink & Aura Theme - Sections: Hero
   Purpose: Hero/cover sections across pages
   Scope: .hero-section, .category-hero, .hero-content, .hero-buttons
*/

/* Canonical hero layout matching homepage */
.hero-section,
.category-hero {
    position: relative;
    height: 72vh;
    overflow: hidden;
    background: var(--ia-bg-primary);
}
.hero-section .hero-content,
.category-hero .hero-content {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .hero-section .hero-content,
    .category-hero .hero-content { top: 47%; }
}

/* Canonical hero typography */
.hero-content h1,
.hero-title { font-size: 3.5rem; font-weight: 600; line-height: 1.1; color: var(--ia-secondary); }
.hero-content p,
.hero-description { font-size: 1.125rem; color: var(--ia-charcoal); }

/* Canonical hero buttons layout */
.hero-buttons {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: var(--spacing-md);
}
@media (max-width: 768px) {
    .hero-buttons { flex-direction: row; gap: 1rem; }
}

/* Shop archive wrapper hero offset to avoid header overlap */
/* Remove shop-archive specific offsets from global hero scaffold to avoid cross-page bleed */
/* .shop-archive .category-hero { padding-top: clamp(96px, 18vh, 140px); }
body.admin-bar .shop-archive .category-hero { padding-top: clamp(114px, 20vh, 160px); }
.shop-archive .category-hero .hero-buttons { flex-wrap: wrap; } */