/* NoLemons Help Center - restyled to match nolemons.co */
:root{
  --nl-green:#22c55e; --nl-green-dark:#15803d; --nl-dark:#111827; --nl-gray:#4b5563;
  --nl-gray-light:#9ca3af; --nl-border:#e5e7eb; --nl-purple:#6e52a2;
  --nl-font:'Inter','Noto Sans Arabic',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
body{font-family:var(--nl-font)!important;color:var(--nl-dark);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.fl-heading,.fl-heading-text,.site-title,
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4{
  font-family:var(--nl-font)!important;color:var(--nl-dark)!important;letter-spacing:-0.02em}
h1,.fl-heading-text{font-weight:800!important}
h2{font-weight:700!important} h3,h4{font-weight:600!important}
.fl-rich-text,.fl-rich-text p,.entry-content p,.entry-content li{font-family:var(--nl-font)}

/* Header */
#ast-desktop-header .ast-primary-header-bar,#ast-desktop-header .main-header-bar,
#ast-mobile-header .main-header-bar{
  background:#fff!important;border-bottom:1px solid var(--nl-border)!important;box-shadow:none!important}
.site-title a{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.site-title img.nl-logo{height:28px;width:auto!important;max-width:none!important;max-height:none!important;border-radius:0!important}
.nl-hc-label{font-size:20px;font-weight:700;color:var(--nl-dark);letter-spacing:-0.02em;white-space:nowrap}
.ast-builder-menu-1 .menu-item > .menu-link,.ast-builder-menu-1 .menu-item > a{
  color:var(--nl-dark)!important;font-weight:500;font-family:var(--nl-font)!important}
.ast-builder-menu-1 .menu-item > .menu-link:hover,.ast-builder-menu-1 .menu-item > a:hover{color:var(--nl-green-dark)!important}
.ast-builder-menu-1 .sub-menu,.ast-hf-menu-1 .sub-menu{
  background:#fff!important;border:1px solid var(--nl-border)!important;border-radius:12px!important;
  box-shadow:0 10px 30px rgba(0,0,0,.08)!important;padding:8px!important}
.ast-builder-menu-1 .sub-menu .menu-item > .menu-link,.ast-hf-menu-1 .sub-menu .menu-item > a{
  padding:10px 14px!important;border-radius:8px!important}
.ast-builder-menu-1 .sub-menu .menu-item > .menu-link:hover,.ast-hf-menu-1 .sub-menu .menu-item > a:hover{
  background:#f3f4f6!important;color:var(--nl-dark)!important}
/* Header CTA */
.ast-header-button-1 .ast-custom-button{
  background:var(--nl-green)!important;color:#fff!important;border-radius:9999px!important;
  padding:12px 22px!important;font-weight:600!important;font-family:var(--nl-font)!important;
  border:none!important;box-shadow:none!important;font-size:15px!important}
.ast-header-button-1 .ast-custom-button:hover{background:var(--nl-green-dark)!important;color:#fff!important}
.ast-header-button-1 .ast-builder-button-wrap > a.menu-link{
  background:var(--nl-green)!important;color:#fff!important;border-radius:9999px!important;
  padding:12px 22px!important;font-weight:600!important}

/* Hero rows with photo + overlay -> clean white, dark type (nolemons.co hero style) */
.fl-row-bg-photo .fl-row-content-wrap{background-image:none!important;background-color:#fff!important}
.fl-row-bg-overlay .fl-row-content-wrap:before,.fl-row-bg-overlay .fl-row-content-wrap:after{
  display:none!important;background:none!important;opacity:0!important}
.fl-row-bg-photo .fl-row-content{text-align:center}
.fl-row-bg-photo .fl-heading-text{color:var(--nl-dark)!important;font-weight:800!important;
  letter-spacing:-0.025em!important;font-size:56px!important;line-height:1.05!important}
.fl-row-bg-photo .fl-rich-text p,.fl-row-bg-photo .fl-rich-text{color:var(--nl-gray)!important;font-size:18px!important}
@media(max-width:768px){.fl-row-bg-photo .fl-heading-text{font-size:34px!important}}

/* Buttons -> green pills */
a.fl-button,.fl-button a{
  border-radius:9999px!important;background:var(--nl-green)!important;color:#fff!important;
  font-weight:600!important;font-family:var(--nl-font)!important;border:none!important;box-shadow:none!important}
a.fl-button:hover,.fl-button a:hover{background:var(--nl-green-dark)!important;color:#fff!important}

/* Accordions -> rounded cards */
.wpsm_panel{border:1px solid var(--nl-border)!important;border-radius:14px!important;
  margin-bottom:12px!important;box-shadow:none!important;overflow:hidden;background:#fff!important}
.wpsm_panel .wpsm_panel-heading{background:#fff!important;border-radius:14px!important}
.wpsm_panel .wpsm_panel-title a{font-family:var(--nl-font)!important;font-weight:600!important;color:var(--nl-dark)!important}
.wpsm_panel .wpsm_panel-body{font-family:var(--nl-font)!important;color:var(--nl-gray)!important}
.wpsm_panel .wpsm_panel-body p,.wpsm_panel .wpsm_panel-body li{font-family:var(--nl-font)!important}

/* Content photos */
.fl-photo-img{border-radius:16px}

/* Hide the old Astra footer; new footer below */

/* nolemons.co-style footer */
/* footer: original help-centre copyright, main-site black/rounded treatment */
.site-footer{margin:12px!important;background:#000!important;border-radius:24px;border-top:none!important}
.site-footer .site-primary-footer-wrap{padding:40px 28px!important}
.site-footer .ast-footer-copyright, .site-footer .ast-footer-copyright p{color:#9ca3af!important;font-size:15px;margin:0!important;text-align:center;font-family:var(--nl-font)}
@media(max-width:860px){.site-footer .site-primary-footer-wrap{padding:30px 18px 100px!important}}

/* fixes round 1 */
.fl-row-bg-photo.fl-row-custom-height .fl-row-content-wrap{height:auto!important;min-height:0!important;
  padding-top:110px!important;padding-bottom:110px!important}
.ast-header-button-1 .ast-custom-button{white-space:nowrap!important}
.fl-photo-content img{border-radius:16px}

/* fixes round 2: keep brand visible in mobile header */
@media(max-width:921px){
  #ast-mobile-header .site-title{display:block!important}
  #ast-mobile-header .site-title img.nl-logo{height:22px}
  #ast-mobile-header .nl-hc-label{font-size:15px}
}
@media(max-width:544px){
  #ast-mobile-header .nl-hc-label{display:none}
  #ast-mobile-header .site-title img.nl-logo{height:20px}
}

/* fixes round 4: review feedback */
/* hero + CTA rows: trim excess vertical space */
.fl-row-bg-photo.fl-row-custom-height .fl-row-content-wrap{padding-top:56px!important;padding-bottom:56px!important}
.fl-row-custom-height:not(.fl-row-bg-photo) .fl-row-content-wrap{height:auto!important;min-height:0!important;padding-top:64px!important;padding-bottom:64px!important}
@media(max-width:768px){
  .fl-row-bg-photo.fl-row-custom-height .fl-row-content-wrap{padding-top:36px!important;padding-bottom:36px!important}
  .fl-row-custom-height:not(.fl-row-bg-photo) .fl-row-content-wrap{padding-top:40px!important;padding-bottom:40px!important}
}
/* WhatsApp widget: hide overlapping decorative label (identical overlap exists on live preview; cosmetic only) */
.joinchat__button__sendtext{display:none!important}
/* AR header single-row fit */
html[lang="ar"] #ast-desktop-header .nl-hc-label{font-size:17px}
html[lang="ar"] #ast-desktop-header .ast-builder-menu-1 .menu-item > .menu-link{font-size:15px!important}
#ast-desktop-header .site-title img.nl-logo{height:26px}

/* widget: suppress auto-peek greeting bubble (still opens on click); hide tooltip pill */
.joinchat--show:not(.joinchat--open) .joinchat__box{display:none!important}
.joinchat__tooltip{display:none!important}

/* home only: tighten hero-to-content gap (main-site rhythm) */
.fl-node-2rh0fgbyl9ap .fl-row-content-wrap{padding-top:56px!important;padding-bottom:24px!important}
.fl-node-ezd60npumk21 .fl-row-content-wrap{padding-top:24px!important}
@media(max-width:768px){
  .fl-node-2rh0fgbyl9ap .fl-row-content-wrap{padding-top:36px!important;padding-bottom:16px!important}
  .fl-node-ezd60npumk21 .fl-row-content-wrap{padding-top:16px!important}
}
.joinchat__button__send{display:none!important}