/* Final production UI correction — loaded last */

/* Homepage WhatsApp button: dark field, green border/icon, white label */
.sk-hero-actions .sk-btn.sk-btn-whatsapp,
.sk-hero-actions a.sk-btn-whatsapp,
a.sk-btn.sk-btn-whatsapp {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 18px !important;
  line-height: 1 !important;
  align-self: center !important;
  background: rgba(5, 15, 25, .92) !important;
  background-image: none !important;
  border: 1.5px solid #25D366 !important;
  border-radius: 9px !important;
  color: #fff !important;
  box-shadow: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.sk-hero-actions .sk-btn-whatsapp svg,
.sk-hero-actions .sk-btn-whatsapp .sk-wa-icon {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  color: #25D366 !important;
  stroke: #25D366 !important;
  fill: none !important;
}
.sk-hero-actions .sk-btn-whatsapp span {
  color: #fff !important;
  font-weight: 700 !important;
}
.sk-hero-actions .sk-btn-whatsapp:hover,
.sk-hero-actions .sk-btn-whatsapp:focus-visible {
  background: rgba(37, 211, 102, .10) !important;
  border-color: #25D366 !important;
  color: #fff !important;
}

/* Footer must appear once and keep one brand block only */
body > .sk-footer ~ .sk-footer,
#root > .sk-footer ~ .sk-footer,
.sk-footer + .sk-footer,
footer.sk-footer ~ footer.sk-footer {
  display: none !important;
}
.sk-footer .sk-footer-grid > .sk-footer-brand ~ .sk-footer-brand {
  display: none !important;
}

/* Legal static pages: one column, no legacy sidebars/duplicate logo blocks */
body.legal-static-page aside,
body.legal-static-page .sidebar,
body.legal-static-page .legal-sidebar,
body.legal-static-page .page-sidebar,
body.legal-static-page .right-sidebar,
body.legal-static-page .brand-strip,
body.legal-static-page .vehicle-ticker,
body.legal-static-page .logo-ticker,
body.legal-static-page main img[src*="logo"] {
  display: none !important;
}
body.legal-static-page main {
  display: block !important;
  width: 100% !important;
}
body.legal-static-page main .container,
body.legal-static-page main .content {
  width: min(100% - 32px, 980px) !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 640px) {
  .sk-hero-actions .sk-btn.sk-btn-whatsapp,
  .sk-hero-actions a.sk-btn-whatsapp {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
  }
}


/* 2026-07-24 final axis and legal header repair */
@media (min-width: 901px) {
  .sk-footer .sk-footer-logo {
    transform: translateX(-28px) !important;
    transform-origin: left center !important;
  }
}

body.legal-static-page .sk-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  height: 76px !important;
  min-height: 76px !important;
  background: #07182a !important;
  border-bottom: 1px solid rgba(24,184,239,.25) !important;
}
body.legal-static-page .sk-header .sk-container {
  width: min(1120px, calc(100% - 36px)) !important;
  height: 76px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 150px 1fr auto !important;
  align-items: center !important;
  gap: 28px !important;
}
body.legal-static-page .sk-header a:first-child {
  display: flex !important;
  align-items: center !important;
  width: 150px !important;
  height: 56px !important;
  overflow: hidden !important;
}
body.legal-static-page .sk-header .sk-logo {
  display: block !important;
  width: 138px !important;
  height: auto !important;
  max-width: 138px !important;
  margin: 0 !important;
  object-fit: contain !important;
}
body.legal-static-page .sk-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
}
body.legal-static-page .sk-nav a,
body.legal-static-page .sk-phone {
  color: #d6dfeb !important;
  font-size: 14px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
body.legal-static-page .sk-head-actions { display:flex !important; align-items:center !important; }
body.legal-static-page main { padding-top: 0 !important; }
body.legal-static-page main img { max-width:100% !important; }
body.legal-static-page main img[src*="sofortkey-logo"],
body.legal-static-page main img[class*="logo"],
body.legal-static-page main .sk-logo { display:none !important; }
@media (max-width: 760px) {
  body.legal-static-page .sk-header .sk-container { grid-template-columns: 110px 1fr !important; gap: 14px !important; }
  body.legal-static-page .sk-header a:first-child { width:110px !important; }
  body.legal-static-page .sk-header .sk-logo { width:100px !important; max-width:100px !important; }
  body.legal-static-page .sk-nav { display:none !important; }
  body.legal-static-page .sk-head-actions { justify-self:end !important; }
  body.legal-static-page .sk-phone { font-size:12px !important; }
}

/* 2026-07-24 final footer center-axis correction
   Desktop only: three equal columns so Contact sits on the true container center. */
@media (min-width: 901px) {
  .sk-footer .sk-footer-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    align-items: start !important;
  }
  .sk-footer .sk-footer-grid > :nth-child(1) {
    grid-column: 1 !important;
    justify-self: start !important;
    text-align: left !important;
  }
  .sk-footer .sk-footer-grid > :nth-child(2) {
    grid-column: 2 !important;
    justify-self: center !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }
  .sk-footer .sk-footer-grid > :nth-child(3) {
    grid-column: 3 !important;
    justify-self: end !important;
    text-align: left !important;
  }
}

/* 2026-07-27: Hero telephone content alignment only — outer button size unchanged */
.sk-hero .sk-hero-actions > a.sk-btn[href^="tel:"] {
  display: inline-flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-align: center !important;
}
.sk-hero .sk-hero-actions > a.sk-btn[href^="tel:"]::before,
.sk-hero .sk-hero-actions > a.sk-btn[href^="tel:"]::after {
  content: none !important;
  display: none !important;
}
.sk-hero .sk-hero-actions > a.sk-btn[href^="tel:"] > span {
  position: static !important;
  grid-column: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.sk-hero .sk-hero-actions > a.sk-btn[href^="tel:"] > span:first-child {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  font-size: inherit !important;
}