/**
 * Catalog + listing detail — vacation palette (ocean / tea / saffron), как Praja Shakthi.
 * Подключать на /catalog и listing detail.
 */

/* ── Общая полоска SL ── */
.z-vivid-stripe-top {
  position: relative;
  overflow: hidden;
}
.z-vivid-stripe-top::before {
  display: none;
  content: none;
}

/* ═══════════════════════════════════════════════
   CATALOG (/catalog)
   ═══════════════════════════════════════════════ */

/* Зазор до disclaimer — site-wide legal-no-copy.css (--site-content-footer-gap) */

.catalog-disclaimer-wrap .platform-info-disclaimer__terms a {
  color: var(--color-primary, #3d7a99) !important;
}

.services-body.catalog-page-body .svc-filter-box {
  background: linear-gradient(
    135deg,
    var(--z-sl-tea-soft, #eaf5ee) 0%,
    var(--z-surface-white) 62%
  );
  border: 1px solid rgba(89, 154, 120, 0.22);
  border-radius: 16px;
  box-shadow: 0 2px 14px rgba(89, 154, 120, 0.1);
  position: relative;
  overflow: hidden;
}

.services-body.catalog-page-body .svc-filter-box::before {
  display: none;
  content: none;
}

.services-body.catalog-page-body .category-tab.active {
  background: var(--color-primary, #0a7575) !important;
  border-color: var(--color-primary, #0a7575) !important;
  color: var(--z-surface-white) !important;
}

.services-body.catalog-page-body .category-tab:hover:not(.active) {
  border-color: rgba(61, 122, 153, 0.35);
  background: var(--z-sl-ocean-soft, var(--z-brand-ocean-soft));
}

.services-body.catalog-page-body .subcategory-chip.active {
  background: var(--color-primary-light) !important;
  border-color: #0a7575 !important;
  color: var(--z-surface-white) !important;
}

.services-body.catalog-page-body .subcategory-chip:hover:not(.active) {
  border-color: rgba(89, 154, 120, 0.35);
  background: var(--z-sl-tea-soft, #eaf5ee);
}

.services-body.catalog-page-body .svc-card-tag {
  background: var(--z-sl-ocean-soft, var(--z-brand-ocean-soft)) !important;
  color: var(--color-primary-dark, var(--z-brand-ocean-dark)) !important;
}

.services-body.catalog-page-body .svc-card-price {
  color: var(--z-sl-tea, #599a78) !important;
}

/* «Details →» — как на главной (Featured Services): бирюзовый текст + круглая стрелка, без «таблетки» */
.services-body.catalog-page-body .svc-card-cta {
  gap: 3px !important;
  padding: 0 !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: var(--color-primary, #0a7575) !important;
  transition: gap .2s, color .2s !important;
}

.services-body.catalog-page-body .svc-card-cta,
.services-body.catalog-page-body .svc-card-cta-text {
  color: var(--color-primary, #0a7575) !important;
}

.services-body.catalog-page-body .svc-card-arrow {
  width: 23px !important;
  height: 23px !important;
  font-size: 0.68rem !important;
  background: #e9f6f6 !important;
  color: var(--color-primary, #0a7575) !important;
}

.services-body.catalog-page-body .svc-card-wrapper:hover .svc-card-cta {
  gap: 3px !important;
  background: none !important;
  border-color: transparent !important;
  color: var(--color-primary-dark, #047a7c) !important;
}

.services-body.catalog-page-body .svc-card-wrapper:hover .svc-card-cta-text {
  color: var(--color-primary-dark, #047a7c) !important;
}

.services-body.catalog-page-body .svc-card-wrapper:hover .svc-card-arrow {
  background: var(--color-primary, #0a7575) !important;
  color: #fff !important;
}

@media (max-width: 1200px) {
  .services-body.catalog-page-body .svc-card-cta { gap: 2px !important; }
  .services-body.catalog-page-body .svc-card-arrow {
    width: 20px !important;
    height: 20px !important;
    font-size: 0.61rem !important;
  }
}

@media (max-width: 480px) {
  .services-body.catalog-page-body .svc-card-arrow {
    width: 18px !important;
    height: 18px !important;
    font-size: 0.56rem !important;
  }
}

.services-body.catalog-page-body .catalog-page-btn.next {
  background: var(--color-primary, #0a7575) !important;
  background-image: none !important;
  box-shadow: none !important;
}

.services-body.catalog-page-body .catalog-page-btn.next:hover {
  background: var(--color-primary-dark, #047a7c) !important;
  box-shadow: none !important;
}

.services-body.catalog-page-body .catalog-pagination {
  border-top-color: rgba(91, 168, 212, 0.2);
}

/* GEO lead на каталоге */
.services-strip-back-filter-stack + .catalog-disclaimer-wrap ~ .catalog-page-inner .geo-answer-lead-corridor .geo-answer-lead__inner,
.geo-answer-lead-corridor .geo-answer-lead__inner {
  background: linear-gradient(
    135deg,
    var(--z-sl-ocean-soft, var(--z-brand-ocean-soft)) 0%,
    var(--z-sl-tea-soft, #eaf5ee) 55%,
    var(--z-surface-white) 100%
  ) !important;
  border: 1px solid rgba(91, 168, 212, 0.25) !important;
}

.geo-answer-lead-corridor .geo-answer-lead__badge {
  color: var(--color-primary, #3d7a99) !important;
  background: rgba(255, 255, 255, 0.85);
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  border: 1px solid rgba(61, 122, 153, 0.22);
}

/* ═══════════════════════════════════════════════
   LISTING DETAIL
   ═══════════════════════════════════════════════ */

.rental-container--listing-page .rental-main-info {
  border: 1px solid rgba(61, 122, 153, 0.14);
  box-shadow: 0 4px 22px rgba(61, 122, 153, 0.1);
  position: relative;
  overflow: hidden;
}

.rental-container--listing-page .rental-main-info::before {
  display: none;
  content: none;
}

/* booking-card — см. static/css/site-booking-block.css */

.rental-container--listing-page .listing-summary-bar {
  border-color: rgba(61, 122, 153, 0.18) !important;
  box-shadow: 0 2px 12px rgba(61, 122, 153, 0.08) !important;
}

.rental-container--listing-page .geo-answer-lead-corridor .geo-answer-lead__inner {
  background: linear-gradient(
    135deg,
    var(--z-sl-ocean-soft, var(--z-brand-ocean-soft)) 0%,
    var(--z-sl-saffron-soft, var(--z-brand-saffron-soft)) 100%
  ) !important;
  border: 1px solid rgba(91, 168, 212, 0.28) !important;
  border-radius: 14px !important;
}

.rental-container--listing-page .geo-answer-lead__badge {
  color: var(--color-primary-dark, var(--z-brand-ocean-dark)) !important;
}

.rental-container--listing-page .spec-grid-wrapper,
.rental-container--listing-page .barber-spec-bar,
.rental-container--listing-page .beauty-spec-bar {
  border-radius: 16px;
  box-shadow: 0 2px 12px rgba(61, 122, 153, 0.08);
}

.rental-container--listing-page .listing-detail-reviews-embed .reviews-section,
.rental-container--listing-page .similar-listings-section {
  border-radius: 16px;
  border: 1px solid rgba(61, 122, 153, 0.12);
  box-shadow: 0 2px 10px rgba(60, 64, 67, 0.06);
}

.rental-container--listing-page .honesty-banner,
.rental-container--listing-page .listing-honesty-pin-banner {
  border-radius: 14px;
}

@media (max-width: 768px) {
  .geo-answer-lead-corridor {
    padding-left: 14px;
    padding-right: 14px;
  }
}