/* Shared styles: nav, donate widget, volunteer form, misc interactive states */

*{box-sizing:border-box;margin:0;padding:0}
a{color:#0093D0;text-decoration:none}
a:hover{color:#002F6C}
input,textarea{font-family:'Libre Franklin',system-ui,sans-serif}
input:focus,textarea:focus{outline:none;border-color:#0093D0 !important}
::placeholder{color:#9aa7b8}

/* ---- Nav ---- */
.nav-item{padding:10px 14px;font-weight:600;font-size:15px;transition:color .15s;color:#3a4a63;border-bottom:3px solid transparent}
.nav-item:hover{color:#002F6C}
.nav-item.nav-active{color:#002F6C;border-bottom-color:#0093D0}
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:transparent;border:1.5px solid #d6e2ee;border-radius:8px;cursor:pointer}
.nav-burger span{display:block;height:2.5px;background:#002F6C;border-radius:2px}
@media (max-width:820px){
  .nav-bar{padding:12px 20px !important}
  .nav-links{display:none !important}
  .nav-burger{display:flex !important}
  .nav-links.nav-open{display:flex !important;flex-direction:column;align-items:stretch !important;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #e3ebf3;box-shadow:0 12px 24px rgba(0,47,108,0.10);padding:12px 20px 20px;gap:4px !important}
  .nav-links.nav-open a{margin-left:0 !important;text-align:center}
}

/* ---- Donate widget ---- */
.dw{font-family:'Libre Franklin',system-ui,sans-serif;background:#fff;border:1px solid #d6e2ee;border-radius:14px;box-shadow:0 10px 34px rgba(0,47,108,0.10);overflow:hidden;max-width:440px;width:100%}
.dw-amt{cursor:pointer;padding:14px 8px;border-radius:8px;font-weight:800;font-size:17px;border:2px solid #d6e2ee;background:#fff;color:#002F6C;transition:all .12s;font-family:inherit}
.dw-amt.on{border-color:#0093D0;background:#0093D0;color:#fff}
.dw-other{margin-top:14px;position:relative;display:none}
.dw-other.show{display:block}

/* ---- Volunteer form ---- */
.way-btn{cursor:pointer;padding:11px 18px;border-radius:8px;border:2px solid #d6e2ee;background:#fff;color:#002F6C;font-weight:700;font-size:14px;transition:all .12s;font-family:inherit}
.way-btn.on{border-color:#0093D0;background:#0093D0;color:#fff}
.hidden{display:none !important}

/* ---- Misc ---- */
.card-hover{transition:box-shadow .15s}
.card-hover:hover{box-shadow:0 12px 30px rgba(0,47,108,0.12)}