/*
 * Bidmania Marketplace Pop
 * Release: marketplace-pop-2026-08-28.1
 *
 * A colorful presentation layer for the active PHPProBid storefront. This file
 * intentionally leaves all application markup and marketplace behavior intact.
 */

:root {
  --bidmania-theme-release: marketplace-pop-2026-08-28-1;
  --editorial-bg: #f6f4f1;
  --editorial-surface: #fffdfb;
  --editorial-surface-strong: #fffefd;
  --editorial-surface-alt: #f3eee7;
  --editorial-ink: #221e1a;
  --editorial-muted: #655f58;
  --editorial-border: rgba(55, 45, 38, 0.1);
  --editorial-border-strong: rgba(55, 45, 38, 0.17);
  --editorial-accent: #e9784d;
  --editorial-accent-dark: #b84c2e;
  --editorial-highlight: #1e6670;
  --editorial-success: #24684f;
  --editorial-danger: #a13f34;
  --editorial-shadow-sm: 0 10px 28px rgba(43, 36, 31, 0.06);
  --editorial-shadow-md: 0 20px 55px rgba(43, 36, 31, 0.09);
  --editorial-shadow-lg: 0 28px 68px rgba(43, 36, 31, 0.14);
  --masthead-logo-bar: linear-gradient(
    90deg,
    #e9784d 0%,
    #f1a469 22%,
    #f4cb65 38%,
    #67bd93 58%,
    #4b9db4 77%,
    #e9784d 100%
  );
}

html {
  background: #f6f4f1;
}

body {
  color: var(--editorial-ink);
  background:
    radial-gradient(circle at 8% 15%, rgba(233, 120, 77, 0.16), transparent 24rem),
    radial-gradient(circle at 92% 12%, rgba(103, 189, 147, 0.18), transparent 25rem),
    radial-gradient(circle at 76% 68%, rgba(75, 157, 180, 0.12), transparent 28rem),
    linear-gradient(180deg, #f6f4f1 0%, #fbfaf8 42%, #f7f2e9 100%);
  background-attachment: fixed;
}

main:not(.container) {
  background:
    radial-gradient(circle at 4% 16%, rgba(233, 120, 77, 0.08), transparent 22rem),
    radial-gradient(circle at 96% 34%, rgba(103, 189, 147, 0.1), transparent 25rem),
    linear-gradient(180deg, rgba(255, 253, 251, 0.18), rgba(247, 242, 233, 0.72));
}

.editorial-kicker {
  color: #b5502f;
}

.editorial-section-heading h2,
.editorial-page-title h1 {
  font-weight: 800;
  letter-spacing: -0.035em;
}

.btn-primary {
  color: #fff;
  background: linear-gradient(135deg, #1e6670, #2e8790);
  border-color: #1e6670;
  box-shadow: 0 10px 22px rgba(30, 102, 112, 0.2);
}

.btn-primary:hover,
.btn-primary:focus {
  color: #fff;
  background: linear-gradient(135deg, #164f57, #246f78);
  border-color: #164f57;
  box-shadow: 0 13px 28px rgba(30, 102, 112, 0.26);
}

.btn-default,
.btn-gold {
  color: #fff;
  background: linear-gradient(135deg, #b84c2e, #d96640);
  border-color: #b84c2e;
}

.btn-default:hover,
.btn-default:focus,
.btn-gold:hover,
.btn-gold:focus {
  color: #fff;
  background: #963b25;
  border-color: #963b25;
}

.btn-outline-secondary,
.btn-secondary {
  color: #1e5862;
  background: #fff;
  border-color: rgba(30, 102, 112, 0.22);
  box-shadow: 0 6px 18px rgba(30, 102, 112, 0.07);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #fff;
  background: #1e6670;
  border-color: #1e6670;
}

.form-control:focus {
  border-color: rgba(30, 102, 112, 0.48);
  box-shadow: 0 0 0 0.2rem rgba(30, 102, 112, 0.13);
}

/* Brand masthead */
.editorial-masthead {
  background: rgba(255, 253, 251, 0.94);
  border-color: rgba(55, 45, 38, 0.09);
  box-shadow: var(--editorial-shadow-md);
}

.editorial-masthead::before {
  height: 5px;
}

.editorial-masthead__nav-shell {
  background: #f3eee7;
  border-color: rgba(55, 45, 38, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.editorial-masthead .editorial-menu .nav-link:hover {
  color: #1e5862;
  background: #fff;
  border-color: rgba(30, 102, 112, 0.14);
}

.editorial-masthead .editorial-menu .active .nav-link {
  color: #fff;
  background: linear-gradient(135deg, #1e6670, #2e8790);
  border-color: #1e6670;
  box-shadow: 0 6px 16px rgba(30, 102, 112, 0.22);
}

.editorial-masthead .editorial-menu .active .nav-link::after {
  display: none;
}

.editorial-masthead__brand:hover,
.editorial-masthead__brand:focus {
  background: #fff;
  box-shadow: 0 0 0 2px rgba(233, 120, 77, 0.18);
}

.editorial-masthead__pulse {
  background: #67bd93;
  box-shadow: 0 0 0 4px rgba(103, 189, 147, 0.2);
}

/* Discovery toolbar and colorful marketplace hero */
.editorial-search-card {
  padding: 0.7rem 0.8rem 0.75rem;
  background: rgba(255, 253, 251, 0.94);
  border-color: rgba(55, 45, 38, 0.09);
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(43, 36, 31, 0.07);
}

.editorial-search-panel {
  position: relative;
  min-height: 19rem;
  margin-top: 0.35rem;
  padding: clamp(2.2rem, 5.5vw, 4.25rem) clamp(1.5rem, 5vw, 3.75rem);
  overflow: hidden;
  border: 1px solid rgba(55, 45, 38, 0.09);
  border-radius: 32px;
  background:
    radial-gradient(circle at 86% 20%, rgba(244, 203, 101, 0.34), transparent 15rem),
    radial-gradient(circle at 74% 82%, rgba(103, 189, 147, 0.25), transparent 18rem),
    linear-gradient(125deg, #fffdfb 0%, #fff8ee 52%, #eef8f5 100%);
  box-shadow: 0 24px 62px rgba(43, 36, 31, 0.1);
}

.editorial-search-panel::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3.2rem;
  width: 7px;
  height: 9.7rem;
  border-radius: 0 8px 8px 0;
  background: linear-gradient(
    #e9784d 0 30%,
    #f4cb65 30% 52%,
    #67bd93 52% 77%,
    #4b9db4 77%
  );
}

.editorial-search-panel::after {
  content: "LIVE MARKETPLACE";
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  color: rgba(30, 102, 112, 0.18);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.24em;
}

.editorial-search-copy__title {
  max-width: 48rem;
  margin-bottom: 1rem;
  font-size: clamp(2.35rem, 5.4vw, 4.15rem);
  font-weight: 800;
  line-height: 0.98;
  letter-spacing: -0.065em;
}

.editorial-search-copy__lede {
  max-width: 44rem;
  color: #625b55;
  font-size: clamp(1rem, 1.4vw, 1.12rem);
}

.editorial-search-panel .editorial-category-pills a {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(55, 45, 38, 0.1);
  box-shadow: 0 7px 18px rgba(43, 36, 31, 0.07);
}

.editorial-search-panel .editorial-category-pills a:nth-child(4n + 1):hover {
  color: #9d432b;
  background: #fff1e8;
  border-color: rgba(233, 120, 77, 0.32);
}

.editorial-search-panel .editorial-category-pills a:nth-child(4n + 2):hover {
  color: #1f5b48;
  background: #eaf8f1;
  border-color: rgba(103, 189, 147, 0.38);
}

.editorial-search-panel .editorial-category-pills a:nth-child(4n + 3):hover {
  color: #1e5862;
  background: #eaf5f7;
  border-color: rgba(75, 157, 180, 0.35);
}

.editorial-search-panel .editorial-category-pills a:nth-child(4n):hover {
  color: #735615;
  background: #fff8dc;
  border-color: rgba(244, 203, 101, 0.5);
}

/* Category discovery */
.editorial-category-card {
  position: relative;
  min-height: 8.75rem;
  overflow: hidden;
  border-color: rgba(55, 45, 38, 0.09);
  box-shadow: 0 12px 30px rgba(43, 36, 31, 0.07);
}

.editorial-category-card::after {
  content: "\2197";
  position: absolute;
  top: 0.9rem;
  right: 1rem;
  font-size: 1.15rem;
  font-weight: 800;
  opacity: 0.58;
}

.editorial-category-card:nth-child(4n + 1) {
  background: linear-gradient(135deg, #ffe3d2, #fff2c9);
}

.editorial-category-card:nth-child(4n + 2) {
  background: linear-gradient(135deg, #dff4ea, #cce9e1);
}

.editorial-category-card:nth-child(4n + 3) {
  background: linear-gradient(135deg, #dcedf1, #dff2e8);
}

.editorial-category-card:nth-child(4n) {
  background: linear-gradient(135deg, #fff0c5, #ffdcca);
}

.editorial-category-card:hover {
  border-color: rgba(30, 102, 112, 0.2);
  box-shadow: 0 20px 42px rgba(43, 36, 31, 0.12);
  transform: translateY(-4px);
}

.editorial-category-card__name {
  color: #29231f;
  font-weight: 800;
}

/* Content bands and inventory cards */
.editorial-content-band,
.editorial-browse__sidebar,
.editorial-browse__main,
.editorial-listing-details__summary-card,
.editorial-listing-details__content-card,
.editorial-home-copy {
  background: rgba(255, 253, 251, 0.91);
  border-color: rgba(55, 45, 38, 0.09);
  box-shadow: 0 14px 38px rgba(43, 36, 31, 0.07);
}

.editorial-content-band {
  position: relative;
  overflow: hidden;
}

.editorial-content-band::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--masthead-logo-bar);
}

.editorial-listing-card,
.editorial-store-card {
  padding: 0.5rem 0.5rem 0;
  background: rgba(255, 253, 251, 0.96);
  border-color: rgba(55, 45, 38, 0.09);
  border-radius: 22px;
  box-shadow: 0 12px 30px rgba(43, 36, 31, 0.07);
}

.editorial-listing-card:hover,
.editorial-store-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 46px rgba(43, 36, 31, 0.13);
}

.editorial-listing-card__media,
.editorial-store-card__media {
  border-radius: 16px;
}

.editorial-listing-card .card-body,
.editorial-store-card .card-body {
  padding: 1rem 0.65rem;
}

.editorial-listing-card .card-footer {
  padding: 0 0.65rem 1rem;
}

.editorial-listing-card .card-title a,
.editorial-store-card .card-title a {
  color: #29231f;
  font-weight: 800;
}

.editorial-listing-card .price,
.editorial-listing-details__price {
  color: #b84c2e;
}

.editorial-badge--accent {
  color: #fff;
  background: #b84c2e;
}

.editorial-badge--soft {
  color: #784e16;
  background: #fff1cf;
}

.editorial-browse__toolbar {
  background: rgba(255, 253, 251, 0.9);
  border-color: rgba(55, 45, 38, 0.09);
  box-shadow: 0 10px 26px rgba(43, 36, 31, 0.05);
}

.editorial-pagination .page-item.active .page-link,
.editorial-pill-nav .nav-link.active,
.editorial-pill-nav .show > .nav-link {
  color: #fff;
  background: #1e6670;
  border-color: #1e6670;
}

/* Footer promise band */
.editorial-footer {
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 20%, rgba(255, 255, 255, 0.48), transparent 16rem),
    linear-gradient(105deg, #ffd9bd 0%, #f8e3aa 35%, #c9ead8 68%, #c4e2e7 100%);
  border-color: rgba(55, 45, 38, 0.09);
  box-shadow: 0 18px 46px rgba(43, 36, 31, 0.09);
}

.editorial-footer::before {
  height: 5px;
}

.editorial-footer__hero h2 {
  color: #244242;
  font-weight: 800;
}

.editorial-footer .footer-links a:hover,
.editorial-footer .footer-links a:focus {
  color: #1e6670;
}

/* Responsive color treatment */
@media (min-width: 576px) and (max-width: 1199.98px) {
  .editorial-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  .editorial-mobile-header .navbar {
    position: relative;
    overflow: hidden;
    background: rgba(255, 253, 251, 0.98);
    box-shadow: 0 10px 28px rgba(43, 36, 31, 0.08);
  }

  .editorial-mobile-header .navbar::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: var(--masthead-logo-bar);
  }

  .editorial-mobile-search,
  .editorial-mobile-menu {
    background: #fffdfb;
    border-color: rgba(55, 45, 38, 0.1);
  }

  .editorial-mobile-menu .active > .nav-link {
    color: #1e6670;
    font-weight: 800;
  }
}

@media (max-width: 767.98px) {
  body {
    background-attachment: scroll;
  }

  .editorial-search-panel {
    min-height: 0;
    padding: 2.2rem 1.35rem;
    border-radius: 24px;
  }

  .editorial-search-panel::before {
    top: 2.25rem;
    height: 7rem;
    width: 5px;
  }

  .editorial-search-panel::after {
    display: none;
  }

  .editorial-search-copy__title {
    font-size: clamp(2.1rem, 11vw, 3rem);
  }

  .editorial-category-card {
    min-height: 7.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .editorial-category-card,
  .editorial-listing-card,
  .editorial-store-card {
    transition: none;
  }

  .editorial-category-card:hover,
  .editorial-listing-card:hover,
  .editorial-store-card:hover {
    transform: none;
  }
}