/*
Theme Name: Cleaning Services Child
Theme URI: https://limpiplan.es/
Description: Child theme for Cleaning Services (WC cart banner + pro checkout + ES labels)
Author: Limpiplan
Template: cleaning-services
Version: 1.5.7
Text Domain: cleaning-services-child
*/

/* =========================
   MENU (one line, 14.5px)
   ========================= */
@media (min-width: 992px){
  .page-header-menu.doubletap .container{width:100%!important;max-width:1320px!important;display:flex!important;justify-content:center!important;}
  .page-header-menu.doubletap ul#menu-menu-gesti-superior.navbar-nav{display:inline-flex!important;flex-wrap:nowrap!important;white-space:nowrap!important;align-items:center!important;justify-content:center!important;gap:14px!important;width:auto!important;margin:0 auto!important;}
  .page-header-menu.doubletap ul#menu-menu-gesti-superior.navbar-nav>li{float:none!important;display:inline-flex!important;white-space:nowrap!important;}
  .page-header-menu.doubletap ul#menu-menu-gesti-superior.navbar-nav>li>a{padding:10px 9px!important;font-size:14.5px!important;letter-spacing:.02em;}
  .page-header-menu.doubletap ul#menu-menu-gesti-superior.navbar-nav li .sub-menu{white-space:normal!important;}
}
@media (min-width: 992px) and (max-width: 1180px){
  .page-header-menu.doubletap ul#menu-menu-gesti-superior.navbar-nav{overflow-x:auto!important;-webkit-overflow-scrolling:touch;justify-content:flex-start!important;}
}

/* =========================
   CART
   ========================= */
/* Remove legacy hero banner you pasted */
.woocommerce-cart .lpCartHero{display:none!important;}
/* Hide default Woo actions bar (coupon/apply/update) */
.woocommerce-cart form.woocommerce-cart-form .actions{display:none!important;}

/* Our banner: gradient like the first card, content like the second */
#lpCartBannerMain{
  max-width:1200px;
  margin:16px auto 18px auto;
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 18px 40px rgba(15,23,42,.08);
  background:linear-gradient(90deg,
    rgba(232, 255, 244, 1) 0%,
    rgba(250, 250, 230, 1) 38%,
    rgba(226, 247, 255, 1) 100%
  );
}
#lpCartBannerMain h3{margin:0 0 6px 0;font-weight:900;font-size:18px;}
#lpCartBannerMain p{margin:0 0 12px 0;opacity:.82;font-size:14px;}
#lpCartBannerMain .lpCartBannerGrid{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;align-items:end;}
@media (max-width:900px){#lpCartBannerMain .lpCartBannerGrid{grid-template-columns:1fr;}}
#lpCartBannerMain .lpCouponRow{display:flex;gap:10px;align-items:center;}
#lpCartBannerMain input[name="coupon_code"]{width:100%;border-radius:14px;padding:12px 12px;border:1px solid rgba(15,23,42,.14);}
#lpCartBannerMain .button{border-radius:14px!important;font-weight:900!important;padding:12px 14px!important;}
#lpCartBannerMain .lpCartBannerActions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;}
#lpCartBannerMain .lpBtnOutline{background:rgba(255,255,255,.78)!important;border:1px solid rgba(15,23,42,.14)!important;color:inherit!important;}

/* =========================
   CHECKOUT (RESTORE stable layout)
   We keep your "finalizada" structure:
   - Left: Customer details
   - Right: Order review sticky
   - Inside left: Billing (2 cols grid) + Additional fields BELOW + Create account BELOW
   ========================= */

.lpWcHero{margin:22px auto 18px auto;max-width:1200px;padding:22px;border-radius:22px;border:1px solid rgba(15,23,42,.10);box-shadow:0 18px 40px rgba(15,23,42,.08);background:linear-gradient(90deg, rgba(240,253,250,1), rgba(253,250,230,1), rgba(239,246,255,1));}
.lpWcHero__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(15,23,42,.05);font-weight:800;font-size:12px;}
.lpWcHero__title{font-size:38px;line-height:1.05;margin:10px 0 8px 0;font-weight:900;}
.lpWcHero__sub{margin:0;opacity:.80;font-size:15px;}

.lpCheckoutTop{max-width:1200px;margin:0 auto 18px auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:900px){.lpCheckoutTop{grid-template-columns:1fr;}}
.lpCheckoutTop .lpCard{padding:16px;border-radius:18px;border:1px solid rgba(15,23,42,.10);box-shadow:0 18px 40px rgba(15,23,42,.08);background:linear-gradient(90deg, rgba(240,253,250,1), rgba(253,250,230,1), rgba(239,246,255,1));}
.lpCheckoutTop h3{margin:0 0 6px 0;font-weight:900;font-size:16px;}
.lpCheckoutTop p{margin:0 0 10px 0;opacity:.82;font-size:13px;}
.lpDisclosure{border-radius:14px;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.65);padding:10px 12px;}
.lpDisclosure summary{cursor:pointer;font-weight:900;list-style:none;}
.lpDisclosure summary::-webkit-details-marker{display:none;}
.lpDisclosureBody{margin-top:10px;}

.woocommerce-checkout form.checkout{max-width:1200px;margin:0 auto 40px auto;}
@media (min-width:992px){
  .woocommerce-checkout form.checkout{display:flex;gap:18px;align-items:flex-start;}
  .woocommerce-checkout form.checkout #customer_details{flex:1 1 62%;}
  .woocommerce-checkout form.checkout #order_review{flex:0 0 38%;position:sticky;top:110px;}
}
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review{padding:18px;border-radius:18px;border:1px solid rgba(15,23,42,.10);box-shadow:0 18px 40px rgba(15,23,42,.08);background:#fff;}
.woocommerce-checkout #place_order{border-radius:16px!important;font-weight:900!important;padding:14px 16px!important;box-shadow:0 18px 40px rgba(15,23,42,.12)!important;}
.woocommerce-checkout input.input-text,.woocommerce-checkout textarea,.woocommerce-checkout select{border-radius:14px!important;}
.woocommerce-checkout .woocommerce-form-coupon-toggle{display:none!important;}

/* CRITICAL: force Woo col2-set to stack (prevents Additional fields becoming a side column) */
.woocommerce-checkout #customer_details .col2-set,
.woocommerce-checkout #customer_details .woocommerce-columns{display:block!important;}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2{float:none!important;width:100%!important;max-width:100%!important;}
.woocommerce-checkout #customer_details .col-2{margin-top:14px!important;}

/* Order within left column */
.woocommerce-checkout #customer_details{display:flex;flex-direction:column;gap:14px;}
.woocommerce-checkout #customer_details .woocommerce-billing-fields{order:1;}
.woocommerce-checkout #customer_details .woocommerce-additional-fields{order:2;}
.woocommerce-checkout #customer_details .woocommerce-account-fields,
.woocommerce-checkout #customer_details .create-account{order:3;}

/* Billing 2-column grid with your mapping */
@media (min-width:992px){
  .woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
  }
  .woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .form-row{
    width:auto!important;float:none!important;margin:0!important;
  }
  #billing_first_name_field{grid-column:1!important;grid-row:1!important;}
  #billing_company_field{grid-column:2!important;grid-row:1!important;}
  #billing_last_name_field{grid-column:1!important;grid-row:2!important;}
  #billing_postcode_field{grid-column:2!important;grid-row:2!important;}
  #billing_address_1_field{grid-column:1!important;grid-row:3!important;}
  #billing_state_field{grid-column:2!important;grid-row:3!important;}
  #billing_city_field{grid-column:1!important;grid-row:4!important;}
  #billing_email_field{grid-column:2!important;grid-row:4!important;}
  #billing_phone_field{grid-column:1!important;grid-row:5!important;}
  #billing_vat_field{grid-column:2!important;grid-row:5!important;}
  #billing_country_field,#billing_address_2_field{display:none!important;}
}
.woocommerce-checkout #billing_company_field .optional,
.woocommerce-checkout #billing_vat_field .optional{display:none!important;}
#billing_vat{text-transform:uppercase;}


/* =========================
   CHECKOUT: validation popup (avoid layout mess)
   ========================= */
.lpModalOverlay{
  position:fixed; inset:0; z-index:2147483647;
  background:rgba(15,23,42,.55);
  display:none; align-items:center; justify-content:center;
  padding:16px;
}
.lpModal{
  width:min(640px, 100%);
  border-radius:18px;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 30px 80px rgba(0,0,0,.35);
  background:linear-gradient(90deg, rgba(240,253,250,1), rgba(253,250,230,1), rgba(239,246,255,1));
  overflow:hidden;
}
.lpModalHeader{ padding:16px 18px 10px 18px; }
.lpModalTitle{ margin:0; font-weight:900; font-size:18px; }
.lpModalSub{ margin:6px 0 0 0; opacity:.82; font-size:14px; }
.lpModalBody{ padding:0 18px 14px 18px; }
.lpModalList{ margin:10px 0 0 18px; padding:0; font-size:14px; }
.lpModalList li{ margin:6px 0; }
.lpModalFooter{
  padding:14px 18px 16px 18px;
  display:flex; gap:10px; justify-content:flex-end; align-items:center;
  background:rgba(255,255,255,.55);
  border-top:1px solid rgba(15,23,42,.08);
}
.lpModalBtn{
  border-radius:14px!important;
  font-weight:900!important;
  padding:12px 14px!important;
  border:1px solid rgba(15,23,42,.14)!important;
  background:#fff!important;
}
.lpModalBtnPrimary{
  border-radius:14px!important;
  font-weight:900!important;
  padding:12px 14px!important;
  border:0!important;
  background:rgba(13,148,136,1)!important;
  color:#fff!important;
  box-shadow:0 18px 40px rgba(15,23,42,.12)!important;
}

/* Hide the big inline error box (we show it as a popup instead) */
.woocommerce-checkout .woocommerce-NoticeGroup-checkout,
.woocommerce-checkout .woocommerce-error{
  display:none!important;
}


/* Modal click safety */
#lpCheckoutModal, #lpCheckoutModal *{ pointer-events:auto!important; }
#lpCheckoutModal .lpModalBtn, #lpCheckoutModal .lpModalBtnPrimary{ cursor:pointer; }

#lpModalGo{display:none!important;}


/* =========================
   THANK YOU / ORDER RECEIVED (order-received)
   ========================= */
.woocommerce-order-received .woocommerce-order{
  max-width:1200px;
  margin:0 auto 40px auto;
}
.woocommerce-order-received .woocommerce-order > *{
  border-radius:18px;
}
.woocommerce-order-received .woocommerce-notice{
  margin-top:14px;
  border-radius:14px;
  padding:12px 14px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(16,185,129,.10);
}
.woocommerce-order-received .woocommerce-table--order-details,
.woocommerce-order-received .woocommerce-customer-details,
.woocommerce-order-received .woocommerce-order-details{
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 18px 40px rgba(15,23,42,.08);
  background:#fff;
  margin-top:14px;
}
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-column__title{
  font-weight:900;
}


/* =========================
   THANK YOU: activation reminder card
   ========================= */
.lpThankyouActivate{
  margin:14px auto 18px auto;
  max-width:1200px;
  border-radius:18px;
  padding:16px 18px;
  border:1px solid rgba(239,68,68,.25);
  background:rgba(239,68,68,.08);
  box-shadow:0 18px 40px rgba(15,23,42,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.lpThankyouActivate__text{
  margin:0;
  font-size:14px;
  line-height:1.35;
}
.lpThankyouActivate__text strong{ font-weight:900; }
.lpThankyouActivate__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 14px;
  border-radius:14px;
  font-weight:900;
  background:rgba(239,68,68,1);
  color:#fff!important;
  border:0;
  white-space:nowrap;
  box-shadow:0 18px 40px rgba(239,68,68,.20);
}
.lpThankyouActivate__btn:hover{ filter:brightness(.98); }
@media (max-width: 768px){
  .lpThankyouActivate{ flex-direction:column; align-items:flex-start; }
  .lpThankyouActivate__btn{ width:100%; }
}

/* =========================
   MENU: dropdown alignment + prevent floating gap
   ========================= */
.page-header-menu,
.header-menu-area,
.page-header{
  overflow:visible!important;
}
.page-header-menu{ position:relative!important; z-index:99999!important; }
.page-header-menu .container{ overflow:visible!important; }
.page-header-menu ul.menu{ display:flex; flex-wrap:nowrap; align-items:center; }
.page-header-menu ul.menu > li{ position:relative!important; }
.page-header-menu ul.menu > li > .sub-menu{
  top:100%!important;
  left:0!important;
  margin-top:0!important;
  transform:none!important;
}
.page-header-menu .sub-menu{
  z-index:99999!important;
}



/* =========================
   CHECKOUT: order heading inside right card + SumUp iframe containment
   ========================= */
@media (min-width:992px){
  .woocommerce-checkout form.checkout{flex-wrap:nowrap;}
  .woocommerce-checkout form.checkout > #order_review_heading{display:none!important;} /* moved by JS */
}
#order_review .lpOrderHeading{
  font-size:22px;
  font-weight:900;
  margin:0 0 12px 0;
}
#order_review{min-width:0;}
#order_review .payment_box,
#order_review .wc_payment_method .payment_box{max-width:100%; overflow:auto;}
#order_review .payment_box iframe,
#order_review iframe{max-width:100%!important; width:100%!important;}
/* Coupon card inside top area */
.lpCheckoutTop .woocommerce-form-coupon .form-row{margin:0!important;}
.lpCheckoutTop .woocommerce-form-coupon .form-row-first{margin-bottom:10px!important;}
.lpCheckoutTop .woocommerce-form-coupon input.input-text{width:100%!important;}
.lpCheckoutTop .woocommerce-form-coupon button.button{width:100%; border-radius:14px; font-weight:900;}


/* Checkout coupon (in top card) – show template form inline */
.woocommerce-checkout .lpCouponInline .woocommerce-info{ display:none!important; }
.woocommerce-checkout .lpCouponInline form.woocommerce-form-coupon{ display:block!important; margin:0!important; padding:0!important; border:0!important; }
.woocommerce-checkout .lpCouponInline form.woocommerce-form-coupon p{ margin:0 0 10px 0; }
.woocommerce-checkout .lpCouponInline form.woocommerce-form-coupon .form-row-first{ width:100%!important; float:none!important; }
.woocommerce-checkout .lpCouponInline form.woocommerce-form-coupon .form-row-last{ width:auto!important; float:none!important; }
.woocommerce-checkout .lpCouponInline form.woocommerce-form-coupon input#coupon_code{ width:100%!important; }


/* Coupon success/error notice inside our coupon card: avoid icon overlap */
.woocommerce-checkout .lpCouponInline .woocommerce-message,
.woocommerce-checkout .lpCouponInline .woocommerce-error,
.woocommerce-checkout .lpCouponInline .woocommerce-info{
  position: relative;
  padding-left: 14px !important; /* normal padding */
  margin: 0 0 12px 0 !important;
}
.woocommerce-checkout .lpCouponInline .woocommerce-message:before,
.woocommerce-checkout .lpCouponInline .woocommerce-error:before,
.woocommerce-checkout .lpCouponInline .woocommerce-info:before{
  display:none !important; /* remove Woo icon that overlaps */
}


/* Woo notices on Cart/Checkout: prevent icon overlap with our modern notice styling */
.woocommerce-cart .woocommerce-message:before,
.woocommerce-cart .woocommerce-error:before,
.woocommerce-cart .woocommerce-info:before,
.woocommerce-checkout .woocommerce-message:before,
.woocommerce-checkout .woocommerce-error:before,
.woocommerce-checkout .woocommerce-info:before{
  display:none !important;
}
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-error,
.woocommerce-cart .woocommerce-info,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-info{
  padding-left: 14px !important;
}


/* =========================
   HEADER stability (logo + top bar)
   Prevent private/incognito layout shifts
   ========================= */

/* Logo: never overflow / never grow too large */
header img[alt="Logo"],
.site-header img[alt="Logo"],
header .logo img,
.site-header .logo img,
.navbar-header img,
.site-branding img{
  max-height: 156px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}

/* Avoid weird wrapping/overlap in top header areas */
.site-header, header{
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* If theme uses a top header row with multiple items, keep them aligned */
.header-top,
.top-header,
.page-header-top,
.site-header .topbar,
.site-header .header-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}

/* Keep logo block from pushing text into odd places */
.header-top .logo,
.top-header .logo,
.site-header .logo,
.site-branding{
  flex: 0 0 auto;
  max-width: 420px;
}

/* Make right-side items wrap nicely instead of overlapping logo */
.header-top .header-right,
.top-header .header-right,
.site-header .header-right{
  display:flex;
  align-items:center;
  gap:14px;
  flex: 1 1 auto;
  justify-content:flex-end;
  flex-wrap:wrap;
}

/* =========================
   QUICK ACCESS buttons after Contacto (menu)
   ========================= */
.lpQuickNavItem{ margin-left: 8px; }
.lpQuickNavItem{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px !important;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.75);
  font-weight: 800;
  font-size: 12.5px;
  line-height: 1;
  white-space: nowrap;
}
.lpQuickNavItem:hover{
  background: rgba(255,255,255,1);
  border-color: rgba(0,0,0,.18);
}
.lpQuickNavPrimary{
  background: rgba(16,185,129,.12);
  border-color: rgba(16,185,129,.35);
}
.lpQuickNavPrimary:hover{ background: rgba(16,185,129,.18); }
.lpQuickNavWarn{
  background: rgba(59,130,246,.10);
  border-color: rgba(59,130,246,.25);
}

/* On smaller screens, allow quick items to wrap neatly */
@media (max-width: 1024px){
  .page-header-menu .menu.navbar-nav{
    flex-wrap: wrap !important;
    row-gap: 8px;
  }
  .lpQuickNavItem{ margin-left: 0; }
}


/* Footer logo same size as header logo */
footer img[alt="Logo"],
.site-footer img[alt="Logo"],
#colophon img[alt="Logo"]{
  max-height: 156px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}


/* =========================
   v1.5.5 adjustments:
   - Quick buttons only in header menu
   - Smaller pills
   - Don't break mobile menu/footer
   ========================= */

/* Smaller quick buttons */
.lpQuickNavItem{
  padding:5px 9px !important;
  font-size: 11px !important;
  letter-spacing: .2px;
}

/* Ensure footer links are visible on mobile (some parent theme rules may hide them) */
@media (max-width: 991px){
  footer, .site-footer, #footer, #colophon, .footer{
    display:block !important;
    visibility:visible !important;
  }
  .footer-bottom, .footer-bottom-area, .site-info, .copyright, .footer-menu{
    display:block !important;
    visibility:visible !important;
  }
}

/* Header flex only on desktop to avoid mobile overlay/menu issues */
@media (min-width: 992px){
  .header-top,
  .top-header,
  .page-header-top,
  .site-header .topbar,
  .site-header .header-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
  }
  .header-top .header-right,
  .top-header .header-right,
  .site-header .header-right{
    display:flex;
    align-items:center;
    gap:14px;
    flex: 1 1 auto;
    justify-content:flex-end;
    flex-wrap:wrap;
  }
}

/* On mobile, let theme control header/menu (avoid forcing flex) */
@media (max-width: 991px){
  .header-top,
  .top-header,
  .page-header-top,
  .site-header .topbar,
  .site-header .header-top{
    display:block;
  }
  /* ensure footer visible */
  footer, #colophon{ display:block !important; }
}

/* Never show quick buttons in footer */
footer .lpQuickNav,
.site-footer .lpQuickNav,
#colophon .lpQuickNav{ display:none !important; }

/* Mobile menu close button (fallback) */
#lpMobileMenuClose{
  position: fixed;
  top: 14px;
  right: 14px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.14);
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  z-index: 2147483646;
  font-size: 28px;
  line-height: 40px;
  padding: 0;
  display:none;
}
#lpMobileMenuClose:active{ transform: scale(.98); }


/* ===== v58: mobile menu close reliability + footer mobile visibility ===== */
#lpMobileMenuClose{
  z-index: 2147483647 !important;
  pointer-events: auto !important;
  top: 14px !important; /* keep reachable even if header heights change */
  right: 14px !important;
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
}

/* Ensure cookie/GDPR banners appear above floating buttons (WhatsApp, recaptcha, etc.) */
.cmplz-cookiebanner, .cmplz-manage-consent, .cc-window, .cookie-notice-container,
#cookie-notice, #cookie-law-info-bar, .cli-modal, .cli-bar-container{
  z-index: 2147483646 !important;
}

/* Footer: force visibility on mobile (some themes hide widget columns via JS/CSS) */
@media (max-width: 767px){
  footer, #footer, .site-footer, .footer, .footer-widgets, .footer-widget-area, .footer-top, .footer-main{
    display:block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .footer-widgets .widget, .footer-widget-area .widget{
    display:block !important;
  }
}

/* show close button when any common "menu open" state is present */
body.lpMenuOpen #lpMobileMenuClose,
body.mm-wrapper_opened #lpMobileMenuClose,
body.offcanvas-open #lpMobileMenuClose,
body.nav-open #lpMobileMenuClose,
body.menu-open #lpMobileMenuClose,
body.mobile-menu-open #lpMobileMenuClose,
body.toggled #lpMobileMenuClose{
  display: inline-flex !important;
}

/* ensure footer widgets/links are not hidden on mobile */
@media (max-width: 991px){
  footer, .site-footer, .footer, .footer-area, .footer-widgets, .footer-top, .footer-bottom, .footer-widget-area{
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
  }
}


/* =========================
   Mobile menu fix (iPhone Safari):
   - Ensure menu is CLOSED by default on load
   - Only show when body has .lpMobileMenuOpen
   ========================= */
@media (max-width: 991px){
  body:not(.lpMobileMenuOpen) .page-header-menu .menu.navbar-nav,
  body:not(.lpMobileMenuOpen) .page-header-menu ul.menu.navbar-nav{
    display:none !important;
  }
  body.lpMobileMenuOpen .page-header-menu .menu.navbar-nav,
  body.lpMobileMenuOpen .page-header-menu ul.menu.navbar-nav{
    display:block !important;
  }

  /* Make the theme close icon (blue X) clickable if it exists */
  .page-header-menu .close,
  .page-header-menu .menu-close,
  .page-header-menu .navbar-close,
  .page-header-menu .responsive-menu-close{
    position:fixed !important;
    top: 14px !important;
    right: 14px !important;
    z-index: 1000002 !important;
  }
}

/* Our injected close button */
.lpMobileCloseBtn{
  display:none;
}
@media (max-width: 991px){
  body.lpMobileMenuOpen .lpMobileCloseBtn{
    display:inline-flex;
  }
}
.lpMobileCloseBtn{
  position:fixed;
  top: 12px;
  right: 12px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  border: 1px solid rgba(0,0,0,.15);
  box-shadow: 0 10px 25px rgba(0,0,0,.18);
  z-index: 1000003;
  align-items:center;
  justify-content:center;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
}