/*
 * aaryans-h1-seo-fix.css
 * SEO Fix: Section header & navigation H1 → semantic element
 *
 * Three sources of rogue H1s (Dec 2024 audit — 2,949 URLs affected):
 *   1. .homepage-group-title  — section headers (h1 → h2)
 *   2. .products-related-header — related products (h1 → span,
 *      outer element is already an h2 so nesting must be avoided)
 *   3. .menu-level-2-title  — mega menu category labels (h1 → div)
 *      The megamenu CSS targets h1.menu-level-2-title specifically
 *      with grid-column:1/-1 — we must mirror that for div.
 *
 * Upload: /usr/documents/upload/CSSkodyCLAUDE/
 */

/* 1. Homepage / category section headers */
.homepage-group-title > h2 {
    background-color: #fff;
    z-index: 1;
    padding: 0 30px;
    font-family: Cocogoose, 'sans-serif' !important;
    color: var(--color-primary);
    font-size: 22px;
    font-weight: 400;
    margin: 17px 0;
    line-height: 1.2;
    text-align: center;
    display: block;
}

/* 2. Related products header (outer element is already h2) */
.products-related-header > span {
    background-color: #fff;
    z-index: 1;
    padding: 0 30px;
    font-family: Cocogoose, 'sans-serif' !important;
    color: var(--color-primary);
    font-size: 22px;
    font-weight: 400;
}

/* 3a. Mega menu — general display rule (mirrors agency h1 rule) */
#navigation .menu-level-2 div.menu-level-2-title {
    width: 100%;
    display: block;
    text-align: center;
    color: var(--color-secondary);
    font-family: Cocogoose, 'sans-serif' !important;
    padding-top: 10px;
}

/* 3b. Mega menu — grid spanning rule (critical: without this the title
   collapses to column 1 instead of spanning all columns) */
nav#navigation.mega-open .menu-level-2 > div.menu-level-2-title {
    grid-column: 1 / -1 !important;
    color: #0076A0 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 22px 0 14px !important;
    border-bottom: 2px solid rgba(0, 118, 160, 0.15) !important;
    text-transform: none !important;
}