/* AcademyFlow List Growth — widget styles
 * Scoped under .aflc-lg-* so we don't fight the theme.
 */

/* Shared form bits — high-specificity to win against the theme */
#aflc-lg-root .aflc-lg-form,
.aflc-lg-modal .aflc-lg-form{display:flex !important;flex-wrap:wrap !important;gap:8px !important;align-items:center !important;margin:0 !important;}
#aflc-lg-root .aflc-lg-input,
.aflc-lg-modal .aflc-lg-input{flex:1 !important;min-width:0 !important;padding:10px 14px !important;font-size:14px !important;line-height:1.3 !important;border:1px solid #d1d5db !important;border-radius:8px !important;background:#fff !important;color:#0f172a !important;font-family:inherit !important;height:auto !important;min-height:0 !important;max-height:none !important;box-shadow:none !important;width:auto;}
#aflc-lg-root .aflc-lg-input--name,
.aflc-lg-modal .aflc-lg-input--name{max-width:140px !important;flex:0 1 140px !important;}
#aflc-lg-root .aflc-lg-input:focus,
.aflc-lg-modal .aflc-lg-input:focus{outline:none !important;border-color:#7c3aed !important;box-shadow:0 0 0 3px rgba(124,58,237,.18) !important;}
#aflc-lg-root .aflc-lg-btn,
.aflc-lg-modal .aflc-lg-btn{padding:10px 22px !important;background:#7c3aed !important;color:#fff !important;border:0 !important;border-radius:8px !important;font-weight:700 !important;font-size:14px !important;line-height:1.2 !important;cursor:pointer !important;transition:background .15s ease,transform .1s ease !important;font-family:inherit !important;text-decoration:none !important;height:auto !important;min-height:0 !important;width:auto;}
#aflc-lg-root .aflc-lg-btn:hover:not(:disabled),
.aflc-lg-modal .aflc-lg-btn:hover:not(:disabled){background:#6d28d9 !important;}
#aflc-lg-root .aflc-lg-btn:disabled,
.aflc-lg-modal .aflc-lg-btn:disabled{opacity:.7 !important;cursor:default !important;}
.aflc-lg-msg{width:100% !important;font-size:13px !important;margin:4px 0 0 !important;min-height:18px !important;}
.aflc-lg-msg--ok{color:#059669 !important;}
.aflc-lg-msg--err{color:#dc2626 !important;}

/* ---------- Hero strip (FIXED — root div is at body bottom, so sticky won't work) ---------- */
.aflc-lg-hero{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:9990 !important;background:linear-gradient(135deg,#7c3aed 0%,#ec4899 100%) !important;color:#fff !important;box-shadow:0 2px 12px rgba(0,0,0,.15) !important;margin:0 !important;}
/* Push the rest of the page down so the fixed hero doesn't cover content */
body.aflc-lg-has-hero{padding-top:60px !important;}
@media (max-width:720px){body.aflc-lg-has-hero{padding-top:90px !important;}}
.aflc-lg-hero__inner{max-width:1200px !important;margin:0 auto !important;display:flex !important;align-items:center !important;gap:16px !important;padding:10px 24px !important;}
.aflc-lg-hero__text{flex:1 !important;font-size:14px !important;font-weight:500 !important;min-width:0 !important;color:#fff !important;}
.aflc-lg-hero .aflc-lg-form{flex:0 1 auto !important;}
.aflc-lg-hero .aflc-lg-input{background:rgba(255,255,255,.95) !important;border-color:transparent !important;}
.aflc-lg-hero .aflc-lg-btn{background:#0f172a !important;}
.aflc-lg-hero .aflc-lg-btn:hover:not(:disabled){background:#1a1a2e !important;}
.aflc-lg-hero__x{background:transparent;border:0;color:#fff;font-size:22px;line-height:1;cursor:pointer;opacity:.85;padding:4px 8px;border-radius:4px;}
.aflc-lg-hero__x:hover{opacity:1;background:rgba(255,255,255,.1);}
.aflc-lg-hero .aflc-lg-msg{color:#fff;font-weight:600;}
.aflc-lg-hero .aflc-lg-msg--ok{color:#a7f3d0;}
.aflc-lg-hero .aflc-lg-msg--err{color:#fecaca;}

/* ---------- Footer form (full-width strip) ---------- */
.aflc-lg-footer{background:#0f172a;color:#fff;padding:48px 24px;}
.aflc-lg-footer__inner{max-width:680px;margin:0 auto;text-align:center;}
.aflc-lg-footer__title{margin:0 0 8px;font-size:24px;font-weight:800;color:#fff;}
.aflc-lg-footer__text{margin:0 0 20px;color:#cbd5e1;font-size:15px;line-height:1.5;}
.aflc-lg-footer .aflc-lg-form{justify-content:center;}
.aflc-lg-footer .aflc-lg-input{background:#fff;color:#0f172a;}
.aflc-lg-footer .aflc-lg-btn{background:#facc15;color:#0f172a;}
.aflc-lg-footer .aflc-lg-btn:hover:not(:disabled){background:#eab308;}
.aflc-lg-footer .aflc-lg-msg{color:#fff;}
.aflc-lg-footer .aflc-lg-msg--ok{color:#a7f3d0;}

/* ---------- Exit-intent modal ---------- */
.aflc-lg-modal{position:fixed;inset:0;z-index:99990;display:none;align-items:center;justify-content:center;padding:20px;}
.aflc-lg-modal--open{display:flex;}
.aflc-lg-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.7);backdrop-filter:blur(4px);}
.aflc-lg-modal__panel{position:relative;background:#fff;border-radius:16px;padding:36px;max-width:480px;width:100%;text-align:center;box-shadow:0 30px 60px rgba(0,0,0,.35);animation:aflcLgIn .2s ease;}
@keyframes aflcLgIn{from{opacity:0;transform:translateY(20px) scale(.95);}to{opacity:1;transform:none;}}
.aflc-lg-modal__close{position:absolute;top:12px;right:14px;background:transparent;border:0;font-size:28px;line-height:1;color:#94a3b8;cursor:pointer;padding:4px 8px;}
.aflc-lg-modal__close:hover{color:#0f172a;}
.aflc-lg-modal__title{margin:0 0 12px;font-size:24px;font-weight:800;color:#0f172a;line-height:1.2;}
.aflc-lg-modal__text{margin:0 0 24px;color:#475569;font-size:15px;line-height:1.5;}
.aflc-lg-modal .aflc-lg-form{flex-direction:column;gap:10px;}
.aflc-lg-modal .aflc-lg-input{width:100%;max-width:none;text-align:center;}
.aflc-lg-modal .aflc-lg-input--name{max-width:none;}
.aflc-lg-modal .aflc-lg-btn{width:100%;padding:14px;font-size:16px;}

/* ---------- Certificate share buttons (on /certificates/ pages) ---------- */
.aflc-lg-cert-share{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid #eef0f4;}
.aflc-lg-cert-share__label{font-size:13px;color:#64748b;font-weight:600;margin-right:4px;}
.aflc-lg-cert-share__btn{appearance:none;border:1px solid transparent;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:transform .1s ease,opacity .15s ease;color:#fff;}
.aflc-lg-cert-share__btn:hover{transform:translateY(-1px);opacity:.92;}
.aflc-lg-cert-share__btn--linkedin{background:#0a66c2;}
.aflc-lg-cert-share__btn--whatsapp{background:#25d366;color:#0a3d22;}
.aflc-lg-cert-share__btn--facebook{background:#1877f2;}
.aflc-lg-cert-share__btn--copy{background:#e2e8f0;color:#0f172a;border-color:#cbd5e1;}
.aflc-lg-cert-share__btn--copy:hover{background:#cbd5e1;}

/* Mobile responsiveness */
@media (max-width:720px){
    .aflc-lg-hero__inner{flex-direction:column;align-items:stretch;gap:8px;padding:12px 16px;}
    .aflc-lg-hero__text{text-align:center;font-size:13px;}
    .aflc-lg-hero__x{position:absolute;top:6px;right:6px;}
    .aflc-lg-hero{padding-top:4px;}
    .aflc-lg-footer{padding:32px 20px;}
    .aflc-lg-footer__title{font-size:20px;}
}
