/* US Card Solutions site search: header button and search overlay (js/site-search.js). */

/* Header button */
.uscs-search-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:10px;background:transparent;color:#040404;cursor:pointer;transition:background-color 180ms ease,color 180ms ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}
.uscs-search-btn:hover{background:#f2f5f8;color:#2493ea}
.uscs-search-btn:focus-visible{outline:2px solid #2493ea;outline-offset:2px}
.uscs-search-btn svg{display:block}
@media (max-width:1051px){
  .uscs-search-btn{width:44px;height:44px;border:1px solid #e5e5e6;border-radius:9px;background:#fff}
  /* keep the search button beside the menu button on the mobile header */
  #uscs-burger{margin-left:-10px!important}
}

/* Sections reached from a search result (or any #anchor link) land below the fixed 72px header.
   Zero specificity, so a page that sets its own offset keeps it. */
:where(section[id],article[id],details[id],div[id],li[id]){scroll-margin-top:88px}

/* Page lock while search is open */
html.uscs-search-lock,html.uscs-search-lock body{overflow:hidden}

/* Overlay */
.uscs-search{position:fixed;inset:0;z-index:1100;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;opacity:0;transition:opacity 180ms ease;font-family:'Roboto',sans-serif;color:#040404}
.uscs-search[hidden]{display:none}
.uscs-search.is-open{opacity:1}
.uscs-search-inner{max-width:760px;margin:0 auto;padding:56px 32px 72px;box-sizing:border-box;transform:translateY(-6px);transition:transform 200ms ease}
.uscs-search.is-open .uscs-search-inner{transform:none}
.uscs-search-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.uscs-search-title{margin:0;font-family:'Poppins',sans-serif;font-size:15px;font-weight:600;letter-spacing:0;color:#040404}
.uscs-search-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-8px -10px -8px 0;padding:0;border:0;border-radius:10px;background:transparent;color:#3f3f40;cursor:pointer;transition:background-color 180ms ease}
.uscs-search-close:hover{background:#f2f5f8}
.uscs-search-close:focus-visible{outline:2px solid #2493ea;outline-offset:2px}

.uscs-search-field{position:relative;display:flex;align-items:center;gap:14px;border-bottom:2px solid #040404;padding:4px 0 12px}
.uscs-search-field svg{flex-shrink:0;width:24px;height:24px;color:#767677}
.uscs-search-input{flex:1;min-width:0;margin:0;padding:0;border:0;outline:0;background:transparent;font-family:'Poppins',sans-serif;font-size:24px;font-weight:500;letter-spacing:-0.01em;color:#040404;-webkit-appearance:none;appearance:none}
.uscs-search-input::placeholder{color:#a4a4a6;font-weight:500}
.uscs-search-input::-webkit-search-cancel-button{-webkit-appearance:none}
.uscs-search-field:focus-within{border-bottom-color:#2493ea}

.uscs-search-status{margin:10px 0 0;min-height:18px;font-size:12.5px;color:#767677}
.uscs-search-body{margin-top:18px}

/* Labels, chips */
.uscs-sr-cat{margin:0 0 10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:#2493ea}
.uscs-search-chips{display:flex;flex-wrap:wrap;gap:8px}
.uscs-search-chip{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid #e5e5e6;border-radius:999px;background:#fff;font-family:'Roboto',sans-serif;font-size:14px;font-weight:500;color:#040404;text-decoration:none;cursor:pointer;transition:border-color 180ms ease,color 180ms ease,background-color 180ms ease}
.uscs-search-chip:hover,.uscs-search-chip:focus-visible{border-color:#2493ea;color:#2493ea;outline:0}

/* Results */
.uscs-sr-group{margin-bottom:22px}
.uscs-sr{display:block;margin:0 -14px;padding:12px 14px;border-radius:10px;text-decoration:none;color:inherit;transition:background-color 150ms ease}
.uscs-sr+.uscs-sr{margin-top:2px}
.uscs-sr:hover,.uscs-sr[aria-selected="true"]{background:#f3f7fb}
.uscs-sr:focus-visible{outline:2px solid #2493ea;outline-offset:-2px}
.uscs-sr-title{display:block;font-family:'Poppins',sans-serif;font-size:17px;font-weight:600;letter-spacing:-0.01em;line-height:1.35;color:#040404}
.uscs-sr-ctx{font-family:'Roboto',sans-serif;font-size:13.5px;font-weight:400;letter-spacing:0;color:#767677}
.uscs-sr-desc{display:-webkit-box;margin-top:3px;font-size:14.5px;line-height:1.55;color:#4a4a4c;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.uscs-sr-cta{display:inline-block;margin-top:6px;font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;color:#2493ea}
.uscs-sr mark{background:transparent;color:inherit;font-weight:700}
.uscs-sr-desc mark{color:#040404;font-weight:600}

/* No results */
.uscs-search-empty-title{margin:0 0 8px;font-family:'Poppins',sans-serif;font-size:19px;font-weight:600;letter-spacing:-0.01em}
.uscs-search-empty-text{margin:0 0 28px;font-size:15px;line-height:1.6;color:#3f3f40}
.uscs-search-empty-text a{color:#2493ea;font-weight:600;text-decoration:none;white-space:nowrap}
.uscs-search-empty-text a:hover{text-decoration:underline}

@media (max-width:640px){
  .uscs-search-inner{padding:14px 16px 48px}
  .uscs-search-top{margin-bottom:14px}
  .uscs-search-input{font-size:20px}
  .uscs-search-field{padding-bottom:10px}
  .uscs-sr{margin:0 -10px;padding:12px 10px}
  .uscs-sr-title{font-size:16px}
  .uscs-sr-desc{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .uscs-search,.uscs-search-inner,.uscs-sr,.uscs-search-chip,.uscs-search-btn{transition:none}
}