/* Little Smiles banners: top announcement bar + bottom donate bar. Self contained. */
.ls-topbar{background:#2A2826;color:#FAF6F0;font-family:inherit;font-size:14px;line-height:1.4;position:relative;z-index:2}
.ls-topbar[hidden]{display:none}
.ls-topbar__inner{box-sizing:border-box;min-height:40px;max-width:1200px;margin:0 auto;padding:10px 52px;display:flex;align-items:center;justify-content:center;text-align:center}
.ls-topbar__msg{margin:0;color:#FAF6F0;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.ls-topbar__msg a{color:#F3D9CC;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;font-weight:600}
.ls-topbar__msg a:hover,.ls-topbar__msg a:focus{color:#FFFFFF}
.ls-topbar__close,.ls-donatebar__close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;font:400 24px/1 system-ui,-apple-system,sans-serif;cursor:pointer}
.ls-topbar__close{position:absolute;top:50%;right:4px;transform:translateY(-50%);color:#FAF6F0}
.ls-topbar__close:hover{background:rgba(250,246,240,.12)}
.ls-topbar a:focus-visible,.ls-topbar__close:focus-visible{outline:2px solid #F3D9CC;outline-offset:2px}
@media (max-width:599px){.ls-topbar__inner{padding:8px 48px 8px 16px;text-align:left;justify-content:flex-start}}

.ls-donatebar{position:fixed;left:0;right:0;bottom:0;z-index:990;box-sizing:border-box;height:64px;background:#FAF6F0;border-top:1px solid #E2D8CB;box-shadow:0 -6px 20px rgba(42,40,38,.08);color:#2A2826;font-family:inherit;transform:translateY(100%);visibility:hidden;transition:transform 260ms ease-out,visibility 0s linear 260ms}
.ls-donatebar.is-visible{transform:none;visibility:visible;transition:transform 260ms ease-out,visibility 0s}
.ls-donatebar__inner{box-sizing:border-box;height:100%;max-width:1200px;margin:0 auto;padding:0 16px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.ls-donatebar__text{margin:0;font-size:16px;line-height:1.35;color:#2A2826;min-width:0}
.ls-donatebar__text strong{font-weight:700}
.ls-donatebar__short{display:none}
.ls-donatebar__actions{display:flex;align-items:center;gap:8px;flex:none}
.ls-donatebar__btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:0 20px;border-radius:6px;background:#9A573F;color:#FFFFFF !important;font-size:16px;font-weight:600;line-height:1.2;text-decoration:none !important;white-space:nowrap}
.ls-donatebar__btn:hover,.ls-donatebar__btn:focus{background:#834A35}
.ls-donatebar__ghost{display:none;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:0 14px;border:1.5px solid #2A2826;border-radius:6px;color:#2A2826 !important;font-size:14px;font-weight:600;text-decoration:none !important;white-space:nowrap}
.ls-donatebar__close{color:#2A2826}
.ls-donatebar__close:hover{background:rgba(42,40,38,.08)}
.ls-donatebar a:focus-visible,.ls-donatebar__close:focus-visible{outline:2px solid #5B6B82;outline-offset:2px}
html.ls-donatebar-open body{padding-bottom:64px}
@media (max-width:767px){
  .ls-donatebar{height:56px}
  .ls-donatebar__inner{padding:0 8px 0 16px;gap:8px}
  .ls-donatebar__long{display:none}
  .ls-donatebar__short{display:inline}
  .ls-donatebar__ghost{display:inline-flex}
  .ls-donatebar__btn{padding:0 16px}
  html.ls-donatebar-open body{padding-bottom:56px}
}
@media (prefers-reduced-motion:reduce){
  .ls-donatebar,.ls-donatebar.is-visible{transform:none;transition:none}
}
/* Elementor's kit styles every <button> (yellow fill, border, uppercase); keep both close buttons plain. */
.ls-topbar button.ls-topbar__close,.ls-donatebar button.ls-donatebar__close{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;min-height:0 !important;width:44px !important;height:44px !important;font:400 24px/1 system-ui,-apple-system,sans-serif !important;letter-spacing:0 !important;text-transform:none !important}
.ls-topbar button.ls-topbar__close{color:#FAF6F0 !important}
.ls-donatebar button.ls-donatebar__close{color:#2A2826 !important}
.ls-topbar button.ls-topbar__close:hover{background:rgba(250,246,240,.12) !important}
.ls-donatebar button.ls-donatebar__close:hover{background:rgba(42,40,38,.08) !important}
/* The Elementor kit colours all links and paragraphs; pin the bar colours. */
.ls-topbar .ls-topbar__msg{color:#FAF6F0 !important}
.ls-topbar .ls-topbar__msg a{color:#F3D9CC !important;text-decoration:underline !important;text-decoration-color:#F3D9CC !important}
.ls-topbar .ls-topbar__msg a:hover,.ls-topbar .ls-topbar__msg a:focus{color:#FFFFFF !important;text-decoration-color:#FFFFFF !important}
.ls-donatebar .ls-donatebar__text{color:#2A2826 !important}

/* Round 4 restyle (2026-10-11): bottom bar matches the site design.
   Bar: kit Background #2 #F1EEE7, darker tan top border, kit Text colour + Manrope 500.
   Button: identical to header "Donate Now" (kit accent #F7D252, text #636053, Manrope 600 13px, radius 4, padding 14/16; mobile 12/18; hover #ECC643). */
.ls-donatebar{height:80px;background:#F1EEE7;border-top:1px solid #DDD5C8;box-shadow:0 -4px 16px rgba(76,74,65,.06)}
.ls-donatebar .ls-donatebar__text,.ls-donatebar .ls-donatebar__text strong{font-family:Manrope,sans-serif !important;font-size:18px !important;line-height:1.4;color:#6B6963 !important}
.ls-donatebar .ls-donatebar__text{font-weight:500}
.ls-donatebar .ls-donatebar__text strong{font-weight:700}
.ls-donatebar a.ls-donatebar__btn{min-height:48px;padding:14px 16px;border:0;border-radius:4px;background:#F7D252 !important;color:#4C4A41 !important;font-family:Manrope,sans-serif;font-weight:600;font-size:13px;line-height:1.2;letter-spacing:0;text-transform:none}
.ls-donatebar a.ls-donatebar__btn:hover,.ls-donatebar a.ls-donatebar__btn:focus{background:#ECC643 !important;color:#4C4A41 !important}
.ls-donatebar a.ls-donatebar__ghost{min-height:48px;border:1px solid #F7D252;border-radius:4px;color:#4C4A41 !important;font-family:Manrope,sans-serif;font-weight:600;font-size:13px}
.ls-donatebar button.ls-donatebar__close{color:#636053 !important}
html.ls-donatebar-open body{padding-bottom:80px}
@media (max-width:767px){
  .ls-donatebar{height:68px}
  .ls-donatebar .ls-donatebar__text,.ls-donatebar .ls-donatebar__text strong{font-size:16px !important}
  .ls-donatebar a.ls-donatebar__btn{padding:12px 18px}
  html.ls-donatebar-open body{padding-bottom:68px}
}