/* login.hotfix.css — safe CSP-compliant overrides */
/* 1) Restore common unit losses from over-aggressive minifiers (harmless if already correct) */
.form-block.first { margin-top: 1em !important; }
.summary-box { margin-bottom: 1em !important; }
.summary-table td { font-size: 1em !important; }

/* 2) Fix clamp() that sometimes loses units during minification */
footer section.footer section .links li a { font-size: clamp(1rem, 1vw, 1rem) !important; }
.footer .links li a { font-size: clamp(1rem, 1vw, 1rem) !important; }

/* 3) Ensure required spacing inside calc() so the rule parses cross-browser */
.currency-input::before { top: calc(50% + 8px) !important; }

/* 4) Keep your confirmed late overrides bulletproof (no-ops if already present) */
.select2-container--default .select2-selection--single{
  display:flex !important;align-items:center !important;justify-content:space-between !important;height:auto !important;
  padding:.7em .8em !important;border:1px solid #3b3c37 !important;border-radius:4px !important;box-sizing:border-box !important}
.select2-container--default .select2-selection--single .select2-selection__rendered{flex:1 !important;padding-left:0 !important;margin-left:0 !important;text-indent:0 !important}
.select2-container--default .select2-selection--single .select2-selection__arrow{position:relative !important;top:auto !important;transform:none !important;margin-left:auto !important}
#address_select{-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;padding-right:2.5em !important;
  background-image:url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path fill='%233b3c37' d='M0,0 L5,6 L10,0 Z'/></svg>") !important;
  background-repeat:no-repeat !important;background-position:calc(100% - 0.8em) center !important;background-size:.65em .65em !important}
.currency-input{position:relative}.currency-input input#amount{padding-left:1.5em}
.currency-input::before{content:'£';position:absolute;left:.8em;transform:translateY(-50%);pointer-events:none;color:#38393d}
#login-btn{position:relative;min-width:18rem;display:inline-flex;align-items:center;justify-content:center}
#login-spinner{position:absolute;top:50%;right:2.2rem;transform:translateY(-50%) rotate(0deg)}
.spinner{width:1.5rem;height:1.5rem;border:3px solid #ddd;border-top-color:#012d60;border-radius:50%;animation:spin .8s linear infinite;display:none}
.spinner.show{display:inline-block}
@keyframes spin{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}

/* ============================================
   OVERRIDE (login only): neutralize hotfix
   mobile shifts until <= 500px
   ============================================ */
@media (min-width: 501px) and (max-width: 1000px) {
  /* block any hotfix @media (<=760px) from shrinking login */
  section.account.login-account .form,
  .login-card {
    width: 36em !important;
    max-width: 420px !important;
    padding: 2em 2em !important;
    height: auto !important;
  }

  /* select2 and controls keep desktop spacing */
  section.account.login-account .select2-container--default .select2-selection--single {
    height: auto !important;
    padding: .8em !important;
    line-height: 1.15 !important;
  }
}