/* Overwrites pentru lead form */

.hero-card + a.button.primary.small.border-radius-round.cta {
    margin-top: 1em
}

a.button.primary.small.border-radius-round.cta,
a.button.primary.small.border-radius-round.cta:hover,
a.button.primary.small.border-radius-round.cta:visited,
.hero-card + a.button.primary.small.border-radius-round.cta,
.hero-card + a.button.primary.small.border-radius-round.cta:hover,
.hero-card + a.button.primary.small.border-radius-round.cta:visited {
    color: #FFFFFF !important;
    text-align: center !important;
}

.lc:has(div.new-lead-form-wrap) + .rc img.imgdesktop {
    min-height: 467px;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.sf_lead_gen_entry.card.hero-card {
    background: #F3F2F1;
}

.sidebar-form-card .sf_lead_gen_entry,
.sidebar-form-card .hio-theme .desktop\:border-radius-left-none,
.sf_lead_gen_entry.card.hero-card {
    border: 1px solid #a9afb8 !important;
    border-radius: 16px !important;
    border-left: 1px solid #a9afb8 !important;
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
}

.hero-card + a.button.primary.small.border-radius-round.cta {
    margin-top: 1em;
    padding: 16px 32px;
}

.hero-card + a.button.primary.small.border-radius-round.cta:hover,
.hero-card + a.button.primary.small.border-radius-round.cta:focus,
.hero-card + a.button.primary.small.border-radius-round.cta:active,
.hero-card + a.button.primary.small.border-radius-round.cta:visited {
    text-decoration: none !important;
}

.section.main article .hero-section .lc .title h1,
.section.main article .hero-section .lc .title h2 {
    color: #1C394F !important;
    font-size: 48px !important;
    font-family: 'Encode Sans Semi Condensed', sans-serif;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: 0.24px;
    word-wrap: break-word;
    text-align: left !important;
}
@media (max-width: 1024px) {
    .hero-section .lc:has(.form-featured.new-lead-form-wrap) .img-only-on-mobile {
        display: none !important;
    }
    .hero-section .lc:has(.form-featured.new-lead-form-wrap) {
        order: 1 !important;
    }
    .hero-section .lc:has(.form-featured.new-lead-form-wrap) + .rc {
        display: block !important;
        order: 2 !important;
        padding: 4px 16px 0 !important;
    }
    .hero-section .lc:has(.form-featured.new-lead-form-wrap) + .rc img {
        display: block !important;
        position: relative !important;
        border-radius: 12px !important;
        width: 100% !important;
        min-height: unset !important;
        height: 250px !important;
        object-fit: cover;
        object-position: center center;
    }

    .form-featured.new-lead-form-wrap .sf_lead_gen_entry .content .inner_card {
        padding: 0 !important;
    }

    .section.main article .hero-section .lc .title h1,
    .section.main article .hero-section .lc .title h2 {
        color: #1C394F !important;
        font-size: 38px !important;
        font-family: 'Encode Sans Semi Condensed', sans-serif;
        font-weight: 600;
        line-height: 47.50px;
        letter-spacing: 0.19px;
        word-wrap: break-word;
    }
    .hero-card + a.button.primary.small.border-radius-round.cta {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .page-template-tmp-homepage .hero-section {
        flex-direction: column !important;
    }
    .page-template-tmp-homepage .hero-section .imgdesktop {
        margin: 0 auto 20px !important;
    }
}

div.post-meta-date {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}

div.post-calendar-icon {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.post-date {
    color: #4F4F4F;
    font-size: 18px;
    font-family: 'Encode Sans Semi Condensed', sans-serif;
    font-weight: 500;
    line-height: 25.20px;
    letter-spacing: 0.54px;
    word-wrap: break-word;
}

.sf_lead_gen_entry .content .benefits li {
    font-weight: 500 !important;
    color: #1C394F !important;
}

.hero-section.tmp-homepage .lc {
    flex: 0 0 calc(48% - 40px);
}

.hero-section.tmp-homepage .rc {
    flex: 0 0 calc(52% - 40px);
}

/*    */
/* ==========================================================================
MOBILE FLOATING BAR & JUMP TO DRAWER
========================================================================== */

/* Hide mobile elements on desktop */
@media screen and (min-width: 992px) {
    .mobile-only,
    .custom-toc-close-btn,
    .custom-toc-jump-title,
    .custom-toc-trigger-btn {
        display: none !important;
    }
}

/* Mobile Rules (<= 991px) */
@media (min-width: 992px) {
    body.home  .cta4states.hio-btn.hio-btn--primary {
        display: none;
    }
}
@media screen and (max-width: 991px) {
    .desktop-only {
        display: none !important;
    }

    body.home #phone_cta_widget.legacy-cta-widget {
        display: none !important;
    }

    /* Floating Bar Outer Wrapper (Pill Box) */
    body.home .custom-cta-toc-wrapper {
        position: fixed !important;
        bottom: 16px !important;
        right: 16px !important;
        /*left: 50% !important;*/
        /*transform: translateX(-50%) !important;*/
        /*width: calc(100% - 32px) !important;*/
        max-width: 420px !important;
        background: #ffffff !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12) !important;
        border-radius: 1000px !important;
        outline: 1px solid #DBDBDB !important;
        padding: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        z-index: 99999 !important;
        box-sizing: border-box !important;
    }

    /* "In this article" Trigger Button */
    body.home .custom-toc-trigger-btn {
        height: 48px !important;
        /*flex: 1 1 auto !important;*/
        /*background: #DEECFF !important;*/
        border-radius: 1000px !important;
        border: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0px !important;
        padding: 0 8px !important;
        cursor: pointer !important;
    }

    body.home  .custom-toc-trigger-btn span {
        color: #1C394F !important;
        font-size: 18px !important;
        font-family: "Encode Sans Condensed", sans-serif !important;
        font-weight: 600 !important;
        line-height: 24px !important;
        letter-spacing: 0.40px !important;
    }

    /* Reset Existing Phone CTA inside Wrapper on Mobile */
    body.home  .custom-cta-toc-wrapper #phone_cta_widget {
        flex: 1 1 auto !important;
        margin: 0 !important;
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
    }

    body.home  .cta4states.hio-btn.hio-btn--primary {
        height: 48px !important;
        flex: 1 1 auto !important;
        background: #f36523 !important;
        border-radius: 1000px !important;
        border: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 0 16px !important;
        cursor: pointer !important;
        color: #fff !important;
        font-size: 20px !important;
        font-family: "Encode Sans Condensed", sans-serif !important;
        font-weight: 700 !important;
        line-height: 24px !important;
        letter-spacing: 0.40px !important;
    }

    body.home  .uwy.userway_p5 .userway_buttons_wrapper {
        top: auto;
        bottom: 24px !important;
        left: 8px !important;
        right: auto;
    }

    .custom-cta-toc-wrapper #phone_cta_widget .phone_cta_widget_show {
        height: 48px !important;
        width: 100% !important;
        background: #1C394F !important;
        border-radius: 1000px !important;
        color: #ffffff !important;
        font-size: 20px !important;
        font-family: "Encode Sans Condensed", sans-serif !important;
        font-weight: 700 !important;
        line-height: 25px !important;
        letter-spacing: 0.40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 0 16px !important;
        border: none !important;
    }

    /* Mobile TOC Drawer Container */
    /*.custom-toc-wrapper {*/
    /*    position: fixed !important;*/
    /*    bottom: -100% !important;*/
    /*    left: 0 !important;*/
    /*    right: 0 !important;*/
    /*    width: 100% !important;*/
    /*    max-width: 100% !important;*/
    /*    max-height: 80vh !important;*/
    /*    overflow-y: auto !important;*/
    /*    z-index: 999999 !important;*/
    /*    border-radius: 16px 16px 0 0 !important;*/
    /*    box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.2) !important;*/
    /*    transition: bottom 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;*/
    /*    background: #ffffff !important;*/
    /*    padding: 20px !important;*/
    /*    margin: 0 !important;*/
    /*}*/

    /*.custom-toc-wrapper.is-open {*/
    /*    bottom: 0 !important;*/
    /*}*/
    /* Mobile TOC Drawer Container (Floats above bottom bar) */
    .custom-toc-wrapper {
        position: fixed !important;
        position: fixed !important;
        /* Start hidden below screen */
        bottom: -100% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;

        /* Floating dimensions */
        width: calc(100% - 32px) !important;
        max-width: 420px !important;
        max-height: 70vh !important;
        overflow-y: auto !important;

        z-index: 999999 !important;
        border-radius: 16px !important;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2) !important;
        transition: bottom 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important;
        background: #ffffff !important;
        padding: 20px !important;
        margin: 0 !important;
        opacity: 0;
        visibility: hidden;
    }

    /* Active state: position exact distance above the 64px floating bar + 16px bottom offset + 8px gap = 88px */
    .custom-toc-wrapper.is-open {
        bottom: 88px !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Clean spacing inside popup */
    .custom-toc-wrapper .custom-toc-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
    }
    /**/

    /* Hide Desktop Circle Header on Mobile Popup */
    .custom-toc-wrapper .custom-toc-icon-bg,
    .custom-toc-wrapper .custom-toc-title {
        display: none !important;
    }

    .custom-toc-header {
        justify-content: flex-end !important;
    }

    /* Mobile Close Button */
    .custom-toc-close-btn {
        background: none !important;
        border: none !important;
        font-size: 28px !important;
        line-height: 1 !important;
        color: #1C394F !important;
        cursor: pointer !important;
    }

    /* "Jump to" Mobile Title */
    .custom-toc-jump-title {
        display: block !important;
        color: #1C394F !important;
        font-size: 16px !important;
        font-family: "Encode Sans Condensed", sans-serif !important;
        font-weight: 600 !important;
        line-height: 22.40px !important;
        letter-spacing: 0.48px !important;
        margin-bottom: 8px !important;
    }

    /* Backdrop Overlay */
    .custom-toc-backdrop {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: rgba(0, 0, 0, 0.4) !important;
        z-index: 999998 !important;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }

    .custom-toc-backdrop.is-open {
        opacity: 1 !important;
        visibility: visible !important;
    }
}

@media screen and (max-width: 991px) {
    .custom-cta-toc-wrapper #phone_cta_widget {
        right: 0 !important;
        bottom: 0 !important;
        margin-bottom: -41px !important;
    }
}
/*    */