/* ==========================================================================
   ZIZ Radio Market — white / grey / ZIZ yellow
   --------------------------------------------------------------------------
   The market plugin ships a DARK theme (#121518 shell, #1c2027 bars, crimson
   #dc143c accent). Janelle asked for white, grey and ZIZ yellow, with black
   removed entirely.

   PALETTE — no black anywhere:
     #ffffff   surfaces, active fills
     #f5c518   ZIZ yellow — accent FILL only
     #f7f7f7   light grey track / image placeholder
     #e6e6e6   hairline borders
     #6b6b6b   secondary text     5.7:1 on white
     #333333   primary text      12.6:1 on white

   WHY YELLOW NEVER CARRIES TEXT:
     #f5c518 on #ffffff is 1.6:1 — far below the 4.5:1 minimum. It is used
     only as a background with #333 on top, which measures 8.5:1.

   SPECIFICITY NOTE:
     The plugin styles its segmented controls with high specificity, so the
     active-state rules below are deliberately over-qualified. Without that
     the toggles stay #111 — verified on the live page, not assumed.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Intro block (page 4267)
   The quote was pasted in carrying foreign classes — `blockquote.border-l-4
   .pl-4 .font-claude-response-body` — which drew a left border bar and an
   indent that did not line up with the heading. This strips that back and
   puts heading and quote on the same 20px edge.
   -------------------------------------------------------------------------- */

.page-id-4267 .elementor-element-6e6e4fc blockquote {
	margin: 0 !important;
	padding: 0 20px !important;
	border: 0 !important;
	background: none !important;
}

.page-id-4267 .elementor-element-6e6e4fc blockquote p {
	margin: 0 !important;
	padding: 0 !important;
	max-width: 70ch;              /* keeps it a readable measure */
	font-size: 16.5px;
	line-height: 1.7;
	color: #4a4a4a;
}

/* The pasted copy contained a <strong>; Janelle asked for it unbolded. */
.page-id-4267 .elementor-element-6e6e4fc strong,
.page-id-4267 .elementor-element-6e6e4fc b {
	font-weight: 400 !important;
}

.page-id-4267 .elementor-element-7cd8ed2 .e-heading-base {
	padding-left: 20px !important;
	margin-bottom: 10px !important;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -.01em;
	color: #333 !important;
}

/* --------------------------------------------------------------------------
   2. Shell
   -------------------------------------------------------------------------- */

.ziz-market-wrap {
	background: #fff !important;
	color: #333 !important;
	border: 1px solid #e6e6e6;
	border-radius: 14px;
	overflow: hidden;
}

.ziz-market-topbar {
	background: #fff !important;
	border-bottom: 1px solid #ececec !important;
	padding: 18px 24px !important;
}

.ziz-brand-icon,
.ziz-market-wrap .ziz-brand-icon {
	background: #f5c518 !important;
	color: #333 !important;
	border-radius: 12px !important;
	box-shadow: none !important;
}

.ziz-market-wrap .ziz-brand-icon i { color: #333 !important; }

.ziz-market-heading { color: #333 !important; font-weight: 800 !important; }
.ziz-market-sub     { color: #6b6b6b !important; }

.ziz-result-count {
	background: #f7f7f7 !important;
	border: 1px solid #e6e6e6 !important;
	border-radius: 999px !important;
	padding: 6px 12px !important;
	color: #6b6b6b !important;
	font-weight: 700;
}

/* --- segmented controls: active is WHITE on a grey track ------------------ */

.ziz-market-wrap .ziz-layout-switcher,
.ziz-market-wrap .ziz-photo-toggle {
	background: #f7f7f7 !important;
	border: 1px solid #e6e6e6 !important;
	border-radius: 999px !important;
	padding: 3px !important;
}

.ziz-market-wrap .ziz-layout-switcher .layout-btn,
.ziz-market-wrap .ziz-photo-toggle .photo-toggle-btn {
	background: transparent !important;
	color: #8a8a8a !important;
	border: 0 !important;
	border-radius: 999px !important;
}

.ziz-market-wrap .ziz-layout-switcher .layout-btn:hover,
.ziz-market-wrap .ziz-photo-toggle .photo-toggle-btn:hover {
	color: #333 !important;
}

/* Over-qualified on purpose — the plugin's own .active rule is #111. */
.ziz-market-wrap .ziz-layout-switcher .layout-btn.active,
.ziz-market-wrap .ziz-photo-toggle .photo-toggle-btn.active,
.ziz-market-topbar .layout-btn.active,
.ziz-market-topbar .photo-toggle-btn.active {
	background: #fff !important;
	color: #333 !important;
	border-radius: 999px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12) !important;
}

.ziz-market-wrap .layout-btn.active i,
.ziz-market-wrap .photo-toggle-btn.active i { color: #333 !important; }

/* --------------------------------------------------------------------------
   3. Filter bar
   -------------------------------------------------------------------------- */

.ziz-filter-form {
	background: #fafafa !important;
	border-bottom: 1px solid #ececec !important;
	padding: 18px 24px !important;
}

.ziz-filter-field input,
.ziz-filter-field select {
	background: #fff !important;
	color: #333 !important;
	border: 1px solid #dcdcdc !important;
	border-radius: 9px !important;
}

/* Native dropdown items inherit the plugin's dark background — only visible
   once the menu opens, but it looked wrong against the new light field. */
.ziz-filter-field select option {
	background: #fff !important;
	color: #333 !important;
}

.ziz-filter-field input:focus,
.ziz-filter-field select:focus {
	border-color: #b0b0b0 !important;
	outline: 2px solid #f5c518 !important;
	outline-offset: 1px;
}

.ziz-filter-field label { color: #6b6b6b !important; font-weight: 700 !important; }

.ziz-btn-primary,
.ziz-market-wrap .ziz-btn.ziz-btn-primary {
	background: #f5c518 !important;
	color: #333 !important;
	border: 0 !important;
	border-radius: 999px !important;
	font-weight: 800 !important;
}

.ziz-btn-primary:hover,
.ziz-market-wrap .ziz-btn.ziz-btn-primary:hover {
	background: #ffd539 !important;
	color: #333 !important;
}

.ziz-btn-ghost,
.ziz-market-wrap .ziz-btn.ziz-btn-ghost {
	background: #fff !important;
	color: #4a4a4a !important;
	border: 1px solid #dcdcdc !important;
	border-radius: 999px !important;
	font-weight: 700 !important;
}

.ziz-btn-ghost:hover { background: #f7f7f7 !important; color: #333 !important; }

/* --------------------------------------------------------------------------
   4. Category tabs — active is the one solid yellow pill
   -------------------------------------------------------------------------- */

.ziz-category-tabs {
	background: #fff !important;
	border-bottom: 1px solid #ececec !important;
	padding: 12px 24px !important;
	gap: 8px;
}

.ziz-category-tabs .ziz-cat-tab {
	background: transparent !important;
	color: #6b6b6b !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 8px 16px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

.ziz-category-tabs .ziz-cat-tab:hover {
	background: #f7f7f7 !important;
	color: #333 !important;
}

.ziz-category-tabs .ziz-cat-tab.active {
	background: #f5c518 !important;
	color: #333 !important;
}

.ziz-category-tabs .ziz-cat-tab.active i { color: #333 !important; }

/* --------------------------------------------------------------------------
   5. Cards — price is the loudest element, it is a marketplace
   -------------------------------------------------------------------------- */

.ziz-items-container { padding: 24px !important; gap: 20px !important; }

.ziz-item-card {
	background: #fff !important;
	border: 1px solid #e6e6e6 !important;
	border-radius: 12px !important;
	overflow: hidden;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ziz-item-card:hover {
	border-color: #f5c518 !important;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .09) !important;
	transform: translateY(-2px);
}

.ziz-card-image { background: #f7f7f7 !important; border-radius: 0 !important; }

.ziz-item-title {
	color: #333 !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
}

.ziz-cat-badge {
	background: #f7f7f7 !important;
	color: #5a5a5a !important;
	border: 1px solid #e6e6e6 !important;
	border-radius: 999px !important;
	padding: 3px 9px !important;
	font-weight: 700 !important;
}

.ziz-cond-new .ziz-cat-badge {
	background: #f5c518 !important;
	border-color: #f5c518 !important;
	color: #333 !important;
}

.ziz-item-card [class*="price"] {
	color: #333 !important;
	font-size: 19px !important;
	font-weight: 800 !important;
	letter-spacing: -.01em;
}

.ziz-item-card [class*="meta"],
.ziz-item-card [class*="location"],
.ziz-item-card [class*="date"] {
	color: #7a7a7a !important;
	font-size: 12.5px !important;
}

/* --------------------------------------------------------------------------
   6. Single item page — heading reduced per Janelle's note
   -------------------------------------------------------------------------- */

.ziz-single-wrap { background: #fff !important; color: #333 !important; }

.ziz-single-title {
	margin: 0 0 8px !important;
	font-size: 24px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	color: #333 !important;
}

.ziz-single-badge {
	background: #f7f7f7 !important;
	border: 1px solid #e6e6e6 !important;
	color: #5a5a5a !important;
	border-radius: 999px !important;
}

.ziz-single-seller-box,
.ziz-seller-inner {
	background: #fafafa !important;
	border: 1px solid #e6e6e6 !important;
	border-radius: 12px !important;
	color: #333 !important;
}

.ziz-seller-name { color: #333 !important; }
.ziz-seller-tag  { color: #6b6b6b !important; }

.ziz-seller-btn {
	background: #f5c518 !important;
	color: #333 !important;
	border: 0 !important;
	border-radius: 999px !important;
	font-weight: 800 !important;
}

.ziz-seller-btn:hover { background: #ffd539 !important; color: #333 !important; }

.ziz-back-link, .ziz-breadcrumb-cat { color: #6b6b6b !important; }
.ziz-back-link:hover { color: #333 !important; }

@media (prefers-reduced-motion: reduce) {
	.ziz-item-card { transition: none; }
	.ziz-item-card:hover { transform: none; }
}