/* =============================================================
   Single Store Page — page-specific overrides
   Layers on top of couponko-azure-theme.css (palette, fonts,
   Reveal CTA, modal, badges, rating, logo all come from there).
   Scope: body.tax-coupon_store
   ============================================================= */

/* =============================================================
   PAGE BACKGROUND — flatten the white header strip so it
   matches the soft gray page bg below it.
   ============================================================= */
html body.tax-coupon_store {
	background: #F4F5F7 !important;
}
html body.tax-coupon_store .coupon-store-main .header-content,
html body.tax-coupon_store .header-content {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
}
html body.tax-coupon_store .store-header-card {
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* =============================================================
   STORE HEADER — azure backplate, count, description rule
   ============================================================= */
html body.tax-coupon_store .store-header-logo {
	background: var(--ck-azure-tint-2) !important;
	border-color: #E1EAF4 !important;
}
html body.tax-coupon_store .store-header-title {
	font-size: 24px !important;
	line-height: 1.1 !important;
	letter-spacing: -0.025em !important;
	font-weight: 800 !important;
}
html body.tax-coupon_store .store-header-count {
	color: var(--ck-azure) !important;
	font-weight: 700 !important;
}

/* Rating pill (originally #FFF0E5 bg / #C46315 text) — azure */
html body.tax-coupon_store .store-rating-pill {
	background: var(--ck-azure-tint) !important;
}
html body.tax-coupon_store .store-rating-pill svg {
	fill: var(--ck-azure) !important;
}
html body.tax-coupon_store .store-rating-value {
	color: var(--ck-azure-600) !important;
}

/* Star rating fill — match the full inline selector specificity
   (.tax-coupon_store .store-header-stars .jq-star-svg [class*="svg-active"]
   = 4 classes; html body.tax-coupon_store... = 4 classes + 2 elements) */
html body.tax-coupon_store .store-header-stars .jq-star-svg [class*="svg-active"],
html body.tax-coupon_store .store-header-stars .jq-star-svg [class*="svg-rated"],
html body.tax-coupon_store .store-header-stars .jq-star-svg [class*="svg-hovered"] {
	fill: var(--ck-azure) !important;
}

/* Filter tabs (Todo / Codigos / Rebajas) — match the full inline
   selector (9 classes) plus html body prefix to win. */
html body.tax-coupon_store .header-store-filter.store-reference-tabs .store-filter-button.ui.button.tiny.filter-nav {
	color: var(--ck-azure-600) !important;
}
html body.tax-coupon_store .header-store-filter.store-reference-tabs .store-filter-button.ui.button.tiny.filter-nav.current,
html body.tax-coupon_store .header-store-filter.store-reference-tabs .store-filter-button.ui.button.tiny.filter-nav.active,
html body.tax-coupon_store .header-store-filter.store-reference-tabs .store-filter-button.ui.button.tiny.filter-nav.is-active {
	background: var(--ck-azure) !important;
	background-color: var(--ck-azure) !important;
	background-image: none !important;
	border-color: var(--ck-azure) !important;
	color: #FFFFFF !important;
}

/* Store description block — azure accent rule */
html body.tax-coupon_store #store_description_mini.mini-store-description::before {
	background: var(--ck-azure) !important;
}
html body.tax-coupon_store #store_description_mini.mini-store-description .close-btn {
	color: var(--ck-azure-600) !important;
}

/* =============================================================
   SIDEBAR V2 — RESUMEN (editorial dashboard with live dot)
   ============================================================= */
html body.tax-coupon_store .sidebar-card.sidebar-stats.resumen-v2 {
	background: #FFFFFF !important;
	border: 1px solid var(--ck-line) !important;
	border-radius: 14px !important;
	padding: 22px !important;
	margin: 0 0 16px !important;
	box-shadow: none !important;
}
html body.tax-coupon_store .resumen-v2 .resumen-v2-top {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin: 0 0 16px !important;
	gap: 12px !important;
}
html body.tax-coupon_store .resumen-v2 .resumen-v2-title {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: var(--ck-faint) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	margin: 0 !important;
	line-height: 1 !important;
}
html body.tax-coupon_store .resumen-v2 .resumen-v2-updated {
	font-size: 10.5px !important;
	color: var(--ck-faint) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	font-weight: 700 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	line-height: 1 !important;
}
html body.tax-coupon_store .resumen-v2 .resumen-v2-dot {
	width: 6px !important;
	height: 6px !important;
	border-radius: 50% !important;
	background: #34D399 !important;
	box-shadow: 0 0 0 4px rgba(52, 211, 153, 0.18) !important;
	display: inline-block !important;
}

/* Two big cells */
html body.tax-coupon_store .resumen-v2 .resumen-v2-row {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 1px !important;
	background: var(--ck-line) !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	margin: 0 0 16px !important;
}
html body.tax-coupon_store .resumen-v2 .resumen-v2-cell {
	background: #FFFFFF !important;
	padding: 14px 16px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
}
html body.tax-coupon_store .resumen-v2 .resumen-v2-v {
	font-size: 28px !important;
	font-weight: 800 !important;
	letter-spacing: -0.025em !important;
	line-height: 1 !important;
	color: var(--ck-ink-soft) !important;
	font-family: 'JetBrains Mono', 'SF Mono', Menlo, monospace !important;
	font-variant-numeric: tabular-nums !important;
}
html body.tax-coupon_store .resumen-v2 .resumen-v2-l {
	margin-top: 6px !important;
	font-size: 12.5px !important;
	color: var(--ck-muted) !important;
	font-weight: 600 !important;
}

/* Micro stat list */
html body.tax-coupon_store .resumen-v2 .resumen-v2-micro-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}
html body.tax-coupon_store .resumen-v2 .resumen-v2-micro {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-size: 13px !important;
	color: var(--ck-muted) !important;
	line-height: 1.2 !important;
}
html body.tax-coupon_store .resumen-v2 .resumen-v2-micro i {
	color: var(--ck-faint) !important;
	font-size: 14px !important;
	width: 16px !important;
	line-height: 1 !important;
}
html body.tax-coupon_store .resumen-v2 .resumen-v2-micro span {
	color: var(--ck-muted) !important;
}
html body.tax-coupon_store .resumen-v2 .resumen-v2-micro b {
	margin-left: auto !important;
	font-weight: 700 !important;
	color: var(--ck-ink-soft) !important;
	font-family: 'JetBrains Mono', 'SF Mono', Menlo, monospace !important;
	font-variant-numeric: tabular-nums !important;
}
html body.tax-coupon_store .resumen-v2 .resumen-v2-micro b.azure {
	color: var(--ck-azure) !important;
}

/* =============================================================
   SIDEBAR V2 — FILTRAR (soft list rows + hidden checkboxes)
   ============================================================= */
html body.tax-coupon_store .sidebar-card.sidebar-filters.filtrar-v2 {
	background: #FFFFFF !important;
	border: 1px solid var(--ck-line) !important;
	border-radius: 14px !important;
	padding: 22px !important;
	margin: 0 0 16px !important;
	box-shadow: none !important;
}
html body.tax-coupon_store .filtrar-v2 .filtrar-v2-top {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin: 0 0 14px !important;
	gap: 12px !important;
}
html body.tax-coupon_store .filtrar-v2 .filtrar-v2-title {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: var(--ck-faint) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	margin: 0 !important;
	line-height: 1 !important;
}
html body.tax-coupon_store .filtrar-v2 .filtrar-v2-reset {
	background: none !important;
	background-color: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	color: var(--ck-azure) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
}
html body.tax-coupon_store .filtrar-v2 .filtrar-v2-reset:hover {
	text-decoration: underline !important;
}
html body.tax-coupon_store .filtrar-v2 .filtrar-v2-group {
	margin: 0 0 18px !important;
}
html body.tax-coupon_store .filtrar-v2 .filtrar-v2-group:last-child {
	margin: 0 !important;
}
html body.tax-coupon_store .filtrar-v2 .filtrar-v2-label {
	font-size: 11px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	font-weight: 700 !important;
	color: var(--ck-faint) !important;
	margin: 0 0 6px !important;
}
html body.tax-coupon_store .filtrar-v2 .filtrar-v2-row {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 9px 10px !important;
	margin: 0 -10px !important;
	border-radius: 8px !important;
	cursor: pointer !important;
	font-size: 14px !important;
	color: var(--ck-ink-soft) !important;
	transition: background 150ms ease !important;
	position: relative !important;
}
html body.tax-coupon_store .filtrar-v2 .filtrar-v2-row:hover {
	background: #F5F9FD !important;
}
html body.tax-coupon_store .filtrar-v2 .filtrar-v2-row input[type="checkbox"] {
	position: absolute !important;
	opacity: 0 !important;
	pointer-events: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
}
html body.tax-coupon_store .filtrar-v2 .filtrar-v2-box {
	width: 18px !important;
	height: 18px !important;
	border-radius: 5px !important;
	border: 1.5px solid #E2E8F0 !important;
	background: #FFFFFF !important;
	display: grid !important;
	place-items: center !important;
	flex-shrink: 0 !important;
	transition: all 150ms ease !important;
	padding: 0 !important;
}
html body.tax-coupon_store .filtrar-v2 .filtrar-v2-row:has(input:checked) .filtrar-v2-box {
	background: var(--ck-azure) !important;
	background-color: var(--ck-azure) !important;
	border-color: var(--ck-azure) !important;
}
html body.tax-coupon_store .filtrar-v2 .filtrar-v2-row:has(input:checked) .filtrar-v2-box::after {
	content: "\ea5e" !important;
	font-family: 'tabler-icons' !important;
	font-size: 13px !important;
	color: #FFFFFF !important;
	line-height: 1 !important;
}
html body.tax-coupon_store .filtrar-v2 .filtrar-v2-count {
	margin-left: auto !important;
	font-size: 12.5px !important;
	color: var(--ck-faint) !important;
	font-variant-numeric: tabular-nums !important;
	font-family: 'JetBrains Mono', 'SF Mono', Menlo, monospace !important;
}
html body.tax-coupon_store .filtrar-v2 .filtrar-v2-row:has(input:checked) .filtrar-v2-count {
	color: var(--ck-azure) !important;
	font-weight: 700 !important;
}

/* =============================================================
   SIDEBAR V2 — TIENDAS SIMILARES (hairline list)
   ============================================================= */
html body.tax-coupon_store .sidebar-card.sidebar-related.tiendas-v2 {
	background: #FFFFFF !important;
	border: 1px solid var(--ck-line) !important;
	border-radius: 14px !important;
	padding: 22px !important;
	margin: 0 !important;
	box-shadow: none !important;
}
html body.tax-coupon_store .tiendas-v2 .tiendas-v2-title {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: var(--ck-faint) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	margin: 0 0 12px !important;
	line-height: 1 !important;
}
html body.tax-coupon_store .tiendas-v2 .tiendas-v2-list {
	margin: 0 -10px !important;
	display: block !important;
	padding: 0 !important;
}
html body.tax-coupon_store .tiendas-v2 .tiendas-v2-item {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 11px 10px !important;
	border-radius: 8px !important;
	cursor: pointer !important;
	transition: background 150ms !important;
	position: relative !important;
	text-decoration: none !important;
	color: inherit !important;
}
html body.tax-coupon_store .tiendas-v2 .tiendas-v2-item + .tiendas-v2-item::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 50px !important;
	right: 10px !important;
	height: 1px !important;
	background: var(--ck-line) !important;
	transition: opacity 150ms !important;
}
html body.tax-coupon_store .tiendas-v2 .tiendas-v2-item:hover {
	background: #F5F9FD !important;
}
html body.tax-coupon_store .tiendas-v2 .tiendas-v2-item:hover::before,
html body.tax-coupon_store .tiendas-v2 .tiendas-v2-item:hover + .tiendas-v2-item::before {
	opacity: 0 !important;
}
html body.tax-coupon_store .tiendas-v2 .tiendas-v2-ava {
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
	border: 1px solid #E2E8F0 !important;
	color: var(--ck-muted) !important;
	font-weight: 700 !important;
	font-size: 11.5px !important;
	display: grid !important;
	place-items: center !important;
	letter-spacing: 0.04em !important;
	flex-shrink: 0 !important;
	transition: all 150ms !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}
html body.tax-coupon_store .tiendas-v2 .tiendas-v2-item:hover .tiendas-v2-ava {
	background: var(--ck-azure) !important;
	background-color: var(--ck-azure) !important;
	border-color: var(--ck-azure) !important;
	color: #FFFFFF !important;
}
html body.tax-coupon_store .tiendas-v2 .tiendas-v2-info {
	min-width: 0 !important;
	flex: 1 !important;
}
html body.tax-coupon_store .tiendas-v2 .tiendas-v2-name {
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: var(--ck-ink-soft) !important;
	letter-spacing: -0.005em !important;
	line-height: 1.25 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}
html body.tax-coupon_store .tiendas-v2 .tiendas-v2-count {
	font-size: 11.5px !important;
	color: var(--ck-faint) !important;
	margin-top: 1px !important;
	font-variant-numeric: tabular-nums !important;
}
html body.tax-coupon_store .tiendas-v2 .tiendas-v2-arrow {
	color: var(--ck-faint) !important;
	font-size: 16px !important;
	opacity: 0 !important;
	transform: translateX(-4px) !important;
	transition: all 150ms !important;
}
html body.tax-coupon_store .tiendas-v2 .tiendas-v2-item:hover .tiendas-v2-arrow {
	color: var(--ck-azure) !important;
	opacity: 1 !important;
	transform: translateX(0) !important;
}