/*
Theme Name: FreshLeads
Theme URI: https://freshleads.io
Author: Fresh Bread Digital
Author URI: https://freshbreaddigital.com
Description: Landing page theme for FreshLeads, the AI receptionist and CRM platform for local service businesses. Front page is a fixed-layout marketing page; other pages use a simple article layout.
Version: 1.0.5
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: Proprietary
Text Domain: freshleads
*/

/* Inner pages (Privacy, Terms, Support, Thank You) */
.fl-content{padding-block:clamp(56px,7vw,96px)}
.fl-article{max-width:760px}
.fl-article h1{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;letter-spacing:-.03em;color:var(--navy);margin-bottom:24px}
.fl-prose{font-size:1.02rem;line-height:1.7;color:var(--body)}
.fl-prose h2{font-size:1.5rem;margin:40px 0 12px}
.fl-prose h3{margin:28px 0 10px}
.fl-prose p{margin:0 0 18px}
.fl-prose ul,.fl-prose ol{margin:0 0 18px;padding-left:22px}
.fl-prose li{margin-bottom:6px}
.fl-prose a{color:var(--green);font-weight:600}
.fl-prose a.btn{color:#fff;text-decoration:none}
.fl-prose img{border-radius:12px}
/* WordPress admin bar pushes the sticky nav down */
body.admin-bar .nav{top:32px}
@media(max-width:782px){body.admin-bar .nav{top:46px}}

/* ---- v1.0.4: phone number, mobile menu CTAs, back-to-top (kept here: host blocks editor saves under assets/) ---- */
.nav-actions{display:flex;align-items:center;gap:18px}
.nav-phone{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:700;font-size:.94rem;white-space:nowrap}
.nav-phone svg{width:17px;height:17px;color:var(--green)}
.nav-phone:hover span{text-decoration:underline}
.nav-mobile-cta{display:none}
.nav-backdrop{position:fixed;inset:0;background:rgba(6,16,31,.55);z-index:40;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
@media(max-width:860px){
  .nav-actions{display:none}
  .nav-mobile-cta{display:flex!important;flex-direction:column;gap:10px;padding-top:16px!important;border-bottom:0!important}
  .nav-mobile-cta .btn{width:100%;padding:14px 20px}
  .nav-mobile-cta .btn svg{width:18px;height:18px}
  .nav-mobile-cta .btn-ghost{color:#fff;border-color:rgba(197,211,232,.35)}
}
@media(max-width:1040px){.nav-phone span{display:none}}

/* call line in Book a Demo section */
.call-line{display:inline-flex;align-items:center;gap:14px;margin:0 0 26px;text-decoration:none;color:#fff;background:rgba(6,16,31,.55);border:1px solid rgba(197,211,232,.16);border-radius:16px;padding:12px 18px 12px 12px;transition:border-color .15s,transform .15s}
.call-line:hover{border-color:var(--green);transform:translateY(-2px)}
.call-line .call-ic{width:42px;height:42px;border-radius:12px;background:var(--green);display:grid;place-items:center;flex:none}
.call-line .call-ic svg{width:20px;height:20px;color:#fff}
.call-line small{display:block;font-size:.74rem;color:var(--on-navy);letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.call-line b{font-family:var(--mono);font-size:1.2rem;letter-spacing:.01em}
/* footer phone */
.footer-phone{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:#fff;text-decoration:none;font-weight:700;font-family:var(--mono);font-size:.95rem}
.footer-phone svg{width:16px;height:16px;color:var(--green)}
.footer-phone:hover{color:var(--green-h)}
/* back to top */
.to-top{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:45;width:48px;height:48px;border-radius:50%;border:0;background:var(--green);color:#fff;box-shadow:0 12px 28px -10px rgba(61,181,74,.8);display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .25s,transform .25s,background .15s}
.to-top.show{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{background:var(--green-h)}
.to-top svg{width:22px;height:22px}
@media(max-width:600px){.to-top{width:44px;height:44px;right:14px}}
/* powered by */
.footer-legal{display:flex;flex-direction:column;gap:6px;align-items:flex-end;text-align:right}
@media(max-width:700px){.footer-legal{align-items:flex-start;text-align:left}}
.powered{font-size:.8rem;color:var(--on-navy-dim)}
.powered a{color:var(--on-navy);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(197,211,232,.3)}
.powered a:hover{color:var(--green-h);border-color:var(--green-h)}