/*
 * Shared archive presentation for the Hustle Quality guides and marketplace.
 * Product archive markup remains owned by WooCommerce, Elementor, and Royal Addons.
 */

body.hqam-market-archive,
body.hqam-market-archive .elementor-location-archive {
  background: var(--hqam-black) !important;
  color: var(--hqam-text);
}

body.hqam-market-archive *,
body.hqam-market-archive *::before,
body.hqam-market-archive *::after {
  box-sizing: border-box;
}

/* Guide archive hero — Elementor archive template 1784. */
body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-d6773f6 {
  background:
    radial-gradient(circle at 88% 18%, rgba(255, 196, 0, 0.14), transparent 25rem),
    linear-gradient(135deg, rgba(255, 196, 0, 0.055), transparent 36%),
    #101010 !important;
  border-bottom: 1px solid rgba(255, 196, 0, 0.2);
  isolation: isolate;
  overflow: hidden;
  padding: clamp(58px, 6vw, 82px) 24px !important;
  position: relative;
}

body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-d6773f6::before {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px);
  background-size: 58px 58px;
  content: "";
  inset: 0;
  mask-image: linear-gradient(90deg, transparent, #000 42%, #000);
  opacity: 0.72;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-d6773f6 > .elementor-container {
  max-width: 1180px !important;
  position: relative;
  width: 100%;
}

body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-3da21a98,
body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-3da21a98 > .elementor-widget-wrap {
  width: 100% !important;
}

body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-3da21a98 > .elementor-widget-wrap {
  align-items: flex-start;
  display: flex !important;
  flex-direction: column;
  padding: 0 !important;
}

body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-23c84ba {
  margin: 0 !important;
  width: 100%;
}

body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-23c84ba .wpr-archive-title {
  color: #f8f8f5 !important;
  font-size: clamp(46px, 5vw, 68px) !important;
  font-weight: 780 !important;
  letter-spacing: -0.052em;
  line-height: 1.04 !important;
  margin: 0 !important;
  max-width: 900px;
  text-align: left !important;
}

body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-23c84ba .wpr-archive-title > span {
  display: none !important;
}

body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-23c84ba .wpr-archive-title::after {
  background: linear-gradient(90deg, #ffc400, rgba(255, 196, 0, 0.16));
  border-radius: 999px;
  content: "";
  display: block;
  height: 4px;
  margin-top: 22px;
  width: 78px;
}

body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-5eb5aa84 {
  margin: 24px 0 0 !important;
  width: 100%;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-post-breadcrumbs,
body.hqam-market-archive--posts .elementor-1784 .wpr-breadcrumbs {
  margin: 0 !important;
  padding: 0 !important;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-breadcrumbs {
  align-items: center;
  color: #a8a7a2 !important;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px !important;
  gap: 9px;
  justify-content: flex-start !important;
  list-style: none;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-breadcrumbs a {
  color: #f2f1ec !important;
  text-decoration: none;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-breadcrumbs a:hover,
body.hqam-market-archive--posts .elementor-1784 .wpr-breadcrumbs a:focus-visible {
  color: var(--hqam-gold) !important;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-breadcrumbs li:nth-child(2) {
  color: var(--hqam-gold) !important;
}

/* Guide catalog and Royal Addons filter rail. */
body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-921046c {
  background: var(--hqam-black) !important;
  padding: clamp(40px, 5vw, 68px) 24px clamp(76px, 9vw, 118px) !important;
}

body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-921046c > .e-con-inner,
body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-5410161 > .e-con-inner {
  margin-inline: auto !important;
  max-width: 1180px !important;
  min-width: 0;
  width: 100% !important;
}

body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-5410161,
body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-6ab6f0c {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-filters {
  align-items: center;
  background: rgba(14, 14, 14, 0.94) !important;
  border: 1px solid rgba(255, 196, 0, 0.22);
  border-radius: 18px;
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  list-style: none;
  margin: 0 0 30px !important;
  padding: 12px !important;
  width: 100%;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-filters > li {
  margin: 0 !important;
  padding: 0 !important;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-filters-sep,
body.hqam-market-archive--posts .elementor-1784 .wpr-sub-filters {
  display: none !important;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-filters > li > span {
  align-items: center;
  background: #171717 !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 999px !important;
  color: #d5d4cf !important;
  cursor: pointer;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 680 !important;
  justify-content: center;
  line-height: 1.2 !important;
  min-height: 44px;
  padding: 10px 16px !important;
  text-align: center;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
  white-space: nowrap;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-filters > li > span:hover,
body.hqam-market-archive--posts .elementor-1784 .wpr-grid-filters > li > span:focus-visible {
  border-color: rgba(255, 196, 0, 0.7) !important;
  color: #ffffff !important;
  outline: none;
  transform: translateY(-1px);
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-filters > li > span.wpr-active-filter,
body.category-real-entrepreneurship-tips .elementor-1784 .wpr-grid-filters > li > span[data-filter=".category-real-entrepreneurship-tips"] {
  background: linear-gradient(110deg, #ffbd00, #ffd12a 66%, #ffbd00) !important;
  border-color: #ffda51 !important;
  color: #080808 !important;
}

body.category-real-entrepreneurship-tips .elementor-1784 .wpr-grid-filters > li > span[data-filter="*"].wpr-active-filter {
  background: #171717 !important;
  border-color: rgba(255, 255, 255, 0.13) !important;
  color: #d5d4cf !important;
}

/* Editorial cards. Royal Addons keeps ownership of filtering and positioning. */
body.hqam-market-archive--posts .elementor-1784 .wpr-grid {
  margin: 0 !important;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

body.hqam-market-archive--posts .elementor-1784 article.wpr-grid-item {
  padding: 0 !important;
}

body.hqam-market-archive--posts .elementor-1784 article.wpr-grid-item:only-of-type {
  left: auto !important;
  margin-inline: auto !important;
  max-width: 960px;
  position: relative !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-inner {
  background:
    radial-gradient(circle at 92% 10%, rgba(255, 196, 0, 0.1), transparent 17rem),
    linear-gradient(145deg, #171717, #0d0d0d) !important;
  border: 1px solid rgba(255, 196, 0, 0.34) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.34);
  height: 100%;
  min-height: 330px;
  overflow: hidden;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-inner:hover {
  border-color: rgba(255, 196, 0, 0.68) !important;
  box-shadow: 0 28px 74px rgba(0, 0, 0, 0.46);
  transform: translateY(-3px);
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-below-content {
  background: transparent !important;
  display: flex;
  flex-direction: column;
  min-height: 330px;
  padding: clamp(26px, 4vw, 42px) !important;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-category {
  margin: 0 0 20px !important;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-category .inner-block {
  align-items: center;
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-category .tax-sep {
  display: none !important;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-category a {
  background: rgba(255, 196, 0, 0.1) !important;
  border: 1px solid rgba(255, 196, 0, 0.52) !important;
  border-radius: 999px;
  color: #ffd324 !important;
  display: inline-flex;
  font-size: 12px !important;
  font-weight: 720 !important;
  line-height: 1.2 !important;
  padding: 8px 12px !important;
  text-decoration: none;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-category a:hover,
body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-category a:focus-visible {
  background: var(--hqam-gold) !important;
  color: #080808 !important;
  outline: none;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-title {
  color: #f8f8f5 !important;
  font-size: clamp(24px, 2.5vw, 34px) !important;
  font-weight: 760 !important;
  letter-spacing: -0.035em;
  line-height: 1.18 !important;
  margin: 0 0 16px !important;
  max-width: 820px;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-title a {
  color: inherit !important;
  text-decoration: none;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-title a:hover,
body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-title a:focus-visible {
  color: var(--hqam-gold) !important;
  outline: none;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-excerpt {
  color: #b8b7b2 !important;
  flex: 1 1 auto;
  font-size: 16px !important;
  line-height: 1.72 !important;
  margin: 0 !important;
  max-width: 760px;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-excerpt .inner-block,
body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-excerpt p {
  color: #b8b7b2 !important;
  margin: 0 !important;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-read-more {
  margin: 28px 0 0 !important;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-read-more a {
  align-items: center;
  background: linear-gradient(110deg, #ffbd00, #ffd12a 66%, #ffbd00) !important;
  border: 1px solid #ffda51 !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 30px rgba(255, 196, 0, 0.13);
  color: #080808 !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  justify-content: center;
  min-height: 48px;
  padding: 12px 22px !important;
  text-decoration: none;
  transition: box-shadow 180ms ease, transform 180ms ease;
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-read-more a:hover,
body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-read-more a:focus-visible {
  box-shadow: 0 16px 34px rgba(255, 196, 0, 0.25);
  outline: 2px solid rgba(255, 255, 255, 0.86);
  outline-offset: 3px;
  transform: translateY(-2px);
}

body.hqam-market-archive--posts .elementor-1784 .wpr-grid-pagination {
  margin-top: 34px !important;
}

@media (max-width: 900px) {
  body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-d6773f6 {
    padding: 58px 24px 64px !important;
  }

  body.hqam-market-archive--posts .elementor-1784 .wpr-grid-filters {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-d6773f6 {
    padding: 44px 18px 50px !important;
  }

  body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-23c84ba .wpr-archive-title {
    font-size: clamp(36px, 11vw, 46px) !important;
    line-height: 1.06 !important;
  }

  body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-23c84ba .wpr-archive-title::after {
    margin-top: 18px;
    width: 62px;
  }

  body.hqam-market-archive--posts .elementor-1784 .elementor-element.elementor-element-921046c {
    padding: 34px 18px 72px !important;
  }

  body.hqam-market-archive--posts .elementor-1784 .wpr-grid-filters {
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-bottom: 24px !important;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 10px !important;
    scrollbar-width: thin;
  }

  body.hqam-market-archive--posts .elementor-1784 .wpr-grid-filters > li {
    flex: 0 0 auto;
  }

  body.hqam-market-archive .wpr-grid-filters [data-filter] {
    align-items: center !important;
    display: inline-flex !important;
    min-height: 44px !important;
  }

  body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-inner,
  body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-below-content {
    min-height: 0;
  }

  body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-below-content {
    padding: 26px 22px !important;
  }

  body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-title {
    font-size: 24px !important;
  }

  body.hqam-market-archive--posts .elementor-1784 .wpr-grid-item-excerpt {
    font-size: 15px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.hqam-market-archive .elementor-1784 *,
  body.hqam-market-archive .elementor-1819 * {
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}