/* ═══════════════════════════════════════════════════════════
   Ceres Full-Width Hero Fix
   Forces the blue gradient block to touch all four edges
   ═══════════════════════════════════════════════════════════ */

/* 1. Remove the outer wrapper padding on 100-width pages */
.page-template-100-width #wrapper,
.page-template-100-width #main,
.page-template-100-width #content,
.page-template-100-width .post-content,
.full-width #wrapper,
.full-width #main,
.full-width #content,
.full-width .post-content {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* 2. Force the hero container itself to be edge-to-edge */
.ceres-full-hero {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: 0 !important;
    right: 0 !important;
    position: relative !important;
}

/* 3. The fusion-row inside is what Avada constrains to site width */
.ceres-full-hero .fusion-row,
.ceres-full-hero > .fusion-row,
.ceres-full-hero .fusion-builder-row {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 4. Give the column inner wrapper readable padding */
.ceres-full-hero .fusion-column-wrapper,
.ceres-full-hero .fusion-layout-column .fusion-column-wrapper {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* 5. Center the subtitle text */
.ceres-hero-text p {
    text-align: center !important;
    max-width: 780px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 6. Cards section — keep content nicely constrained */
.ceres-cards-section .fusion-row {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* 7. Avada Builder live editor */
.fusion-builder-live .ceres-full-hero .fusion-row {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   Mobile Full Screen Menu (AWB Off Canvas)
   Nav links + Client Dashboard only — no email/hours clutter
   ═══════════════════════════════════════════════════════════ */

.awb-off-canvas,
.awb-off-canvas-wrap,
[class*="awb-off-canvas"] {
    --ceres-oc-pad: 28px;
}

/* Hide leftover placeholder contact / hours / phone column */
.awb-off-canvas a.fusion-button[href="#"],
.awb-off-canvas .fusion-button[href="#"],
.fusion-off-canvas a.fusion-button[href="#"],
.awb-off-canvas a.fusion-button[href*="your-domain"],
.awb-off-canvas .fusion-button[href*="your-domain"] {
    display: none !important;
}

.awb-off-canvas .fusion-builder-row > .fusion-layout-column:nth-child(2),
.awb-off-canvas .fusion-builder-row > .fusion_builder_column_1_2:nth-child(2) {
    display: none !important;
}

.awb-off-canvas .fusion-separator {
    display: none !important;
}

/* Compact, readable mobile flyout layout */
@media (max-width: 800px) {
    .awb-off-canvas .fusion-builder-row,
    .awb-off-canvas .fusion-fullwidth {
        margin-top: 0 !important;
        min-height: 0 !important;
    }

    .awb-off-canvas .fusion-layout-column,
    .awb-off-canvas .fusion-builder-column-1_1,
    .awb-off-canvas .fusion-builder-column-1_2 {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .awb-off-canvas .fusion-column-wrapper {
        padding-left: var(--ceres-oc-pad) !important;
        padding-right: var(--ceres-oc-pad) !important;
        padding-top: 12px !important;
        padding-bottom: 24px !important;
    }

    .awb-off-canvas .fusion-menu,
    .awb-off-canvas nav.fusion-menu {
        width: 100% !important;
    }

    .awb-off-canvas .fusion-menu .menu-item > a,
    .awb-off-canvas .fusion-menu a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        line-height: 1.25 !important;
    }

    .awb-off-canvas .ceres-mobile-dashboard-btn,
    .awb-off-canvas a.ceres-mobile-dashboard-btn,
    .awb-off-canvas .fusion-button.ceres-mobile-dashboard-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        margin-top: 24px !important;
        margin-bottom: 0 !important;
        max-width: 100%;
        width: auto !important;
        min-width: 200px;
    }

    /* Hide unused empty second column if still present */
    .awb-off-canvas .fusion-builder-row > .fusion-layout-column:nth-child(2):empty,
    .awb-off-canvas .fusion-builder-row > .fusion-layout-column:nth-child(2) .fusion-column-wrapper:empty {
        display: none !important;
    }
}