/* BidVault — responsive layout helpers */

html,
body {
  overflow-x: clip;
}

img:not([class*="object-cover"]) {
  max-width: 100%;
  height: auto;
}

/* Horizontal scroll rows (account nav, carousels) */
.bv-scroll-x {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.bv-scroll-x::-webkit-scrollbar {
  display: none;
}

/* Account dashboard */
.bv-account-main {
  min-width: 0;
  max-width: 100%;
}

.bv-account-main h1 {
  font-size: clamp(1.625rem, 4vw, 2rem);
  line-height: 1.1;
}

.bv-account-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  position: relative;
  z-index: 30;
  margin-bottom: 0.25rem;
}

.bv-account-toolbar-actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  flex-shrink: 0;
}

.bv-account-list {
  position: relative;
  z-index: 1;
}

.bv-account-item {
  align-items: stretch;
}

.bv-account-item-actions {
  min-width: 220px;
}

.bv-account-filter-menu {
  background-color: #141c2a !important;
}

@media (max-width: 639px) {
  .bv-account-toolbar-actions {
    width: 100%;
    flex-wrap: wrap;
  }

  .bv-account-item-actions {
    min-width: 0;
  }
}

/* Mobile auction carousel on home */
@media (max-width: 760px) {
  #auctionCards {
    overflow-x: auto !important;
    overscroll-behavior-x: contain;
    padding-bottom: 0.5rem;
  }

  #hero-section {
    min-height: 28rem;
    height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  #hero-prev,
  #hero-next {
    display: none !important;
  }
}

/* Product detail tabs */
@media (max-width: 640px) {
  .product-tab-panel {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .product-tab {
    flex: 1 1 auto;
    min-width: 0;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    font-size: 12px !important;
  }
}

/* Tables always scroll on small screens */
.bv-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Public page section spacing on small screens */
@media (max-width: 760px) {
  main section[class*="pt-[105px]"],
  main section[class*="py-[105px]"] {
    padding-top: 3.5rem !important;
  }

  main section[class*="pb-[95px]"],
  main section[class*="py-[80px]"],
  main section[class*="py-[85px]"],
  main section[class*="py-[90px]"] {
    padding-bottom: 3rem !important;
  }
}

@media (max-width: 480px) {
  .bv-auth-modal {
    padding: 1.25rem !important;
  }
}