/*
  Aurinox v19 Hero Mobile Fix
  Fixes the remaining white pill overlaying the Händler/Münzen stats on mobile.
*/

@media (max-width: 760px) {
  /* Keep hero children in normal flow and prevent negative/absolute overlap */
  .hero-section,
  .hero-content,
  .hero-price-card,
  .trust-bar,
  .trust-bar span {
    position: relative !important;
    transform: none !important;
  }

  .hero-section {
    display: block !important;
    min-height: auto !important;
    height: auto !important;
    overflow: visible !important;
    padding: 2.1rem 1rem 1.8rem !important;
  }

  .hero-bg {
    display: none !important;
  }

  .hero-content {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    z-index: 1 !important;
  }

  /* This is the white pill that was crossing over the stats.
     Force it to become a normal card with full height and spacing. */
  .hero-price-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .75rem !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 1rem 0 1.15rem !important;
    padding: 1rem !important;
    border-radius: 22px !important;
    overflow: visible !important;
    z-index: 1 !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 14px 34px rgba(15,23,42,.08) !important;
  }

  .hero-price-card > * {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  .hero-price-card strong {
    display: block !important;
    font-size: clamp(1.45rem, 9vw, 2.2rem) !important;
    line-height: 1.1 !important;
    color: #0052FF !important;
    margin: .2rem 0 !important;
    white-space: normal !important;
  }

  .hero-price-label,
  .hero-price-card small {
    display: block !important;
    color: #64748B !important;
    white-space: normal !important;
  }

  .hero-change,
  .hero-change.positive {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: .55rem .85rem !important;
    border-radius: 999px !important;
    background: rgba(5,150,105,.10) !important;
    color: #047857 !important;
    border: 1px solid rgba(5,150,105,.18) !important;
    white-space: nowrap !important;
  }

  /* Stats must start below the price card, not behind it */
  .trust-bar {
    clear: both !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .7rem !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 1rem 0 0 !important;
    padding: 0 !important;
    z-index: 0 !important;
    overflow: visible !important;
  }

  .trust-bar span {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 86px !important;
    padding: .85rem .55rem !important;
    border-radius: 20px !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 12px 28px rgba(15,23,42,.07) !important;
    color: #64748B !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  .trust-bar strong {
    display: block !important;
    color: #0052FF !important;
    font-size: clamp(1.35rem, 8vw, 2rem) !important;
    line-height: 1.05 !important;
    margin: 0 0 .35rem !important;
    white-space: normal !important;
  }

  /* Extra safety: no empty rounded pill can sit over the hero stats */
  .hero-content > .search-form:empty,
  .hero-content > .search-container:empty,
  .hero-content > .market-ribbon:empty {
    display: none !important;
  }
}

@media (max-width: 420px) {
  .trust-bar {
    grid-template-columns: 1fr 1fr !important;
  }
  .trust-bar span {
    min-height: 78px !important;
  }
}