/**
 * Classifieds visual identity.
 * All declarations are scoped so the yellow/black palette cannot leak into
 * Stores, Fresh Marketplace, Places, or the core theme.
 */
.classifieds-page,
.kizmio-classifieds-page {
  --classifieds-yellow: #FFC400;
  --classifieds-yellow-hover: #E6B000;
  --classifieds-black: #111111;
  --classifieds-charcoal: #1B1B1B;
  --classifieds-soft: #FFF8D6;
  --classifieds-canvas: #F7F7F7;
  --classifieds-white: #FFFFFF;
  --classifieds-muted: #6B7280;
  --classifieds-border: #E5E7EB;
  --classifieds-focus: rgba(255, 196, 0, .32);
  --cl-primary: var(--classifieds-yellow);
  --cl-primary-dark: var(--classifieds-yellow-hover);
  --cl-primary-glow: rgba(255, 196, 0, .28);
  --cl-surface: var(--classifieds-soft);
  --cl-surface-hover: #FFF0A3;
  --cl-ink: var(--classifieds-black);
  --cl-muted: var(--classifieds-muted);
  --bs-primary: var(--classifieds-yellow);
  --bs-primary-rgb: 255, 196, 0;
  color: var(--classifieds-black);
}

.classifieds-page {
  background: var(--classifieds-canvas);
}

.classifieds-page :focus-visible,
.kizmio-classifieds-page :focus-visible {
  outline: 3px solid var(--classifieds-focus);
  outline-offset: 2px;
}

.classifieds-page .btn-primary,
.kizmio-classifieds-page .btn-primary {
  border-color: var(--classifieds-black) !important;
  background: var(--classifieds-black) !important;
  color: var(--classifieds-white) !important;
}

.classifieds-page .btn-primary:hover,
.kizmio-classifieds-page .btn-primary:hover {
  border-color: var(--classifieds-charcoal) !important;
  background: var(--classifieds-charcoal) !important;
}

.classifieds-page .btn-outline-primary,
.kizmio-classifieds-page .btn-outline-primary {
  border-color: var(--classifieds-black);
  color: var(--classifieds-black);
}

.classifieds-page .btn-outline-primary:hover,
.kizmio-classifieds-page .btn-outline-primary:hover {
  border-color: var(--classifieds-yellow);
  background: var(--classifieds-yellow);
  color: var(--classifieds-black);
}

.classifieds-page .text-primary,
.kizmio-classifieds-page .text-primary {
  color: var(--classifieds-black) !important;
}

.classifieds-page .bg-primary,
.kizmio-classifieds-page .bg-primary {
  background: var(--classifieds-yellow) !important;
  color: var(--classifieds-black) !important;
}

/* Hero */
.classifieds-page .classifieds-hero {
  z-index: 20;
  overflow: visible;
  border: 1px solid rgba(17, 17, 17, .12);
  background:
    radial-gradient(circle at 84% 18%, rgba(255, 255, 255, .44), transparent 35%),
    linear-gradient(125deg, #FFD43B 0%, var(--classifieds-yellow) 56%, #F2B900 100%);
  color: var(--classifieds-black);
  box-shadow: 0 18px 42px rgba(17, 17, 17, .16);
}

.classifieds-page .classifieds-category-section {
  position: relative;
  z-index: 1;
}

.classifieds-page .classifieds-hero__glow--1 {
  background: radial-gradient(circle, rgba(255, 255, 255, .55), transparent 70%);
}

.classifieds-page .classifieds-hero__glow--2 {
  background: radial-gradient(circle, rgba(17, 17, 17, .14), transparent 70%);
}

.classifieds-page .classifieds-hero__pattern {
  opacity: .07;
  background-image: radial-gradient(var(--classifieds-black) 1px, transparent 1px);
}

.classifieds-page .cl-hero-badge {
  border-color: rgba(17, 17, 17, .2);
  background: rgba(17, 17, 17, .1);
  color: var(--classifieds-black);
}

.classifieds-page .cl-hero-title,
.classifieds-page .cl-hero-title span {
  background: none;
  color: var(--classifieds-black);
  -webkit-text-fill-color: currentColor;
}

.classifieds-page .cl-hero-desc {
  color: rgba(17, 17, 17, .76);
}

.classifieds-page .cl-hero-pill {
  border-color: rgba(17, 17, 17, .16);
  background: rgba(27, 27, 27, .88);
  color: var(--classifieds-white);
}

.classifieds-page .cl-hero-pill i {
  color: var(--classifieds-yellow);
}

.classifieds-page .cl-hero-btn-primary,
.classifieds-page .cl-hero-search-btn {
  border: 1px solid var(--classifieds-black);
  background: var(--classifieds-black);
  color: var(--classifieds-white) !important;
  box-shadow: 0 8px 22px rgba(17, 17, 17, .24);
}

.classifieds-page .cl-hero-btn-primary:hover,
.classifieds-page .cl-hero-search-btn:hover {
  background: var(--classifieds-charcoal);
  box-shadow: 0 11px 26px rgba(17, 17, 17, .3);
}

.classifieds-page .cl-hero-btn-secondary {
  border-color: rgba(17, 17, 17, .22);
  background: rgba(255, 255, 255, .66);
  color: var(--classifieds-black) !important;
}

.classifieds-page .cl-hero-btn-secondary:hover {
  background: var(--classifieds-white);
  color: var(--classifieds-black) !important;
}

.classifieds-page .cl-hero-search {
  position: relative;
  z-index: 12;
  border-color: rgba(17, 17, 17, .15);
  background: rgba(255, 255, 255, .52);
  box-shadow: 0 12px 30px rgba(17, 17, 17, .15);
}

.classifieds-page .cl-hero-search-field input:focus,
.classifieds-page .cl-hero-search-field select:focus {
  border-color: var(--classifieds-black);
  box-shadow: 0 0 0 3px var(--classifieds-focus);
}

.classifieds-page .cl-hero-search-field select {
  accent-color: var(--classifieds-yellow);
}

.classifieds-page .cl-hero-search-field select option {
  background: var(--classifieds-white);
  color: var(--classifieds-black);
}

.classifieds-page .cl-hero-search-field select option:hover,
.classifieds-page .cl-hero-search-field select option:focus,
.classifieds-page .cl-hero-search-field select option:checked {
  background: linear-gradient(var(--classifieds-yellow), var(--classifieds-yellow));
  background-color: var(--classifieds-yellow) !important;
  color: var(--classifieds-black) !important;
}

.classifieds-page .cl-hero-category-select { z-index: 8; }
.classifieds-page .cl-hero-category-toggle { display:flex;width:100%;height:38px;align-items:center;justify-content:space-between;gap:10px;padding:0 13px 0 38px;border:1px solid #cbd5e1;border-radius:10px;background:var(--classifieds-white);color:var(--classifieds-black);font-size:.88rem;font-weight:600;text-align:left; }
.classifieds-page .cl-hero-category-toggle > i { position:static;color:var(--classifieds-muted);font-size:.7rem;transition:transform .18s ease; }
.classifieds-page .cl-hero-category-select.is-open .cl-hero-category-toggle { border-color:var(--classifieds-black);box-shadow:0 0 0 3px var(--classifieds-focus); }
.classifieds-page .cl-hero-category-select.is-open .cl-hero-category-toggle > i { transform:rotate(180deg); }
.classifieds-page .cl-hero-category-menu { position:absolute;top:calc(100% + 7px);right:0;left:0;z-index:20;display:none;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--classifieds-border);border-radius:11px;background:var(--classifieds-white);box-shadow:0 14px 32px rgba(17,17,17,.2);scrollbar-color:var(--classifieds-yellow) var(--classifieds-soft);scrollbar-width:thin; }
.classifieds-page .cl-hero-category-select.is-open .cl-hero-category-menu { display:grid; }
.classifieds-page .cl-hero-category-menu button { width:100%;padding:9px 10px;border:0;border-radius:7px;background:var(--classifieds-white);color:var(--classifieds-black);font-size:.82rem;font-weight:650;text-align:left; }
.classifieds-page .cl-hero-category-menu button:hover,
.classifieds-page .cl-hero-category-menu button:focus-visible,
.classifieds-page .cl-hero-category-menu button.is-selected { outline:0;background:var(--classifieds-yellow);color:var(--classifieds-black); }

.classifieds-page .cl-hero-float-pill,
.classifieds-page .cl-hero-sub-card {
  border-color: rgba(255, 196, 0, .38);
  background: rgba(27, 27, 27, .95);
}

.classifieds-page .cl-hero-float-pill i,
.classifieds-page .cl-hero-sub-info small {
  color: var(--classifieds-yellow) !important;
}

.classifieds-page .cl-hero-card-fallback {
  background: linear-gradient(135deg, var(--classifieds-charcoal), var(--classifieds-black));
  color: var(--classifieds-yellow);
}

.classifieds-page .cl-hero-card-store i,
.classifieds-page .cl-hero-card-price {
  color: var(--classifieds-black) !important;
}

.classifieds-page .cl-hero-sub-thumb {
  background: var(--classifieds-yellow);
  color: var(--classifieds-black);
}

/* Discovery, toolbar, cards, and empty state */
.classifieds-page .classifieds-category-slider,
.classifieds-page .classifieds-shops-slider {
  scrollbar-color: var(--classifieds-yellow) transparent;
}

.classifieds-page .classifieds-section-icon {
  display: inline-grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 9px;
  background: var(--classifieds-yellow);
  color: var(--classifieds-black);
  font-size: .92rem;
}

.classifieds-page .classifieds-category-card {
  border-color: var(--classifieds-border);
  background: var(--classifieds-white);
  color: var(--classifieds-black);
}

.classifieds-page .classifieds-category-card span {
  background: var(--classifieds-soft);
  color: var(--classifieds-black);
  box-shadow: 0 3px 8px rgba(17, 17, 17, .08);
}

.classifieds-page .classifieds-category-card:hover,
.classifieds-page .classifieds-category-card.is-active {
  border-color: var(--classifieds-yellow);
  background: var(--classifieds-yellow);
  color: var(--classifieds-black);
  box-shadow: 0 8px 24px rgba(255, 196, 0, .22);
}

.classifieds-page .classifieds-category-card:hover span,
.classifieds-page .classifieds-category-card.is-active span {
  background: var(--classifieds-black);
  color: var(--classifieds-yellow);
}

.classifieds-page .classifieds-mobile-filter-btn {
  display: none;
  border: 1px solid var(--classifieds-black);
  border-radius: 10px;
  background: var(--classifieds-white);
  color: var(--classifieds-black);
  font-weight: 750;
}

.kizmio-classifieds-page .classifieds-listing-card {
  border-color: var(--classifieds-border) !important;
  border-bottom: 4px solid var(--classifieds-yellow) !important;
}

.kizmio-classifieds-page .classifieds-listing-card:hover {
  border-color: var(--classifieds-yellow) !important;
  box-shadow: 0 12px 28px rgba(17, 17, 17, .1);
}

.kizmio-classifieds-page .classifieds-listing-card__title:hover,
.kizmio-classifieds-page .classifieds-listing-card__price strong {
  color: var(--classifieds-black);
}

.kizmio-classifieds-page .classifieds-listing-card__price strong {
  padding-bottom: 2px;
  border-bottom: 3px solid var(--classifieds-yellow);
}

.kizmio-classifieds-page .classifieds-empty-state > i {
  display: inline-grid;
  width: 72px;
  height: 72px;
  place-items: center;
  border-radius: 50%;
  background: var(--classifieds-soft);
  color: var(--classifieds-black);
}

.kizmio-classifieds-page .classifieds-empty-state__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
}

.kizmio-classifieds-page .classifieds-empty-state__actions .btn {
  border-radius: 10px;
  padding: 9px 18px;
  font-weight: 750;
}

.kizmio-classifieds-page .classifieds-empty-state__reset {
  border: 1px solid var(--classifieds-border);
  background: var(--classifieds-white);
  color: var(--classifieds-black);
}

.kizmio-classifieds-page .classifieds-empty-state__post {
  border: 1px solid var(--classifieds-black);
  background: var(--classifieds-yellow);
  color: var(--classifieds-black);
}

/* Sidebar and filters */
.kizmio-classifieds-page .places-detail-sidebar__identity {
  border-bottom-color: rgba(255, 196, 0, .22);
  background: linear-gradient(135deg, var(--classifieds-charcoal), var(--classifieds-black));
}

.kizmio-classifieds-page .places-detail-sidebar__identity > span {
  background: var(--classifieds-yellow);
  color: var(--classifieds-black);
}

.kizmio-classifieds-page .places-detail-sidebar__identity small {
  color: var(--classifieds-yellow);
}

.kizmio-classifieds-page .places-detail-sidebar__identity h2 {
  color: var(--classifieds-white);
}

.kizmio-classifieds-page .places-category-strip__head--sidebar span,
.kizmio-classifieds-page .places-sidebar-v2__section h3 i,
.kizmio-classifieds-page .places-community-entry__eyebrow,
.kizmio-classifieds-page .places-community-entry__action {
  color: var(--classifieds-black);
}

.kizmio-classifieds-page .places-category-pill--sidebar:hover,
.kizmio-classifieds-page .places-category-pill--sidebar.is-active {
  border-color: var(--classifieds-yellow);
  background: var(--classifieds-yellow);
  color: var(--classifieds-black);
  box-shadow: inset 4px 0 0 var(--classifieds-black);
}

.kizmio-classifieds-page .places-category-pill--sidebar .places-category-pill__icon {
  background: var(--classifieds-soft);
  color: var(--classifieds-black);
}

.kizmio-classifieds-page .places-category-pill--sidebar:hover .places-category-pill__icon,
.kizmio-classifieds-page .places-category-pill--sidebar.is-active .places-category-pill__icon {
  background: var(--classifieds-black);
  color: var(--classifieds-yellow);
}

.kizmio-classifieds-page .places-category-pill--sidebar:hover strong,
.kizmio-classifieds-page .places-category-pill--sidebar.is-active strong,
.kizmio-classifieds-page .places-category-pill--sidebar.is-active small {
  color: var(--classifieds-black);
}

.kizmio-classifieds-page .places-sidebar-v2__icon {
  background: var(--classifieds-yellow);
  color: var(--classifieds-black);
  box-shadow: 0 7px 16px rgba(255, 196, 0, .24);
}

.kizmio-classifieds-page .places-discovery-form .form-select:focus,
.kizmio-classifieds-page .places-discovery-form .form-control:focus {
  border-color: var(--classifieds-black);
  box-shadow: 0 0 0 3px var(--classifieds-focus);
}

.kizmio-classifieds-page .places-filter-apply {
  border: 1px solid var(--classifieds-black);
  background: var(--classifieds-black);
  color: var(--classifieds-white);
}

.kizmio-classifieds-page .places-filter-apply:hover {
  background: var(--classifieds-charcoal);
}

.kizmio-classifieds-page .places-filter-reset:hover {
  color: var(--classifieds-black);
  text-decoration: underline;
}

.kizmio-classifieds-page .places-community-entry {
  border-color: rgba(255, 196, 0, .55);
  background: linear-gradient(145deg, var(--classifieds-white), var(--classifieds-soft));
}

.kizmio-classifieds-page .places-community-entry:hover {
  border-color: var(--classifieds-yellow);
  box-shadow: 0 10px 24px rgba(255, 196, 0, .18);
}

.kizmio-classifieds-page .page-item.active .page-link {
  border-color: var(--classifieds-black);
  background: var(--classifieds-black);
  color: var(--classifieds-white);
}

@media (max-width: 767.98px) {
  .classifieds-page .classifieds-hero {
    overflow: visible !important;
  }

  .classifieds-page .classifieds-mobile-filter-btn {
    display: inline-flex;
    align-items: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .classifieds-page *,
  .kizmio-classifieds-page * {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}