/*
 * REEID Ubuntu-inspired homepage foundation
 * Scope: homepage only
 * Goal: remove glass/card-heavy styling and move toward Ubuntu-like structure
 */

body.page-id-22 {
    background: #1f1f1f;
    color: #f2f2f2;
}

body.page-id-22 .site,
body.page-id-22 #page,
body.page-id-22 .site-content,
body.page-id-22 .site-main,
body.page-id-22 .entry-content {
    background: #1f1f1f;
    color: #f2f2f2;
}

/* Typography feel */
body.page-id-22 .entry-content p {
    line-height: 1.65;
}

body.page-id-22 .entry-content h1,
body.page-id-22 .entry-content h2,
body.page-id-22 .entry-content h3,
body.page-id-22 .entry-content h4,
body.page-id-22 .entry-content h5,
body.page-id-22 .entry-content h6 {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* Ubuntu-like full-width page canvas */
body.page-id-22 {
    overflow-x: clip;
}

body.page-id-22 .site-content > .ast-container,
body.page-id-22 #primary,
body.page-id-22 .content-area,
body.page-id-22 .site-main,
body.page-id-22 article.page,
body.page-id-22 .entry-content {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.page-id-22 .site-content > .ast-container,
body.page-id-22 #primary,
body.page-id-22 article.page,
body.page-id-22 .entry-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*
 * The outer section occupies the full page width.
 * Gutenberg's own constrained-layout CSS continues to centre its
 * 1180px, 960px and 880px inner content areas.
 */
body.page-id-22 .entry-content > .wp-block-group.alignfull {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Clean full-width section rhythm */
body.page-id-22 .entry-content > .wp-block-group.alignfull {
    margin: 0 !important;
    padding-top: 72px !important;
    padding-bottom: 72px !important;
    border-top: 1px solid rgba(255,255,255,0.12);
    background: #1f1f1f !important;
}

/* First visible section should not have a rule above it */
body.page-id-22 .entry-content > .wp-block-group.alignfull:first-child {
    border-top: 0 !important;
    padding-top: 56px !important;
}

/* Remove glow / animation feel */
body.page-id-22 .reeid-hero-animated::before {
    display: none !important;
}

body.page-id-22 .reeid-hero-animated,
body.page-id-22 .reeid-hero-main-card,
body.page-id-22 .reeid-hero-side-card {
    animation: none !important;
}

/* Flatten major homepage cards */
body.page-id-22 .reeid-hero-main-card,
body.page-id-22 .reeid-hero-side-card,
body.page-id-22 .entry-content .wp-block-group.has-border-color {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Reduce “blue neon” headings / label feel */
body.page-id-22 .entry-content .has-text-color,
body.page-id-22 .entry-content p.has-text-color,
body.page-id-22 .entry-content .wp-block-heading.has-text-color {
    text-shadow: none !important;
}

/* Ubuntu-like hero heading width */
body.page-id-22 .reeid-hero-main-card h1,
body.page-id-22 .reeid-hero-main-card h2,
body.page-id-22 .entry-content h1 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* Buttons: flatter, square, subtle */
body.page-id-22 .wp-block-button__link,
body.page-id-22 .ast-custom-button,
body.page-id-22 .button,
body.page-id-22 .wp-element-button {
    background: transparent !important;
    color: #f2f2f2 !important;
    border: 1px solid rgba(255,255,255,0.45) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 12px 18px !important;
    font-weight: 400 !important;
}

body.page-id-22 .wp-block-button__link:hover,
body.page-id-22 .ast-custom-button:hover,
body.page-id-22 .button:hover,
body.page-id-22 .wp-element-button:hover {
    background: rgba(255,255,255,0.06) !important;
    border-color: rgba(255,255,255,0.7) !important;
}

/* Header: remove glass pill look */
body.page-id-22 .ast-primary-header-bar,
body.page-id-22 #ast-fixed-header .ast-primary-header-bar,
body.page-id-22 #ast-fixed-header .main-header-bar,
body.page-id-22 .ast-primary-sticky-header-active .ast-primary-header-bar,
body.page-id-22 .ast-primary-sticky-header-active .main-header-bar,
body.page-id-22 .ast-sticky-shrunk .ast-primary-header-bar,
body.page-id-22 .ast-header-sticked .ast-primary-header-bar {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: #111111 !important;
}

/* Keep inner header constrained, but not boxed like a floating pill */
body.page-id-22 .site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container,
body.page-id-22 .ast-builder-grid-row-container.ast-container,
body.page-id-22 .main-header-container {
    width: min(1200px, calc(100% - 48px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Menu appearance */
body.page-id-22 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    border-left: 0 !important;
}

body.page-id-22 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    background: transparent !important;
    color: #f2f2f2 !important;
}

body.page-id-22 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link,
body.page-id-22 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
body.page-id-22 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
    background: transparent !important;
    color: #ffffff !important;
}

/* Make three-card areas feel more like flat panels */
body.page-id-22 .wp-block-columns.are-vertically-aligned-stretch > .wp-block-column > .wp-block-group {
    min-height: 100%;
}

/* Reduce excess centering in body copy blocks */
body.page-id-22 .entry-content .has-text-align-center {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

/* Mobile */
@media (max-width: 781px) {
    body.page-id-22 .entry-content > .wp-block-group.alignfull {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    body.page-id-22 .entry-content > .wp-block-group.alignfull > .wp-block-group,
    body.page-id-22 .entry-content > .wp-block-group.alignfull > .wp-block-columns,
    body.page-id-22 .entry-content > .wp-block-columns.alignfull,
    body.page-id-22 .site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container,
    body.page-id-22 .ast-builder-grid-row-container.ast-container,
    body.page-id-22 .main-header-container {
        width: calc(100% - 32px) !important;
    }
}

/* ==========================================================
 * REEID HOMEPAGE — GUTENBERG COLOR UNLOCK
 *
 * Paragraphs and headings inherit the homepage default color
 * unless Gutenberg applies a block or parent Group text color.
 * ========================================================== */