/**
 * Hash Form site styles - loaded by mu-plugins/hash-form-site.php.
 *
 * Only what has no theme (Total Plus) or Easy Elementor Addons option behind
 * it: decoration on the Elementor pages (hero grid, pills, badges, glows), the
 * raw-HTML comparison table and a few one-line tweaks. Layout, colours and
 * hover states live in the widgets' and Customizer's own settings.
 */

/* Header */
.tp-header-bttn {
    font-weight: 600;
    letter-spacing: 0;
}

.hfl-footer-about {
    max-width: 360px;
    margin-top: 18px;
}

/* Mobile menu toggle */
#tp-mobile-menu .collapse-button {
    border-radius: 10px;
}

/* "PRO" label inside a mega menu heading */
.hfl-mega-pro {
    display: inline-block;
    line-height: 1.3;
    margin-left: 6px;
    padding: 2px 6px;
    border-radius: 5px;
    background: #f3eeff;
    color: #7c3aed;
    font-size: 10px;
    letter-spacing: .6px;
    vertical-align: 1px;
}

/* ============ Page components (Elementor pages) ============ */
html{scroll-behavior:smooth}

.elementor [id]{scroll-margin-top:96px}
.hfl-page p:last-child,.elementor-widget-text-editor p:last-child{margin-bottom:0}
.elementor-widget-text-editor p{margin:0 0 1em}
.elementor-widget-text-editor strong{color:#14162b;font-weight:600}


/* hero */
.hfl-hero{position:relative;overflow:hidden;background:radial-gradient(55% 60% at 88% 18%,rgba(79,70,229,.16),transparent 70%),radial-gradient(40% 45% at 6% 96%,rgba(124,58,237,.09),transparent 70%),#fbfbfe!important}
.hfl-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,22,43,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,22,43,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 40% 35%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 75% 65% at 40% 35%,#000 20%,transparent 75%);pointer-events:none}
.hfl-hero>.e-con-inner{position:relative;z-index:1}
.hfl-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:#fff;border:1px solid #e1e4ec;box-shadow:0 1px 2px rgba(16,24,40,.04);font-size:14px;font-weight:500;color:#3b3f55;line-height:1.3}
.hfl-pill b{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:700;letter-spacing:.3px}
.hfl-dual .eead-dual-button{white-space:nowrap}
.hfl-h1 .eead-animated-heading{display:block;min-height:1.06em}
.hfl-demo textarea{height:104px!important;min-height:104px}
.hfl-badge .elementor-heading-title{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:#ecfdf3;color:#067647;font-size:12px;font-weight:700;letter-spacing:.6px}
.hfl-badge .elementor-heading-title:before{content:"";width:7px;height:7px;border-radius:50%;background:#17b26a;box-shadow:0 0 0 3px rgba(23,178,106,.2)}
.hfl-foot{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7085}
.hfl-foot i{font-style:normal;padding:2px 8px;border-radius:6px;background:#eef2ff;color:#4338ca;font-weight:600;font-size:12px}
.hfl-demo .hf-container{margin:0}

/* pro section */
.hfl-pro{position:relative;overflow:hidden}
.hfl-pro:before{content:"";position:absolute;left:50%;top:-240px;width:900px;height:520px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(99,102,241,.35),transparent);pointer-events:none}
.hfl-pro>.e-con-inner{position:relative;z-index:1}
.hfl-fields-note{color:#b8bbd6}

/* integrations */
.hfl-int-row:last-child{border-bottom:0!important}
.hfl-int-label .elementor-heading-title small{display:block;margin-top:4px;font:500 13px/1.3 Inter,sans-serif;color:#6b7085;letter-spacing:0}

/* cta + footer */
.hfl-cta-card{position:relative;overflow:hidden}
.hfl-cta-card:after{content:"";position:absolute;right:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;border:70px solid rgba(255,255,255,.07);pointer-events:none}
.hfl-cta-card>*{position:relative;z-index:1}


/* comparison table */
.hfl-table-wrap{overflow-x:auto;background:#fff;border:1px solid #e6e8ee;border-radius:20px;box-shadow:0 24px 48px -32px rgba(30,27,75,.25)}
.hfl-compare-table{width:100%;min-width:620px;border-collapse:collapse;margin:0;font-size:15px;color:#2b2f45;border:0}
.hfl-compare-table th,.hfl-compare-table td{padding:14px 24px;border:0;border-bottom:1px solid #eef0f4;text-align:center;vertical-align:middle;background:none}
.hfl-compare-table th[scope=row],.hfl-compare-table thead th:first-child{text-align:left;font-weight:500}
.hfl-compare-table thead th{position:sticky;top:0;background:#fff;font:800 18px/1.2 "Plus Jakarta Sans",sans-serif;color:#14162b;padding-top:24px;padding-bottom:20px;z-index:1}
.hfl-compare-table thead th:first-child{font:700 13px/1.2 Inter,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#6b7085}
.hfl-compare-table thead small{display:block;margin-top:4px;font:500 13px/1.2 Inter,sans-serif;color:#6b7085}
.hfl-compare-table .hfl-col-pro{background:#f8f8ff}
.hfl-compare-table thead .hfl-col-pro{color:#4338ca;background:#f5f5ff}
.hfl-compare-table .hfl-group th{text-align:left;padding-top:26px;padding-bottom:10px;font:700 12px/1.2 Inter,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#4f46e5;background:#fff;border-bottom:1px solid #e6e8ee}
.hfl-compare-table tbody tr:not(.hfl-group):hover th,.hfl-compare-table tbody tr:not(.hfl-group):hover td{background:#fafaff}
.hfl-compare-table td{font-weight:700;color:#14162b}
.hfl-yes{display:inline-block;width:22px;height:22px;border-radius:50%;vertical-align:middle;background:#eef2ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
.hfl-no{color:#b9bdcc;font-weight:500}
@media (max-width:767px){.hfl-compare-table th,.hfl-compare-table td{padding:12px 14px;font-size:14px}.hfl-compare-table thead th{font-size:15px}}

/* features */
.hfl-count{display:inline-block;vertical-align:middle;margin-left:8px;padding:4px 10px;border-radius:999px;background:#eef2ff;color:#4338ca;font:700 13px/1.2 Inter,sans-serif;letter-spacing:0}
.hfl-feature-sec .hfl-card .eead-aib-title{padding-right:44px}

/* phones: fit the comparison table to the screen instead of scrolling it */
@media (max-width:767px){
.hfl-compare-table{min-width:0}
.hfl-compare-table th,.hfl-compare-table td{padding:11px 8px;font-size:13px}
.hfl-compare-table th[scope=row],.hfl-compare-table thead th:first-child,.hfl-compare-table .hfl-group th{padding-left:14px}
.hfl-compare-table thead th{font-size:13px;padding-top:18px;padding-bottom:14px}
.hfl-compare-table thead th:first-child{font-size:11px;letter-spacing:1px}
.hfl-compare-table thead th:not(:first-child),.hfl-compare-table td{width:78px}
.hfl-compare-table thead small{font-size:11px}
.hfl-yes{width:20px;height:20px;background-size:11px}
}
/* Feature detail pages */
.hfl-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
.hfl-crumbs a{color:#4f46e5;text-decoration:none}
.hfl-crumbs a:hover{color:#4338ca;text-decoration:underline}
.hfl-crumbs span{color:#c3c7d6}
.hfl-plan-badge .elementor-heading-title{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.6px;line-height:1;text-transform:uppercase}
.hfl-plan-badge.is-free .elementor-heading-title{background:#ecfdf3;color:#067647}
.hfl-plan-badge.is-free .elementor-heading-title:before{content:"";width:7px;height:7px;border-radius:50%;background:#17b26a;box-shadow:0 0 0 3px rgba(23,178,106,.2)}
.hfl-plan-badge.is-pro .elementor-heading-title{background:#f3eeff;color:#6d28d9}
.hfl-plan-badge.is-pro .elementor-heading-title:before{content:"";width:7px;height:7px;border-radius:50%;background:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.2)}