/*
  Aurinox Final Fix v18
  - Normal footer without boxed cards on all pages
  - Email verification page design
  - Mobile overlap safety
*/

:root {
  --v18-blue: #0052FF;
  --v18-blue-2: #4D7CFF;
  --v18-text: #0F172A;
  --v18-muted: #64748B;
  --v18-border: #E2E8F0;
  --v18-soft: #F8FAFC;
}

/* Kill old floating bottom nav everywhere */
.bottom-nav {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  pointer-events: none !important;
}
body { padding-bottom: 0 !important; }

/* Normal footer: no boxes, no dark cards, all pages */
footer.site-footer,
.site-footer {
  margin-top: 4.5rem !important;
  padding: 3.2rem 1rem 1.35rem !important;
  background: #FFFFFF !important;
  border-top: 1px solid var(--v18-border) !important;
  color: var(--v18-muted) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.site-footer .footer-ticker {
  display: none !important;
}

.site-footer .footer-content,
.site-footer .footer-content--simple {
  width: min(1180px, calc(100% - 24px)) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(240px, 1.35fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(260px,1.1fr) !important;
  gap: clamp(1.5rem, 3vw, 3.2rem) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.site-footer .footer-section,
.site-footer .footer-brand,
.site-footer .footer-newsletter {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  color: var(--v18-muted) !important;
}

.site-footer .footer-logo,
.site-footer .site-logo {
  margin-bottom: 1rem !important;
}

.site-footer h3,
.site-footer h4 {
  margin: 0 0 .85rem !important;
  color: var(--v18-text) !important;
  font-size: .98rem !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
}

.site-footer p,
.site-footer li,
.site-footer small {
  color: var(--v18-muted) !important;
  line-height: 1.65 !important;
}

.site-footer p { margin: 0 0 .9rem !important; }
.site-footer small { display: block !important; font-size: .85rem !important; }

.site-footer ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.site-footer li {
  margin: .42rem 0 !important;
  padding: 0 !important;
}

.site-footer a {
  color: var(--v18-muted) !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}
.site-footer a:hover {
  color: var(--v18-blue) !important;
}

.site-footer .trust-mini {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;
  margin-top: 1rem !important;
}
.site-footer .trust-mini span {
  background: var(--v18-soft) !important;
  border: 1px solid var(--v18-border) !important;
  color: var(--v18-blue) !important;
  box-shadow: none !important;
  border-radius: 999px !important;
  padding: .36rem .62rem !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
}

.site-footer .footer-form {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: .6rem !important;
  margin: .9rem 0 .55rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.site-footer .footer-form input {
  min-height: 46px !important;
  width: 100% !important;
  border-radius: 14px !important;
  border: 1px solid #CBD5E1 !important;
  background: #FFFFFF !important;
  color: var(--v18-text) !important;
  box-shadow: none !important;
  padding: 0 .9rem !important;
}

.site-footer .footer-form button {
  min-height: 46px !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 0 1rem !important;
  background: linear-gradient(135deg, var(--v18-blue), var(--v18-blue-2)) !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 12px 28px rgba(0,82,255,.18) !important;
}

.site-footer .footer-bottom,
.site-footer .footer-bottom--simple {
  width: min(1180px, calc(100% - 24px)) !important;
  margin: 2rem auto 0 !important;
  padding: 1.1rem 0 0 !important;
  border-top: 1px solid var(--v18-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--v18-muted) !important;
}
.site-footer .footer-bottom p {
  margin: 0 !important;
  color: var(--v18-muted) !important;
}
.footer-cookie-btn {
  border: 0 !important;
  background: transparent !important;
  color: var(--v18-blue) !important;
  font: inherit !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  padding: 0 !important;
}

@media (max-width: 860px) {
  .site-footer .footer-content,
  .site-footer .footer-content--simple {
    grid-template-columns: 1fr !important;
  }
  .site-footer .footer-form {
    grid-template-columns: 1fr !important;
  }
  .site-footer .footer-bottom,
  .site-footer .footer-bottom--simple {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

/* Verification pages design */
.verify-page {
  min-height: 72vh !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(2rem, 6vw, 5rem) 1rem !important;
}

.verify-card {
  width: min(680px, 100%) !important;
  position: relative !important;
  overflow: hidden !important;
  text-align: center !important;
  border-radius: 30px !important;
  padding: clamp(1.6rem, 4vw, 2.6rem) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(0,82,255,.12), transparent 40%),
    radial-gradient(circle at 100% 18%, rgba(77,124,255,.10), transparent 42%),
    #FFFFFF !important;
  border: 1px solid var(--v18-border) !important;
  box-shadow: 0 24px 70px rgba(15,23,42,.10) !important;
}

.verify-icon {
  width: 76px !important;
  height: 76px !important;
  border-radius: 24px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 auto 1rem !important;
  background: linear-gradient(135deg, var(--v18-blue), var(--v18-blue-2)) !important;
  color: #FFFFFF !important;
  box-shadow: 0 18px 42px rgba(0,82,255,.22) !important;
}
.verify-icon svg { width: 34px !important; height: 34px !important; }

.verify-card h1 {
  margin: .2rem 0 .7rem !important;
  font-size: clamp(2rem, 6vw, 3.4rem) !important;
  line-height: 1.05 !important;
  color: var(--v18-text) !important;
}

.verify-card p {
  color: var(--v18-muted) !important;
}

.verify-card .msg {
  margin: 1rem 0 !important;
  border-radius: 18px !important;
  padding: 1rem !important;
}
.verify-card .msg.success {
  background: rgba(5,150,105,.10) !important;
  border: 1px solid rgba(5,150,105,.18) !important;
  color: #047857 !important;
}
.verify-card .msg.error {
  background: rgba(220,38,38,.08) !important;
  border: 1px solid rgba(220,38,38,.16) !important;
  color: #B91C1C !important;
}

.verify-actions {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: .75rem !important;
  margin-top: 1.2rem !important;
}

/* Mobile overlap safety from v17 */
@media (max-width: 760px) {
  .ticker-strip { display: none !important; }
  .market-ribbon {
    position: relative !important;
    top: auto !important;
    z-index: 2 !important;
    width: calc(100% - 24px) !important;
    margin: 18px auto 24px !important;
    padding: 14px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    border-radius: 24px !important;
    background: #FFFFFF !important;
    border: 1px solid var(--v18-border) !important;
    box-shadow: 0 16px 42px rgba(15,23,42,.08) !important;
    transform: none !important;
    backdrop-filter: none !important;
  }
  .market-ribbon > span {
    width: 100% !important;
    padding: 10px 8px !important;
    border-radius: 16px !important;
    background: var(--v18-soft) !important;
    border: 1px solid #EEF2F7 !important;
    text-align: center !important;
    white-space: normal !important;
  }
  .market-ribbon .ticker-live { grid-column: 1 / -1 !important; }
  .search-stage {
    position: relative !important;
    z-index: 1 !important;
    width: calc(100% - 20px) !important;
    margin: 0 auto 44px !important;
  }
  .search-container { width: 100% !important; margin: 0 auto 18px !important; }
  .search-form {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 10px !important;
    border-radius: 24px !important;
    background: #FFFFFF !important;
    border: 1px solid var(--v18-border) !important;
    box-shadow: 0 16px 42px rgba(15,23,42,.08) !important;
    transform: none !important;
    backdrop-filter: none !important;
  }
  .search-input {
    min-height: 50px !important;
    border: 1px solid #CBD5E1 !important;
    border-radius: 16px !important;
    background: var(--v18-soft) !important;
  }
  .voice-btn, .search-btn {
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 16px !important;
  }
  .filters { position: relative !important; top: auto !important; }
}