/*
 Theme Name:   GAPV LLC Theme 2026
 Theme URI:    https://www.gapvllc.com
 Description:  Kadence Child Theme for GAPV LLC. Integrates the MNX Sticky Nav and Smooth Scroll components.
 Author:       Melvin D. Nava
 Author URI:   https://www.advance-e.com
 Template:     kadence
 Version:      1.0.0
 Text Domain:  wp-gapv-theme-2026
 Date:         2026-05-17 ‏‎23:24
 Last:         2026-05-18 00:10
*/


/***************************
Header
***************************/

/* Mark currently active language (flag) */
.lang-item.current-lang a { position: relative; display: inline-block; }
.lang-item.current-lang a::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: red; }

/* ==========================================================================
   HERO FULL HEIGHT
   Full screen height section
   Calculates 100vh minus the sticky header and admin bar
   ========================================================================== */
/* ==========================================================================
   HERO FULL HEIGHT (KADENCE OVERRIDE)
   ========================================================================== */

/* Target both the outer wrapper and Kadence's inner container */
.hero-full-height,
.hero-full-height > .kb-row-layout-wrap,
.hero-full-height > .kt-row-layout-inner {
    min-height: calc(100vh - var(--mnx-nav-offset, 70px)) !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Logged In (Desktop) */
.admin-bar .hero-full-height,
.admin-bar .hero-full-height > .kb-row-layout-wrap,
.admin-bar .hero-full-height > .kt-row-layout-inner {
    min-height: calc(100vh - var(--mnx-nav-offset, 70px) - 32px) !important;
}

/* Logged In (Mobile) */
@media screen and (max-width: 782px) {
    .admin-bar .hero-full-height,
    .admin-bar .hero-full-height > .kb-row-layout-wrap,
    .admin-bar .hero-full-height > .kt-row-layout-inner {
        min-height: calc(100vh - var(--mnx-nav-offset, 70px) - 46px) !important;
    }
}

/* ==========================================================================
   WORDPRESS ADMIN BAR OFFSET
   Pushes the fixed nav down when the WP admin bar is present.
   ========================================================================== */
.admin-bar .mnx-navbar {
    margin-top: 32px;
}
@media screen and (max-width: 782px) {
    .admin-bar .mnx-navbar {
        margin-top: 46px; /* WP admin bar is thicker on mobile */
    }
}

/* ==========================================================================
   CUSTOM FOOTER FIXES
   Ensures text is white and centered, overriding Kadence's default p colors.
   ========================================================================== */
.custom-main-footer {
    background-color: #060606;
    padding: 2rem 0;
    text-align: center;
}

.custom-main-footer p {
    color: #ffffff !important;
    text-align: center;
    margin: 0;
}

/* ==========================================================================
   CUSTOM CONTENT
   ========================================================================== */
   
/* Constrain standard text blocks to 920px */
.entry-content > p,
.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > ul,
.entry-content > ol {
    max-width: 920px;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left;
}

/* Ensure wide-images or special blocks can still break out */
.entry-content > .alignwide,
.entry-content > .alignfull {
    max-width: 100%;
}

/* ==========================================================================
   GUTENBERG
   ========================================================================== */

/* Ensure the editor canvas behaves like your public page */
.editor-styles-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center; /* This handles the overall centering */
}

/* This makes the blocks obey the 920px container while keeping text left-aligned */
.editor-styles-wrapper > .wp-block {
    max-width: 920px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left; /* Ensures the text itself is left-aligned */
}