/*  Theme Name: Hello Elementor Child
    Author: Forazi Tech
	Author URI: https://forazitech.com/
	Template: hello-elementor
	Version: 1.1.0
*/

/* ==========================================================================
   LCSH UX/UI & CRO Optimization Stylesheet
   Strictly preserves existing Elementor Global Kit (elementor-kit-10) colors:
   - Primary:   var(--e-global-color-primary)   [#A8CD45]
   - Secondary: var(--e-global-color-secondary) [#40989F]
   - Teal Alt:  var(--e-global-color-dc653a3)   [#429DA4]
   - Body Text: var(--e-global-color-text)      [#616163]
   - Slate:     var(--e-global-color-accent)    [#4F585F]
   - White:     var(--e-global-color-b2a7d64)   [#FFFFFF]
   - Black:     var(--e-global-color-be64083)   [#000000]
   - Surface:   var(--e-global-color-c2c4c1d)   [#F9F9F9]
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Global Readability, Visual Hierarchy & Mobile Tap Targets
   -------------------------------------------------------------------------- */
.elementor-widget-text-editor p {
    max-width: 68ch;
    line-height: 1.7;
    color: var(--e-global-color-text);
}

@media (max-width: 767px) {
    .elementor-button {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}

/* --------------------------------------------------------------------------
   2. Homepage (elementor-12) — Hero CTA Hierarchy & Tablet Stack Fixes
   (Note: Banner 2 "Style Meets Comfort" content & links left untouched)
   -------------------------------------------------------------------------- */
/* Primary Hero CTA ("VIEW OPTIONS" - element 05d2750) */
.elementor-12 .elementor-element.elementor-element-05d2750 .elementor-button {
    background-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-be64083) !important;
    fill: var(--e-global-color-be64083) !important;
    border-color: var(--e-global-color-primary) !important;
    font-weight: 600 !important;
    padding: 16px 28px !important;
    transition: all 0.25s ease-in-out;
}

.elementor-12 .elementor-element.elementor-element-05d2750 .elementor-button:hover {
    background-color: var(--e-global-color-secondary) !important;
    border-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-b2a7d64) !important;
    fill: var(--e-global-color-b2a7d64) !important;
}

/* Fix excessive 840px stacked split-banner height on Tablets (768px - 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
    .elementor-12 .elementor-element.elementor-element-cf77f5e,
    .elementor-12 .elementor-element.elementor-element-4d5749f,
    .elementor-12 .elementor-element.elementor-element-7d81804 {
        --min-height: 260px !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .elementor-12 .elementor-element.elementor-element-dc3c939,
    .elementor-12 .elementor-element.elementor-element-9e3b3a9,
    .elementor-12 .elementor-element.elementor-element-efa43ac {
        --min-height: 320px !important;
    }
}

/* --------------------------------------------------------------------------
   3. Modular Homes Page (elementor-14) — Section Re-Ordering & Clean Layout
   -------------------------------------------------------------------------- */
/* Turn the page wrapper into a flex column so sections reorder cleanly */
.elementor-14 {
    display: flex;
    flex-direction: column;
}

/* Section 1: Hero Banner & Intro */
.elementor-14 > .elementor-element-4cc7ba3 { order: 1; }
.elementor-14 > .elementor-element-f783c4f { order: 2; }

/* Section 2: Modular Home Features (Moved up from bottom of page) */
.elementor-14 > .elementor-element-f41b55c {
    order: 3;
    margin-bottom: 30px;
}

/* Section 3: Residential Units (Plans A-D & E-F) placed BEFORE Storage Units */
.elementor-14 > .elementor-element-744890a { order: 4; }
.elementor-14 > .elementor-element-79de14a { order: 5; }

/* Section 4: Commercial & Site Storage Units */
.elementor-14 > .elementor-element-4199fc4 { order: 6; }

/* Section 5: Conceptual Units & Bottom Spacer */
.elementor-14 > .elementor-element-34e87db { order: 7; }
.elementor-14 > .elementor-element-b995c4f { order: 8; }

/* Convert oversized H2 intro paragraph (eb15762) into scannable body copy */
.elementor-14 .elementor-element.elementor-element-eb15762 .elementor-heading-title {
    font-family: "Roboto", Sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
    text-transform: none !important;
    color: var(--e-global-color-text) !important;
    max-width: 820px;
    margin: 0 auto;
}

/* Hide the two empty "Coming Soon" placeholder cards in Plan E-F row */
.elementor-14 .elementor-element.elementor-element-1f51241,
.elementor-14 .elementor-element.elementor-element-a04b836 {
    display: none !important;
}

/* Center Units E & F cleanly in their row */
.elementor-14 .elementor-element.elementor-element-4d9c044 {
    --justify-content: center !important;
    justify-content: center !important;
    gap: 30px !important;
}

/* Align Units Plan A-D GET STARTED buttons on the exact same horizontal baseline */
.elementor-14 .elementor-element.elementor-element-98996b3 {
    --align-items: flex-end !important;
    align-items: flex-end !important;
}

.elementor-14 .elementor-element.elementor-element-98996b3 .elementor-heading-title {
    min-height: 2.4em;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .elementor-14 .elementor-element.elementor-element-4bbbb52,
    .elementor-14 .elementor-element.elementor-element-1a6a2be {
        --width: 45% !important;
        max-width: 520px;
    }
}

/* Polish Unit Cards on Modular Homes */
.elementor-14 .elementor-element-2171e17,
.elementor-14 .elementor-element-419b9da,
.elementor-14 .elementor-element-111c405,
.elementor-14 .elementor-element-3416973,
.elementor-14 .elementor-element-25b852c,
.elementor-14 .elementor-element-be8162e,
.elementor-14 .elementor-element-865a6a6,
.elementor-14 .elementor-element-4876662,
.elementor-14 .elementor-element-4bbbb52,
.elementor-14 .elementor-element-1a6a2be {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.elementor-14 .elementor-element-2171e17:hover,
.elementor-14 .elementor-element-419b9da:hover,
.elementor-14 .elementor-element-111c405:hover,
.elementor-14 .elementor-element-3416973:hover,
.elementor-14 .elementor-element-25b852c:hover,
.elementor-14 .elementor-element-be8162e:hover,
.elementor-14 .elementor-element-865a6a6:hover,
.elementor-14 .elementor-element-4876662:hover,
.elementor-14 .elementor-element-4bbbb52:hover,
.elementor-14 .elementor-element-1a6a2be:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(79, 88, 95, 0.12);
}

/* --------------------------------------------------------------------------
   4. Downloads Page (elementor-18) — Remove Duplicate Product Grid Above Fold
   -------------------------------------------------------------------------- */
/* Hide duplicate Storage Units & Plan A-D product container so Downloads Hub is at top */
.elementor-18 > .elementor-element.elementor-element-a1f186f {
    display: none !important;
}