/*
Theme Name: Inner Child
Template: inner
*/

/* Swap & Places Style Overrides */

/* Force Header Background to be Transparent and Overlay Hero */
.section-wrapper[data-id="oRmzZj"],
.guten-oRmzZj,
div[data-id="oRmzZj"],
.wp-block-template-part,
header.wp-block-template-part,
header,
.guten-moJ6cE,
.guten-1H2uZh {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.section-wrapper[data-id="oRmzZj"] {
    position: absolute !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 999 !important;
}

/* Make Client Partner Logos Larger (Fully 100px) */
.guten-client-logo img {
    height: 100px !important;
    max-height: 100px !important;
    width: auto !important;
    object-fit: contain !important;
    opacity: 0.85;
    transition: opacity 0.3s ease;
}
.guten-client-logo img:hover {
    opacity: 1 !important;
}
.guten-client-logo .content-image, .guten-client-logo .image-list {
 
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* ---- PREMIUM BLOG HERO STYLING ---- */
.guten-post-title,
.guten-Z0EU9T,
.guten-rTg2e2 .guten-post-title {
    line-height: 1.35 !important;
    font-family: "Playfair Display", serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
}

/* Elegant gold accent line below hero titles */
.guten-rTg2e2 .guten-post-title::after,
.guten-Z0EU9T::after {
    content: "" !important;
    display: block !important;
    width: 80px !important;
    height: 3px !important;
    background-color: #e5c158 !important; /* Theme gold accent */
    margin: 25px auto 0 auto !important;
    border-radius: 2px !important;
}

/* --- Google Reviews Section --- */
.snp-reviews-section {
    padding: 30px 20px;
    text-align: center;
}
.snp-reviews-inner {
    max-width: 1200px;
    margin: 0 auto 50px;
}
.snp-reviews-eyebrow {
    font-family: "Lato", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #e5c158;
    display: block;
    margin-bottom: 12px;
}
.snp-reviews-heading {
    font-family: "Playfair Display", serif;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 700;
    color: #0b0b0b;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* --- Trustindex Google Reviews Widget --- */
.ti-widget {
    font-family: "Heebo", "Lato", sans-serif !important;
    margin: 0 auto !important;
    max-width: 1200px !important;
}
.ti-widget .ti-widget-container {
    text-align: center !important;
}
.ti-widget .ti-header,
.ti-widget .ti-footer {
    background: transparent !important;
}
.ti-widget .ti-review-content {
    font-size: 16px !important;
    line-height: 1.62 !important;
    font-weight: 300 !important;
    color: #555 !important;
    text-align: center !important;
}
.ti-widget .ti-review-header {
    text-align: center !important;
}
.ti-widget .ti-review-header .ti-name {
    font-family: "Lato", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}
.ti-widget .ti-review-header .ti-date {
    font-weight: 300 !important;
    color: #888 !important;
}
.ti-widget .ti-star-rating {
    color: #e5c158 !important;
    justify-content: center !important;
}
.ti-widget .ti-review-item {
    text-align: center !important;
}
.ti-widget .ti-reviews-container-wrapper {
    justify-content: center !important;
}

/* Ensure clean contrast background overlay on archive and post hero sections */
.guten-rTg2e2::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(11, 11, 11, 0.55) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.guten-rTg2e2 .guten-container {
    position: relative !important;
    z-index: 2 !important;
}

/* =====================================================
   GLOBAL BUTTONS UNIFICATION (OUTLINED GOLD DESIGN)
   ===================================================== */
.service-cta-btn,
.land-btn-gold,
.land-btn-outline,
.oi-btn-gold,
.oi-btn-outline,
.oi-hero-btns a,
.wp-block-button__link,
.spplan-btn,
.spplan-btn-primary,
.spplan-btn-ghost,
.anim-btn,
.anim-btn-primary,
.anim-btn-ghost,
.threed-btn,
.threed-btn-primary,
.threed-btn-ghost,
.ref-btn,
.ref-btn-primary,
.ref-btn-ghost,
.ref-cta-btn,
.pm-btn,
.pm-btn-primary,
.pm-btn-ghost,
.ca-btn,
.ca-btn-primary,
.ca-btn-ghost,
.fsc-btn,
.fsc-btn-primary,
.fsc-btn-ghost,
.wpcf7-submit,
.submit,
#submit {
    font-family: "Outfit", "Lato", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 15px 36px !important;
    border-radius: 0px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    line-height: 1.2 !important;
    height: auto !important;
}

/* Primary / Solid Gold Buttons */
.service-cta-btn,
.land-btn-gold,
.oi-btn-gold,
.wp-block-button__link,
.spplan-btn,
.spplan-btn-primary,
.anim-btn,
.anim-btn-primary,
.threed-btn,
.threed-btn-primary,
.ref-btn,
.ref-btn-primary,
.ref-cta-btn,
.pm-btn,
.pm-btn-primary,
.ca-btn,
.ca-btn-primary,
.fsc-btn,
.fsc-btn-primary,
.wpcf7-submit,
.submit,
#submit,
.of-btn-primary {
    background-color: #e5c158 !important;
    background: #e5c158 !important;
    border: 1.5px solid #e5c158 !important;
    color: #0b0b0b !important;
}

/* Primary / Solid Gold Buttons Hover */
.service-cta-btn:hover,
.land-btn-gold:hover,
.oi-btn-gold:hover,
.wp-block-button__link:hover,
.spplan-btn:hover,
.spplan-btn-primary:hover,
.anim-btn:hover,
.anim-btn-primary:hover,
.threed-btn:hover,
.threed-btn-primary:hover,
.ref-btn:hover,
.ref-btn-primary:hover,
.ref-cta-btn:hover,
.pm-btn:hover,
.pm-btn-primary:hover,
.ca-btn:hover,
.ca-btn-primary:hover,
.fsc-btn:hover,
.fsc-btn-primary:hover,
.wpcf7-submit:hover,
.submit:hover,
#submit:hover,
.of-btn-primary:hover {
    background-color: transparent !important;
    background: transparent !important;
    color: #e5c158 !important;
    border-color: #e5c158 !important;
    box-shadow: 0 6px 20px rgba(229, 193, 88, 0.25) !important;
}

/* Secondary / Outline Buttons (White outline, transparent background) */
.land-btn-outline,
.oi-btn-outline,
.oi-hero-btns a.oi-btn-outline,
.spplan-btn-ghost,
.anim-btn-ghost,
.threed-btn-ghost,
.ref-btn-ghost,
.pm-btn-ghost,
.ca-btn-ghost,
.fsc-btn-ghost,
.of-btn-ghost {
    background-color: transparent !important;
    background: transparent !important;
    border: 1.5px solid #ffffff !important;
    color: #ffffff !important;
}

/* Secondary / Outline Buttons Hover (Solid gold background) */
.land-btn-outline:hover,
.oi-btn-outline:hover,
.oi-hero-btns a.oi-btn-outline:hover,
.spplan-btn-ghost:hover,
.anim-btn-ghost:hover,
.threed-btn-ghost:hover,
.ref-btn-ghost:hover,
.pm-btn-ghost:hover,
.ca-btn-ghost:hover,
.fsc-btn-ghost:hover,
.of-btn-ghost:hover {
    background-color: #e5c158 !important;
    background: #e5c158 !important;
    color: #0b0b0b !important;
    border-color: #e5c158 !important;
    box-shadow: 0 6px 20px rgba(229, 193, 88, 0.25) !important;
}

/* Handle nested SVG icons in buttons if any */
.service-cta-btn svg,
.land-btn-gold svg,
.land-btn-outline svg,
.oi-btn-gold svg,
.oi-btn-outline svg,
.oi-hero-btns a svg,
.spplan-btn svg,
.anim-btn svg,
.threed-btn svg,
.ref-btn svg,
.pm-btn svg,
.ca-btn svg,
.fsc-btn svg {
    stroke: currentColor !important;
    fill: none !important;
    transition: stroke 0.35s ease !important;
}

/* Force hide responsive menu toggles on desktop */
@media (min-width: 992px) {
    html body .guten-nav-menu-toggle-button,
    html body .guten-nav-menu-toggle,
    html body .guten-nav-menu-close,
    html body button.guten-nav-menu-toggle,
    html body button.guten-nav-menu-close {
        display: none !important;
    }
}

/* =====================================================
   HEADER TABLET & MOBILE VERTICAL ALIGNMENT FIX
   ===================================================== */
@media (max-width: 991px) {
    html body .guten-oRmzZj > .guten-container {
        display: flex !important;
        align-items: center !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
    }
    
    html body .guten-oRmzZj .guten-column {
        align-self: center !important;
    }
    
    html body .guten-oRmzZj .guten-column-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        height: auto !important;
    }

    /* Column 1 (logo) wrapper alignment to the left */
    html body .guten-oRmzZj #guten-wcRTVP .guten-column-wrapper,
    html body .guten-oRmzZj .guten-column:first-child .guten-column-wrapper {
        justify-content: flex-start !important;
    }
    
    /* Ensure the hamburger and any inline buttons align vertically */
    html body .guten-oRmzZj .guten-nav-menu {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Reset Gutenverse nav container margin/padding on tablet/mobile */
    html body .guten-oRmzZj .guten-nav-menu-toggle-button,
    html body .guten-oRmzZj .guten-nav-menu-toggle {
        margin: 0 !important;
    }
}

/* Force desktop header navigation link colors to be white and hover gold globally on desktop screen sizes */
@media (min-width: 992px) {
    html body .guten-oRmzZj .gutenverse-menu > li > a {
        color: #ffffff !important;
        transition: color 0.3s ease !important;
    }

    html body .guten-oRmzZj .gutenverse-menu > li > a:hover {
        color: #e5c158 !important;
    }
}

/* Sub-menu Dropdown Styling (Force dark text on white background) */
html body .guten-oRmzZj .gutenverse-menu .sub-menu,
html body .guten-oRmzZj .gutenverse-menu li ul {
    background-color: #ffffff !important;
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
    border-radius: 0px !important;
    padding: 10px 0 !important;
}

html body .guten-oRmzZj .gutenverse-menu .sub-menu li a,
html body .guten-oRmzZj .gutenverse-menu li ul li a {
    color: #0b0b0b !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 12px 20px !important;
    display: block !important;
    transition: all 0.25s ease !important;
    line-height: 1.4 !important;
    border-bottom: none !important;
}

html body .guten-oRmzZj .gutenverse-menu .sub-menu li a:hover,
html body .guten-oRmzZj .gutenverse-menu li ul li a:hover {
    color: #e5c158 !important;
    background-color: #f7f7f7 !important;
    background: #f7f7f7 !important;
    padding-left: 24px !important; /* Premium slide hover effect */
}

/* Force header container to the top-most z-index plane and enable pointer events */
html body .section-wrapper[data-id="oRmzZj"],
html body .guten-oRmzZj {
    position: absolute !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 99999 !important;
    pointer-events: auto !important;
}

html body .section-wrapper[data-id="oRmzZj"] *,
html body .guten-oRmzZj * {
    pointer-events: auto !important;
}

/* Hide WordPress/Gutenverse Site Title and Site Tagline globally to prevent overlap with the logo image */
.wp-block-site-title,
.wp-block-site-tagline,
.guten-site-title,
.guten-site-tagline,
.guten-logo-text,
.gutenverse-site-title,
.gutenverse-site-tagline,
.guten-brand-text {
    display: none !important;
}

/* =====================================================
   ARCHITECTURAL HERO LAYOUT FOR SUBMENU PAGES
   ===================================================== */
html body.page-id-295 .arch-hero,
html body.page-id-298 .arch-hero,
html body.page-id-24 .arch-hero,
html body.page-id-27 .arch-hero,
html body.page-id-336 .arch-hero {
    position: relative;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    min-height: 580px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 180px 20px 120px !important;
    margin: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    box-sizing: border-box !important;
}
html body .arch-hero-inner {
    width: 100% !important;
    max-width: 860px !important;
    margin: 0 auto !important;
    z-index: 2 !important;
    position: relative !important;
}
html body .arch-hero-breadcrumb {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    font-family: "Heebo", sans-serif !important;
    font-size: 12px !important;
    color: rgba(255,255,255,0.55) !important;
    letter-spacing: 1px !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
}
html body .arch-hero-breadcrumb a {
    color: rgba(255,255,255,0.55) !important;
    text-decoration: none !important;
}
html body .arch-hero-breadcrumb a:hover {
    color: #e5c158 !important;
}
html body .arch-hero-breadcrumb span {
    color: #e5c158 !important;
}
html body .arch-hero-badge {
    display: inline-block !important;
    font-family: "Lato", sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 5px !important;
    text-transform: uppercase !important;
    color: #e5c158 !important;
    margin-bottom: 20px !important;
}
html body .arch-hero h1 {
    font-family: "Lato", sans-serif !important;
    font-size: clamp(2rem, 4.5vw, 3.8rem) !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    line-height: 1.15 !important;
    margin: 0 0 22px !important;
}
html body .arch-hero-sub {
    font-family: "Heebo", sans-serif !important;
    font-size: 1.05rem !important;
    color: rgba(255,255,255,0.72) !important;
    line-height: 1.8 !important;
    margin: 0 auto 38px !important;
    max-width: 650px !important;
}
html body .arch-hero-btns {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
}
html body .arch-btn-gold {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 15px 40px !important;
    background: #e5c158 !important;
    color: #0b0b0b !important;
    font-family: "Lato", sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border: 2px solid #e5c158 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}
html body .arch-btn-gold:hover {
    background: transparent !important;
    color: #e5c158 !important;
}
html body .arch-btn-outline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 15px 40px !important;
    background: transparent !important;
    color: #ffffff !important;
    font-family: "Lato", sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border: 2px solid rgba(255,255,255,0.45) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}
html body .arch-btn-outline:hover {
    border-color: #e5c158 !important;
    color: #e5c158 !important;
}