/* =====================================================================
   Header member login dropdown — shared by every redesign page.
   Uses the redesign palette with cross-page fallbacks.
   ===================================================================== */
.login-dd{position:relative;display:inline-flex;align-items:center}
.login-dd-toggle{display:inline-flex;align-items:center;gap:7px;cursor:pointer;background:transparent}
.login-dd-toggle:not(.btn){border:0;background:none;padding:0;color:inherit;font-weight:600}
.login-dd-chevron{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.55;
  transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.login-dd.is-open .login-dd-chevron{transform:rotate(180deg)}

/* panel */
.login-dd-panel{position:absolute;top:calc(100% + 15px);right:0;z-index:90;
  width:min(362px,calc(100vw - 28px));padding:24px;border-radius:20px;
  background:#fff;border:1px solid rgba(11,26,58,.09);
  box-shadow:0 30px 60px -22px rgba(10,31,68,.42),0 10px 26px -12px rgba(10,31,68,.18);
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-10px) scale(.975);transform-origin:top right;
  transition:opacity .2s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility .28s;
  text-align:left}
.login-dd.is-open .login-dd-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.login-dd-panel::before{content:"";position:absolute;top:-7.5px;right:24px;width:14px;height:14px;
  background:#fff;border-top:1px solid rgba(11,26,58,.09);border-left:1px solid rgba(11,26,58,.09);
  border-radius:4px 0 0 0;transform:rotate(45deg)}
.login-dd-title{display:block;
  font-family:var(--display,var(--sans,Inter,system-ui,sans-serif));
  font-size:23px;font-weight:800;line-height:1.05;letter-spacing:-.03em;
  color:var(--n8,var(--navy,#0A1F44))}
.login-dd-error{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;
  border:1px solid rgba(180,35,24,.18);border-radius:11px;background:#FEF3F2;color:#B42318;
  font-size:12px;font-weight:600;line-height:1.4;
  animation:loginDDAlert .3s ease both}
.login-dd-error svg{width:16px;height:16px;flex:none;margin-top:1px;
  fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@keyframes loginDDAlert{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* form */
.login-dd-form{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.login-dd-field{display:flex;flex-direction:column;gap:6px}
.login-dd-lbl{margin:0;
  font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:var(--n7,var(--ink-2,#33466E))}
.login-dd-field input{width:100%;min-width:0;outline:0;
  padding:12px 14px;border:1.5px solid rgba(11,26,58,.14);border-radius:12px;
  background:var(--ivory,#FAF6EC);color:var(--n8,var(--navy,#0A1F44));
  font-size:14.5px;font-weight:500;
  transition:border-color .2s,box-shadow .2s,background .2s}
.login-dd-field input::placeholder{color:#8A94AB;font-weight:400}
.login-dd-field input:focus{border-color:var(--y,var(--yellow,#FFC629));background:#fff;
  box-shadow:0 0 0 4px rgba(255,198,41,.22)}
.login-dd-pass{position:relative;display:block}
.login-dd-field .login-dd-pass input{padding-right:46px}
.login-dd-eye{position:absolute;top:50%;right:5px;transform:translateY(-50%);
  width:36px;height:36px;display:grid;place-items:center;
  border:0;border-radius:50%;background:transparent;color:#5A6785;cursor:pointer;
  transition:background .2s,color .2s}
.login-dd-eye:hover{background:rgba(10,31,68,.06);color:var(--n8,var(--navy,#0A1F44))}
.login-dd-eye.is-revealed{color:var(--n5,var(--blue,#2558A8))}
.login-dd-eye svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.login-dd-row{display:flex;align-items:center;justify-content:flex-end;margin-top:1px}
.login-dd-forgot{font-size:12.5px;font-weight:700;padding-bottom:1px;
  color:var(--n7,var(--navy-2,#142D61));border-bottom:1px solid rgba(18,48,106,.28);
  transition:color .2s,border-color .2s}
.login-dd-forgot:hover{color:var(--n8,var(--navy,#0A1F44));border-bottom-color:var(--y,var(--yellow,#FFC629))}
.login-dd-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;
  margin-top:2px;padding:13px 18px;border:0;border-radius:999px;
  background:var(--y,var(--yellow,#FFC629));color:var(--n8,var(--navy,#0A1F44));
  font-size:14.5px;font-weight:800;letter-spacing:-.01em;cursor:pointer;
  box-shadow:0 12px 26px -14px rgba(255,179,0,.8);
  transition:transform .2s,box-shadow .2s}
.login-dd-submit svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;
  transition:transform .2s}
.login-dd-submit:hover{transform:translateY(-1px);box-shadow:0 16px 30px -14px rgba(255,179,0,.9)}
.login-dd-submit:hover svg{transform:translateX(3px)}
.login-dd-submit:active{transform:none}

/* fine print */
.login-dd-fine{margin:14px 0 0;padding-top:13px;border-top:1px solid rgba(11,26,58,.08);
  font-size:11px;line-height:1.55;font-weight:500;
  color:var(--muted,var(--ink-3,#5A6785))}
.login-dd-fine a{font-weight:700;color:var(--n7,var(--navy-2,#142D61));
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.login-dd-fine a:hover{color:var(--n8,var(--navy,#0A1F44))}

@media (prefers-reduced-motion:reduce){
  .login-dd-panel{transition:opacity .01s linear,visibility .01s linear}
  .login-dd-error{animation:none}
  .login-dd-chevron,.login-dd-eye,.login-dd-submit,.login-dd-submit svg{transition:none}
}