/* Unified modern footer structure with page-aware color themes. */

.it-footer-modern {
  --it-footer-accent: #9fd2e5;
  --it-footer-accent-rgb: 159,210,229;
  --it-footer-text: #d7e4ed;
  --it-footer-panel: rgba(6,24,40,.34);
  display: block;
  margin: 0;
  border-top: 1px solid rgba(var(--it-footer-accent-rgb),.20);
  color: var(--it-footer-text);
  background: #0c2137;
  font-family: Inter, Almarai, "Segoe UI", Arial, sans-serif;
}

.it-footer-modern.it-footer-theme-navy {
  --it-footer-accent: #9fd2e5;
  --it-footer-accent-rgb: 159,210,229;
  --it-footer-text: #d7e4ed;
  --it-footer-panel: rgba(6,24,40,.34);
  background: #0c2137;
}

.it-footer-modern.it-footer-theme-navy .it-footer-shell {
  background: radial-gradient(circle at 82% 8%, rgba(55,151,188,.22), transparent 30%), linear-gradient(132deg, #0c2137 0%, #123653 58%, #0e2c47 100%) !important;
}

.it-footer-modern.it-footer-theme-crypto {
  --it-footer-accent: #c1c8ff;
  --it-footer-accent-rgb: 193,200,255;
  --it-footer-text: #e2e5ff;
  --it-footer-panel: rgba(9,13,61,.38);
  background: #11164d;
}

.it-footer-modern.it-footer-theme-crypto .it-footer-shell {
  background: radial-gradient(circle at 82% 8%, rgba(120,135,255,.28), transparent 30%), linear-gradient(132deg, #11164d 0%, #1b25a0 58%, #121752 100%) !important;
}

.it-footer-modern.it-footer-theme-graphite {
  --it-footer-accent: #d5dce3;
  --it-footer-accent-rgb: 213,220,227;
  --it-footer-text: #eef1f4;
  --it-footer-panel: rgba(24,27,31,.38);
  background: #292e34;
}

.it-footer-modern.it-footer-theme-graphite .it-footer-shell {
  background: radial-gradient(circle at 82% 8%, rgba(255,255,255,.13), transparent 30%), linear-gradient(132deg, #252a30 0%, #50565e 58%, #2d3238 100%) !important;
}

.it-footer-modern .it-footer-shell {
  max-width: none !important;
  padding: 46px max(24px, calc((100% - 1160px) / 2)) 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.it-footer-modern .it-footer-contact {
  height: auto !important;
  margin: 0 !important;
  padding: 0 0 18px !important;
  background: transparent !important;
}

.it-footer-modern .it-footer-contact .col {
  background: transparent !important;
}

.it-footer-modern .it-footer-contact p {
  margin: 0 !important;
  color: var(--it-footer-accent) !important;
  font-size: 13px !important;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: .08em !important;
  text-align: center !important;
  text-transform: uppercase;
}

.it-footer-modern .it-footer-social {
  height: auto !important;
  margin: 0 0 28px !important;
  background: transparent !important;
}

.it-footer-modern .it-footer-social .col {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: transparent !important;
}

.it-footer-modern .it-footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(var(--it-footer-accent-rgb),.20);
  border-radius: 12px;
  background: rgba(255,255,255,.06);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.it-footer-modern .it-footer-social a:hover {
  transform: translateY(-3px);
  border-color: rgba(var(--it-footer-accent-rgb),.60);
  background: rgba(var(--it-footer-accent-rgb),.13);
}

.it-footer-modern .footer_icons {
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

.it-footer-modern .it-footer-nav, .it-footer-modern .it-footer-legal {
  margin: 0 !important;
  background: transparent !important;
}

.it-footer-modern .it-footer-nav .col, .it-footer-modern .it-footer-legal .col {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 14px;
  background: transparent !important;
}

.it-footer-modern .it-footer-legal {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}

.it-footer-modern .footer_text_link, .it-footer-modern .footer_link {
  display: inline-block;
  color: var(--it-footer-text) !important;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.5;
  text-decoration: none !important;
  transition: color .18s ease, transform .18s ease;
}

.it-footer-modern .footer_text_link:hover, .it-footer-modern .footer_link:hover {
  color: var(--it-footer-accent) !important;
  transform: translateY(-1px);
}

.it-footer-modern .it-footer-nav span, .it-footer-modern .it-footer-legal span {
  color: rgba(var(--it-footer-accent-rgb),.30) !important;
}

.it-footer-modern .it-footer-meta {
  align-items: center;
  margin: 34px 0 0 !important;
  padding: 18px 0 !important;
  border-top: 1px solid rgba(var(--it-footer-accent-rgb),.14);
  border-radius: 14px 14px 0 0;
  background: var(--it-footer-panel) !important;
}

.it-footer-modern #footer_copyright, .it-footer-modern #footer_risk {
  margin: 0 !important;
  padding: 0 20px !important;
  color: var(--it-footer-text) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.55;
}

.it-footer-modern #footer_copyright {
  text-align: left !important;
}

.it-footer-modern #footer_risk {
  text-align: right !important;
}

.it-footer-modern #footer_version {
  width: 92px !important;
  margin: 0 auto;
  padding: 0 !important;
  opacity: .92;
}

@media (max-width: 767.98px) {
  .it-footer-modern .it-footer-shell {
    padding: 38px 20px 0 !important;
  }
}

@media (max-width: 767.98px) {
  .it-footer-modern .it-footer-nav .col, .it-footer-modern .it-footer-legal .col {
    gap: 9px 14px;
  }
}

@media (max-width: 767.98px) {
  .it-footer-modern .it-footer-nav span, .it-footer-modern .it-footer-legal span {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .it-footer-modern .it-footer-meta {
    margin-top: 28px !important;
    padding: 22px 14px !important;
  }
}

@media (max-width: 767.98px) {
  .it-footer-modern #footer_copyright, .it-footer-modern #footer_risk {
    padding: 7px 8px !important;
    text-align: center !important;
  }
}

@media (max-width: 575.98px) {
  .it-footer-modern .it-footer-social {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 575.98px) {
  .it-footer-modern .it-footer-social .col {
    gap: 8px;
  }
}

@media (max-width: 575.98px) {
  .it-footer-modern .it-footer-social a {
    width: 40px;
    height: 40px;
    border-radius: 10px;
  }
}