/* =============================================================
   Couponko — Site-wide Azure & Vermilion theme
   #1877E0 (azure) primary · #EE4D2D (vermilion) accent
   Nunito typography. Loaded on every page.
   ============================================================= */

:root {
	--ck-azure:        #1877E0;
	--ck-azure-600:    #1565C2;
	--ck-azure-tint:   #E4F0FB;
	--ck-azure-tint-2: #EEF5FC;
	--ck-brick:        #EE4D2D;
	--ck-brick-600:    #D9421F;
	--ck-brick-tint:   #FCE6E0;
	--ck-ink:          #111827;
	--ck-ink-soft:     #0F172A;
	--ck-muted:        #475569;
	--ck-faint:        #94A3B8;
	--ck-line:         #EEF1F5;
	--ck-line-2:       #E5EAF0;
	--ck-rcta-bg:      #F3F5F8;
	--ck-rcta-border:  #C7D0DE;
}

/* =============================================================
   TYPOGRAPHY — Nunito everywhere, JetBrains Mono for numerics
   ============================================================= */
html body,
html body p,
html body div,
html body span,
html body a,
html body li,
html body td,
html body th,
html body input,
html body button,
html body select,
html body textarea,
html body label,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .entry-title,
html body .widget-title,
html body .site-title {
	font-family: 'Nunito', 'Inter', system-ui, -apple-system, sans-serif !important;
}
html body h1,
html body h2,
html body h3,
html body .entry-title,
html body .site-title,
html body .footer-newsletter-title {
	font-weight: 800 !important;
	letter-spacing: -0.02em !important;
}
html body h4,
html body h5,
html body h6,
html body .widget-title,
html body .sidebar-title {
	font-weight: 700 !important;
	letter-spacing: -0.005em !important;
}
html body p {
	font-weight: 500 !important;
}

/* =============================================================
   HEADER LOGO — replace theme wordmark with azure brand mark
   Broad selectors so any img inside .logo_area is hidden
   regardless of nesting / src filename.
   ============================================================= */
html body .logo_area img,
html body .logo_area a img,
html body .logo_area > a > img,
html body .logo_area img[src*="cuponsavior"],
html body .logo_area img[src*="logo"] {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	opacity: 0 !important;
}
html body .logo_area > a,
html body .logo_area a[rel="home"] {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0 !important;
	text-decoration: none !important;
	line-height: 1 !important;
	color: var(--ck-azure) !important;
	text-transform: none !important;
}
html body .logo_area > a::before,
html body .logo_area a[rel="home"]::before {
	content: "%";
	display: inline-grid;
	place-items: center;
	width: 32px;
	height: 28px;
	background: var(--ck-azure);
	color: #FFFFFF;
	font-weight: 800;
	font-size: 16px;
	border-radius: 7px;
	margin-right: 10px;
	font-family: 'Nunito', 'Inter', system-ui, sans-serif;
	text-transform: none;
}
html body .logo_area > a::after,
html body .logo_area a[rel="home"]::after {
	content: "cuponsavior";
	font-family: 'Nunito', 'Inter', system-ui, sans-serif;
	font-weight: 800;
	font-size: 20px;
	letter-spacing: -0.02em;
	color: var(--ck-azure) !important;
	text-transform: none !important;
}

/* Mobile menu wordmark + CTA */
html body .mobile-menu-logo-mark {
	background: var(--ck-azure) !important;
	color: #FFFFFF !important;
}
html body .logo-cupon { color: var(--ck-azure) !important; }
html body .logo-savior { color: var(--ck-azure-600) !important; }
html body .mobile-menu-cta {
	background: var(--ck-azure) !important;
	color: #FFFFFF !important;
}

/* =============================================================
   HEADER SEARCH — input button + icons
   Includes #header-search prefix to beat the existing id-scoped
   redesign rule.
   ============================================================= */
html body .header-search-btn,
html body input.ui.button.btn.header-search-btn,
html body #header-search input[type="submit"],
html body #header-search .header-search-btn,
html body #header-search .header-search-submit,
html body #header-nav-search button[type="submit"],
html body .header-search input[type="submit"] {
	background: var(--ck-azure) !important;
	background-color: var(--ck-azure) !important;
	background-image: none !important;
	border-color: var(--ck-azure) !important;
	color: #FFFFFF !important;
}
html body .header-search-btn:hover,
html body input.ui.button.btn.header-search-btn:hover,
html body #header-search .header-search-btn:hover,
html body #header-search .header-search-submit:hover {
	background: var(--ck-azure-600) !important;
	background-color: var(--ck-azure-600) !important;
}
html body .header-search-input i.search.icon,
html body .header-search-input i.searche.icon {
	color: var(--ck-azure) !important;
}

/* =============================================================
   BREADCRUMB — beat couponko-redesign.css 4-class selectors
   (#177A57 green on .active.section and first-child home link)
   ============================================================= */
html body .couponko-breadcrumbs .ui.breadcrumb a.section,
html body .couponko-breadcrumbs .ui.breadcrumb a.section .ck-breadcrumb-home,
html body .couponko-breadcrumbs .ui.breadcrumb .section-label {
	color: var(--ck-ink) !important;
}
html body .couponko-breadcrumbs .ui.breadcrumb a.section:first-child {
	color: var(--ck-azure) !important;
}
html body .couponko-breadcrumbs .ui.breadcrumb a.section:hover {
	color: var(--ck-azure) !important;
}
html body .couponko-breadcrumbs .ui.breadcrumb .active.section {
	color: var(--ck-azure) !important;
}
html body .couponko-breadcrumbs .ui.breadcrumb .ck-breadcrumb-divider {
	color: var(--ck-faint) !important;
}

/* =============================================================
   FILTER TABS / NAV PILLS — used on stores list, category list,
   single store, search
   ============================================================= */
html body .store-filter-button,
html body .header-store-filter .filter-nav {
	color: var(--ck-azure-600) !important;
}
html body .store-filter-button.active,
html body .store-filter-button.current,
html body .store-filter-button.is-active,
html body .header-store-filter .filter-nav.active,
html body .header-store-filter .filter-nav.current,
html body .header-store-filter .filter-nav.is-active,
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.current,
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;
}

/* =============================================================
   COUPON BADGES — discount tiles on every coupon card
   Specificity must beat couponko-redesign.css's
   .coupon-card .coupon-badge.code/.deal (3 classes).
   ============================================================= */
html body .coupon-badge,
html body .coupon-badge.deal,
html body .coupon-badge.code,
html body article .coupon-badge,
html body .coupon-top .coupon-badge,
html body .coupon-card .coupon-badge,
html body .coupon-card .coupon-badge.code,
html body .coupon-card .coupon-badge.deal,
html body div.coupon-badge.deal,
html body div.coupon-badge.code {
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
	background-image: none !important;
	border: 1px solid var(--ck-line-2) !important;
	color: var(--ck-azure) !important;
	box-shadow: none !important;
}
html body .coupon-badge .pct,
html body .coupon-badge .pct-label,
html body .coupon-badge.deal .pct,
html body .coupon-badge.deal .pct-label,
html body .coupon-badge.code .pct,
html body .coupon-badge.code .pct-label,
html body .coupon-card .coupon-badge .pct,
html body .coupon-card .coupon-badge .pct-label,
html body .coupon-card .coupon-badge.code .pct,
html body .coupon-card .coupon-badge.code .pct-label,
html body .coupon-card .coupon-badge.deal .pct,
html body .coupon-card .coupon-badge.deal .pct-label {
	color: var(--ck-azure) !important;
	background: transparent !important;
}

/* =============================================================
   VERIFIED PILL — wherever it shows up
   Bumped to beat .coupon-card .coupon-meta .verified (3 classes).
   ============================================================= */
html body .coupon-meta .verified,
html body .coupon-meta .verified svg,
html body span.verified,
html body span.verified svg,
html body .coupon-card .coupon-meta .verified,
html body .coupon-card .coupon-meta .verified svg,
html body .coupon-card .coupon-meta .verified i,
html body [class*="verified"]:not(input):not(button):not(textarea) {
	color: var(--ck-azure) !important;
	fill: var(--ck-azure) !important;
	stroke: var(--ck-azure) !important;
}
html body [class*="verified"] svg,
html body [class*="verified"] i {
	color: var(--ck-azure) !important;
	fill: var(--ck-azure) !important;
	stroke: var(--ck-azure) !important;
}

/* =============================================================
   STAR RATINGS — azure stars everywhere
   The starRating plugin sets fill via SVG attribute (lower
   specificity than class+!important — our rule wins).
   ============================================================= */
html body .jq-star-svg [class*="svg-active"],
html body .jq-star-svg [class*="svg-rated"],
html body .jq-star-svg [class*="svg-hovered"],
html body .star-rating .jq-star-svg [class*="svg-active"],
html body .star-rating .jq-star-svg [class*="svg-rated"],
html body .star-rating .jq-star-svg [class*="svg-hovered"] {
	fill: var(--ck-azure) !important;
}

/* =============================================================
   REVEAL CTA — coupon buttons across every page
   Code buttons: azure cover · Deal buttons: vermilion cover
   Specificity must beat .coupon-card .coupon-strip.code-strip
   (3 classes) from couponko-redesign.css.
   ============================================================= */
html body .coupon-card button.coupon-strip,
html body .coupon-card button.coupon-strip.code-strip,
html body .coupon-card button.coupon-strip.deal-strip,
html body button.coupon-strip,
html body button.coupon-strip.coupon-button.coupon-code,
html body button.coupon-strip.coupon-button.coupon-deal,
html body button.coupon-strip.coupon-code,
html body button.coupon-strip.coupon-deal {
	position: relative !important;
	display: block !important;
	width: calc(100% - 36px) !important;
	height: 60px !important;
	padding: 0 !important;
	margin: 12px 18px 18px !important;
	background: var(--ck-rcta-bg) !important;
	background-color: var(--ck-rcta-bg) !important;
	background-image: none !important;
	border: 2px dashed var(--ck-rcta-border) !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	cursor: pointer !important;
	transition: border-color 200ms ease !important;
	font-family: 'Nunito', 'Inter', system-ui, sans-serif !important;
	box-shadow: none !important;
	color: var(--ck-ink) !important;
}
html body button.coupon-strip.coupon-code:hover,
html body button.coupon-strip:hover {
	border-color: var(--ck-azure) !important;
}
html body button.coupon-strip.coupon-deal:hover {
	border-color: var(--ck-brick) !important;
}

/* Blurred dot preview behind the cover */
html body button.coupon-strip::after {
	content: "●●●●●●●●";
	position: absolute;
	left: 28px;
	top: 50%;
	transform: translateY(-50%);
	font-family: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
	font-weight: 700;
	font-size: 16px;
	color: var(--ck-ink);
	letter-spacing: 0.12em;
	filter: blur(5px);
	z-index: 1;
	user-select: none;
	pointer-events: none;
}

/* Slanted cover panel */
html body button.coupon-strip .coupon-strip-text {
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	width: 60% !important;
	margin: 0 !important;
	padding: 0 60px 0 44px !important;
	background: var(--ck-azure) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px !important;
	color: #FFFFFF !important;
	font-weight: 700 !important;
	font-size: 15.5px !important;
	letter-spacing: -0.005em !important;
	line-height: 1 !important;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 14% 100%);
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 14% 100%);
	transition: width 250ms cubic-bezier(.4, 0, .2, 1),
	            clip-path 250ms cubic-bezier(.4, 0, .2, 1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
	z-index: 2;
}
html body button.coupon-strip.coupon-deal .coupon-strip-text {
	background: var(--ck-brick) !important;
	background-color: var(--ck-brick) !important;
}
html body button.coupon-strip:hover .coupon-strip-text {
	width: 67% !important;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
}
html body button.coupon-strip .coupon-strip-text svg {
	width: 17px !important;
	height: 17px !important;
	flex-shrink: 0;
}

/* Arrow on far right */
html body button.coupon-strip .coupon-strip-arrow {
	position: absolute !important;
	right: 22px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #FFFFFF !important;
	pointer-events: none;
	transition: transform 200ms ease !important;
	z-index: 3;
}
html body button.coupon-strip .coupon-strip-arrow svg {
	width: 18px !important;
	height: 18px !important;
}
html body button.coupon-strip:hover .coupon-strip-arrow {
	transform: translate(4px, -50%) !important;
}
html body button.coupon-strip:active {
	transform: translateY(1px);
	transition-duration: 60ms !important;
}

@media (max-width: 540px) {
	html body button.coupon-strip { height: 52px !important; }
	html body button.coupon-strip::after {
		font-size: 13px;
		left: 18px;
		letter-spacing: 0.08em;
	}
	html body button.coupon-strip .coupon-strip-text {
		font-size: 13.5px !important;
		width: 62% !important;
		padding: 0 44px 0 30px !important;
	}
	html body button.coupon-strip:hover .coupon-strip-text { width: 68% !important; }
	html body button.coupon-strip .coupon-strip-arrow { right: 16px !important; }
}

/* =============================================================
   MODAL / POPUP — coupon code popup styling site-wide
   ============================================================= */
html body .popup-header.popup-header-deal,
html body .popup-header.popup-header-code,
html body .popup-header-deal,
html body .popup-header-code {
	background: var(--ck-azure) !important;
	background-color: var(--ck-azure) !important;
	background-image: none !important;
}
html body .popup-header-icon,
html body .popup-code-copy {
	background: var(--ck-azure-600) !important;
	background-color: var(--ck-azure-600) !important;
}
html body .popup-cta {
	background: var(--ck-azure) !important;
	background-color: var(--ck-azure) !important;
	color: #FFFFFF !important;
}
html body .popup-cta:hover {
	background: var(--ck-azure-600) !important;
	background-color: var(--ck-azure-600) !important;
}
html body .popup-code-field {
	border-color: var(--ck-azure) !important;
}
html body .popup-code-value {
	color: var(--ck-azure) !important;
}

/* =============================================================
   NEWSLETTER FOOTER (used on home + store pages)
   ============================================================= */
html body .footer-newsletter,
html body .footer-newsletter-inner {
	background-color: var(--ck-azure) !important;
}
html body .footer-subscribe-btn,
html body .footer-newsletter button[type="submit"] {
	background: var(--ck-azure-600) !important;
	background-color: var(--ck-azure-600) !important;
	color: #FFFFFF !important;
	border-color: var(--ck-azure-600) !important;
}
html body .footer-subscribe-btn:hover {
	background: var(--ck-azure) !important;
	background-color: var(--ck-azure) !important;
}

/* =============================================================
   SITE FOOTER — logo + link hover
   ============================================================= */
html body .footer-logo-icon {
	background: var(--ck-azure) !important;
	color: #FFFFFF !important;
}
html body .footer-logo-text {
	color: var(--ck-azure) !important;
}
html body .site-footer a:hover,
html body footer a:hover {
	color: var(--ck-azure) !important;
}

/* =============================================================
   EDITORIAL / SEO BLOCKS (lower-page content)
   ============================================================= */
html body .seo-callout,
html body .lede,
html body .editorial-callout {
	border-left-color: var(--ck-azure) !important;
}
html body .dropcap { color: var(--ck-azure) !important; }
html body .section-eyebrow,
html body .eyebrow { color: var(--ck-azure) !important; }
html body .section-eyebrow::before { background: var(--ck-azure) !important; }

/* "How-to-use" step circles */
html body .step-num,
html body .timeline-num,
html body .how-num {
	background: var(--ck-azure) !important;
	color: #FFFFFF !important;
}
html body .step-num.done,
html body .step-num.final {
	background: var(--ck-brick) !important;
}

/* =============================================================
   CATCH-ALL — kill stray hardcoded green/orange from templates
   The theme's inline <style> blocks ship with these hex values
   for the legacy palette. Use moderately high specificity to win.
   ============================================================= */
html body svg[stroke="#0B8457"],
html body svg[stroke="#0b8457"],
html body svg[stroke="#177a57"],
html body svg[stroke="#238a67"] {
	stroke: var(--ck-azure) !important;
}
html body svg[fill="#0B8457"],
html body svg[fill="#0b8457"],
html body svg[fill="#177a57"],
html body svg[fill="#238a67"] {
	fill: var(--ck-azure) !important;
}
html body svg[stroke="#E8751A"],
html body svg[stroke="#e8751a"],
html body svg[stroke="#f26419"] {
	stroke: var(--ck-brick) !important;
}
html body svg[fill="#E8751A"],
html body svg[fill="#e8751a"],
html body svg[fill="#f26419"] {
	fill: var(--ck-brick) !important;
}

/* Inline-style brand colors */
html body [style*="#0B8457"],
html body [style*="#0b8457"],
html body [style*="#177a57"] {
	color: var(--ck-azure) !important;
}
html body [style*="#E8751A"],
html body [style*="#e8751a"],
html body [style*="#C46315"] {
	color: var(--ck-brick) !important;
}

/* Template inline-style overrides for elements that show
   the legacy green/orange backgrounds and text. These match
   patterns in contact.php / category-list.php / stores-list.php. */
html body .store-card .store-name,
html body .category-card .category-name,
html body .store-icon-link,
html body .ck-card-count,
html body .ck-store-count {
	color: var(--ck-azure) !important;
}
html body .ck-cta-btn,
html body .browse-stores-btn,
html body .browse-categories-btn,
html body .contact-submit-btn {
	background: var(--ck-azure) !important;
	background-color: var(--ck-azure) !important;
	color: #FFFFFF !important;
	border-color: var(--ck-azure) !important;
}
html body .ck-cta-btn:hover,
html body .browse-stores-btn:hover,
html body .browse-categories-btn:hover,
html body .contact-submit-btn:hover {
	background: var(--ck-azure-600) !important;
}

/* Legacy rating pill bg (was #FFF0E5) → azure tint */
html body .store-rating-pill,
html body [class*="rating-pill"] {
	background: var(--ck-azure-tint) !important;
}
html body .store-rating-pill svg,
html body [class*="rating-pill"] svg {
	fill: var(--ck-azure) !important;
}
html body .store-rating-value,
html body [class*="rating-value"] {
	color: var(--ck-azure-600) !important;
}

/* Pagination / active links */
html body .pagination .current,
html body .page-numbers.current,
html body .nav-links .current {
	background: var(--ck-azure) !important;
	color: #FFFFFF !important;
	border-color: var(--ck-azure) !important;
}
html body .pagination a:hover,
html body .page-numbers:hover {
	color: var(--ck-azure) !important;
}

/* =============================================================
   HOME PAGE — common patterns (home.css ships with literal
   #0b8457 / #E8751A backgrounds + ".badge-teal / .cta-teal /
   .badge-orange / .cta-orange" tokens).
   ============================================================= */
html body .hero-slide,
html body .frontpage-container .hero-slide,
html body .store-grid-home .featured-store-card,
html body .featured-store-card {
	background: var(--ck-azure) !important;
	background-color: var(--ck-azure) !important;
}
html body .badge-teal,
html body .cta-teal,
html body .offers-list-home .badge-teal,
html body .offers-list-home .cta-teal,
html body .deal-type-badge.badge-teal,
html body .deal-card-cta.cta-teal {
	background: var(--ck-azure) !important;
	background-color: var(--ck-azure) !important;
	color: #FFFFFF !important;
}
html body .badge-orange,
html body .cta-orange,
html body .offers-list-home .badge-orange,
html body .offers-list-home .cta-orange,
html body .deal-type-badge.badge-orange,
html body .deal-card-cta.cta-orange {
	background: var(--ck-brick) !important;
	background-color: var(--ck-brick) !important;
	color: #FFFFFF !important;
}
/* Carousel arrow accents / Owl dots */
html body .owl-dot.active span,
html body .owl-nav button.owl-prev:hover,
html body .owl-nav button.owl-next:hover {
	background: var(--ck-azure) !important;
}

/* =============================================================
   HOME PAGE — SECTION HEADINGS (Ofertas de hoy / Tiendas
   destacadas / Dest Deals For Saving)
   The 36×3 green accent bar + green nav-arrow hover state are
   shipped at 1- and 2-class specificity in home.css. Bump ours
   to 2- and 3-class with the html body prefix to win.
   ============================================================= */
html body .section-accent-bar,
html body .today-coupons-section .section-accent-bar,
html body .store-grid-home .section-accent-bar,
html body .offers-list-home .section-accent-bar,
html body .deals-accent-bar,
html body .offers-list-home .deals-accent-bar {
	background: var(--ck-azure) !important;
	background-color: var(--ck-azure) !important;
}

/* Section nav arrows (prev/next chevrons) — hover state */
html body .section-arrow,
html body .store-grid-home .section-arrow,
html body .featured-stores-heading .section-arrow,
html body .deals-arrow,
html body .offers-list-home .deals-arrow {
	color: var(--ck-muted) !important;
}
html body .section-arrow:hover,
html body .store-grid-home .section-arrow:hover,
html body .featured-stores-heading .section-arrow:hover,
html body .deals-arrow:hover,
html body .offers-list-home .deals-arrow:hover {
	border-color: var(--ck-azure) !important;
	color: var(--ck-azure) !important;
}

/* Section title color — keep ink-dark, but make sure no inline
   green inherits. (`.section-title` is set black in home.css —
   safe — but the deals heading h2 isn't always.) */
html body .section-title,
html body .today-coupons-section .section-title,
html body .store-grid-home .section-title,
html body .deals-section-heading h2,
html body .offers-list-home .deals-section-heading h2 {
	color: var(--ck-ink) !important;
}

/* Tagline divider above sections — keep neutral */
html body .tagline-line {
	background: var(--ck-line-2) !important;
}

/* Hero slide CTA + featured store card — solid azure for any
   .hero-slide / featured-store inner elements that may have
   inherited green from theme tokens. */
html body .hero-slide-cta,
html body .hero-slide a.button,
html body .featured-store-card .featured-cta,
html body .featured-store-card a.button {
	background: var(--ck-brick) !important;
	background-color: var(--ck-brick) !important;
	color: #FFFFFF !important;
}

/* Best-deals carousel cards (alternating green/orange variants
   in home.css best-deals-owl-carousel) — collapse both to azure
   bg + vermilion CTA for unified palette. */
html body .offers-list-home .best-deals-owl-carousel .deal-item .deal-card,
html body .offers-list-home .deal-card {
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
	border: 1px solid var(--ck-line-2) !important;
}
html body .offers-list-home .deal-card-cta,
html body .offers-list-home .deal-card .deal-card-cta {
	background: var(--ck-brick) !important;
	background-color: var(--ck-brick) !important;
	color: #FFFFFF !important;
}
html body .offers-list-home .deal-type-badge,
html body .offers-list-home .deal-card .deal-type-badge {
	background: var(--ck-azure) !important;
	background-color: var(--ck-azure) !important;
	color: #FFFFFF !important;
}

/* =============================================================
   CATEGORY / STORES LIST PAGES — kill the .ck-cta / .ck-card
   greens shipped inline in templates/category-list.php +
   stores-list.php (the catch-all .ck-cta-btn / .browse-* rules
   above already cover most, but pages also use raw class names).
   ============================================================= */
html body .ck-store-link,
html body .ck-cat-link,
html body .store-letter-content ul li a:hover,
html body .single-store-content .coupon-listing-footer ul li a:hover {
	color: var(--ck-azure) !important;
}