/*
 * 50 Page homepage.
 * Load order: content-style.css -> css/05-header.css -> css/05-footer.css -> css/10-content-patterns.css -> css/11-tabs-block.css -> css/15-woocommerce.css -> css/20-page-patterns.css -> css/20-support-pages.css -> style.css -> css/pages/50-page-*.css.
 * Purpose: Homepage page-only section overrides loaded on page ID 17745.
 * Related files: content-style.css holds tokens/base utilities; css/10-content-patterns.css holds reusable components.
 * Scope: these rules were moved from style.css, targeting .dmax-hero, .dmax-title, .dmax-home, .dmax-product-logo, .dmax-award-badge, .dmax-software classes.
 */

/* ============================================================
   Homepage — Frontend
   ============================================================ */

/* ── Hero ─────────────────────────────────────────────────── */
.dmax-hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: radial-gradient(circle at 78% 54%, rgba(60, 188, 230, 0.18), transparent 34%), linear-gradient(112deg, var(--dmax-navy) 0%, #041827 48%, #000 100%);
}

/* ── Title ────────────────────────────────────────────────── */
.dmax-title {
    margin: 0 0 18px;
    font-size: clamp(40px, 4vw, 50px);
    line-height: 1;
    font-weight: 900;
}
.single-content h1.dmax-title,
.single-content h2.dmax-title,
.single-content h3.dmax-title {
    margin-top: 0;
}

/* ── Homepage FAQ/review headings ─────────────────────────── */
.kt-adv-headingdmaxfaqtitle, .kt-adv-headingdmaxreviewtitle {
    font-weight: 600;
}

/* ── Homepage CTA buttons ─────────────────────────────────── */
.dmax-home .wp-block-kadence-advancedbtn {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 26px;
}

/* .dmax-home .dmax-cta-stack {
    align-items: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 30px;
    max-width: 424px;
} */
/* Fix Kadence native bugs for buttons (0px border & missing hover fill) */
/* DISABLED 2026-05-07 — buttons_border option re-saved in {width} format
   so render_responsive_border() outputs 2px natively. Keeping as reference. */
/*
.kb-button.kb-btn-global-primary,
.kb-button.kb-btn-global-secondary,
.kb-button.kb-btn-global-inherit,
.button.button-style-secondary,
.wp-block-button__link {
    border-width: 2px !important;
    border-style: solid !important;
}

.kb-button.kb-btn-global-primary,
.wp-block-button__link:not(.button-style-secondary) {
    border-color: var(--global-palette-btn-bg) !important;
}

.kb-button.kb-btn-global-secondary:hover,
.button.button-style-secondary:hover {
    background-color: var(--global-palette1) !important;
    color: #ffffff !important;
    border-color: var(--global-palette1) !important;
}
*/

/* ── Product logo / award badge / software image ──────────── */
.dmax-product-logo {
    max-width: 210px;
    margin-bottom: 22px;
}

.dmax-award-badge {
    max-width: 156px;
    margin-top: 46px;
}

.dmax-software .kb-img {
    border-radius: 8px;
}

/* ── Mobile responsive ────────────────────────────────────── */
@media (max-width: 767px) {
    .dmax-hero {
        align-items: flex-end;
    }

    /* .dmax-section-tall {
            min-height: auto;
    */
    /*.dmax-section-tall>.kt-row-column-wrap {
            width: min(100% - 28px, 640px);
    */
    .dmax-home .wp-block-kadence-advancedbtn {
        align-items: stretch;
        flex-direction: column;
    }

    .dmax-home .kb-button {
        width: 100%;
    }
}

/* ============================================================
   Homepage — Editor
   ============================================================ */

.editor-styles-wrapper .dmax-title {
    margin: 0 0 18px;
    font-size: clamp(40px, 4vw, 50px);
    line-height: 1;
    font-weight: 900;
}