/**
 * ============================================================================
 * ZETLINK SITES CATALOG · AURORA GLASS THEME v6.1
 * ============================================================================
 * Soft pastel mesh background, frosted glass surfaces, gradient accents.
 * Per-niche pastel colors on category cards and table rows.
 * Letter-monogram favicon tiles with niche-color gradients.
 * Pill-shaped filter dropdowns + full-width rounded search bar.
 * Drop-in replacement — preserves all original class names and structure.
 * ============================================================================
 * v6.1 patches:
 *   - Hero forced light (overrides any conflicting dashboard.css rules)
 *   - Filter grid converted to flex-wrap pill layout
 *   - Search bar full-width with gradient SEARCH button
 *   - Bulk Search button gradient pill style
 * ============================================================================
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Poppins:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* ============================================================================
   DESIGN TOKENS · AURORA GLASS PALETTE
============================================================================ */
:root {
	    /* Matches the reference design: flat white/slate base + indigo→fuchsia accent for interactive elements */
	    --sc-blue: #0284c7;
    --sc-blue-soft: #f0f9ff;
    --sc-blue-hover: #4338ca;
    --sc-purple: #4f46e5;
    --sc-purple-soft: #eef2ff;
    --sc-pink: #c026d3;
    --sc-green: #059669;
    --sc-orange: #d97706;
    --sc-red: #e11d48;
    --sc-amber: #d97706;
    --sc-text: #0f172a;
    --sc-text-2: #334155;
    --sc-muted: #64748b;
    --sc-muted-soft: #94a3b8;
    --sc-glass: #ffffff;
    --sc-glass-hover: #f8fafc;
    --sc-glass-strong: #ffffff;
    --sc-glass-soft: #ffffff;
    --sc-glass-border: #e2e8f0;
    --sc-glass-border-strong: #cbd5e1;
    --sc-border: #e2e8f0;
    --sc-border-soft: #e2e8f0;
    --sc-radius: 12px;
    --sc-radius-sm: 8px;
    --sc-radius-md: 12px;
    --sc-radius-lg: 16px;
    --sc-radius-xl: 24px;
    --sc-grad-primary: linear-gradient(135deg, #4f46e5, #c026d3);
    --sc-grad-purple: linear-gradient(135deg, #4f46e5, #c026d3);
    --sc-grad-aurora: linear-gradient(135deg, #4f46e5, #c026d3);
    --sc-aurora-mesh: #ffffff;
    --sc-shadow-xs: 0 1px 2px 0 rgba(79, 70, 229, 0.06);
    --sc-shadow-sm: 0 2px 6px -1px rgba(79, 70, 229, 0.12);
    --sc-shadow-md: 0 4px 12px -2px rgba(79, 70, 229, 0.18);
    --sc-shadow-lg: 0 10px 25px -5px rgba(79, 70, 229, 0.25);

}

/* ============================================================================
   ROOT CONTAINER · AURORA MESH BACKGROUND
============================================================================ */
.zetlink-sites-catalog {
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 14px;
	color: var(--sc-text);
	background: #ffffff;
	background-image: none;
	margin: 0 -0.5rem;
	padding: 0px 0px 40px;
	line-height: 1.5;
	letter-spacing: -0.005em;
	border-radius: var(--sc-radius-lg);
	border: 0px;
	position: relative;
	overflow: hidden;
}

@media only screen and (max-width:1500px) and (min-width:992px){
    .page-template-page-templateswebsites-php .zetlink-sites-catalog{
        padding: 20px 0px !important;
    }
}

@media (min-width: 992px) {
	.zetlink-sites-catalog {
		margin: 0;
	}
}

.zetlink-sites-catalog *::after{
font-family: 'Geist';
    color: inherit;
    font-weight: 800;
}
.zetlink-sites-catalog-page .zetlink-sites-catalog { margin: 0; }



/* ============================================================================
   ⭐ HERO BANNER · V2 LIGHT GLASS · LIVE INDICATOR + AVATARS + GROWTH DELTAS
   - Pastel mesh background, frosted glass surfaces (light theme)
   - Live pulsing green dot in badge
   - Horizontal stat cards with inline ↑% growth deltas
   - Trust strip with avatar stack + 4.9 rating chip
============================================================================ */
.zl-hero {
	position: relative;
	padding: 2rem 1.85rem 1.65rem;
	margin: 0 0 1rem;
	background: #ffffff;
	border-radius: var(--sc-radius-lg);
	border: 1px solid rgba(255, 255, 255, 0.85);
	overflow: hidden;
	isolation: isolate;
	text-align: center;
	color: var(--sc-text);
}

@keyframes zl-hero-orb-1 {
	0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.7; }
	50%      { transform: translate(30px, 20px) scale(1.12); opacity: 1; }
}

@keyframes zl-hero-orb-2 {
	0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.7; }
	50%      { transform: translate(-40px, -25px) scale(1.18); opacity: 1; }
}

.zl-hero__inner {
	position: relative;
	z-index: 1;
	max-width: 780px;
	margin: 0 auto;
}

/* Trust badge — light glass with live pulsing dot */
.zl-hero__badge {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.4rem 1rem;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border: 1px solid rgba(255, 255, 255, 0.95);
	border-radius: 999px;
	font-size: 0.7rem;
	font-weight: 800;
	color: var(--sc-purple);
	margin-bottom: 0.95rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	box-shadow: 0 6px 18px -4px rgba(15, 23, 42, 0.18);
}

/* Live pulsing dot */
.zl-hero__badge::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #10b981;
	box-shadow: 0 0 8px #10b981;
	animation: zl-hero-pulse 2s infinite;
	flex-shrink: 0;
}

@keyframes zl-hero-pulse {
	0%, 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.5); }
	50%      { box-shadow: 0 0 0 5px transparent; }
}

.zl-hero__badge svg { width: 11px; height: 11px; color: var(--sc-amber); }

/* Title */
.zl-hero__title {
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	font-size: clamp(1.5rem, 3.2vw, 2.25rem);
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1.1;
	margin: 0 0 0.65rem;
	color: var(--sc-text);
}

.zl-hero__title .grad {
	background: var(--sc-grad-aurora);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
}

.zl-hero__subtitle {
	font-size: 0.92rem;
	color: var(--sc-muted);
	margin: 0 auto 1.25rem;
	max-width: 560px;
	line-height: 1.55;
	font-weight: 500;
}

.zetlink-sites-catalog .zl-as {
	--score: 0;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 34px;
	height: 34px;
	min-width: 34px;
	padding: 0;

	border-radius: 50%;

	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	color: #ff642d;

	background:
		radial-gradient(
			closest-side,
			#fff calc(100% - 4px),
			transparent calc(100% - 4px)
		),
		conic-gradient(
			#ff642d calc(var(--score) * 1%),
			#e5e9ef 0
		);

	font-variant-numeric: tabular-nums;
}

/* Stats grid — horizontal cards with inline growth deltas (V2 layout) */
.zl-hero__stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.65rem;
	max-width: 720px;
	margin: 0 auto 1rem;
}

.zl-hero__stat {
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border: 1px solid rgba(255, 255, 255, 0.95);
	border-radius: var(--sc-radius);
	padding: 0.85rem 0.85rem;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	gap: 0.7rem;
	text-align: left;
	box-shadow: 0 4px 12px -4px rgba(15, 23, 42, 0.1);
}

.zl-hero__stat:hover {
	transform: translateY(-4px) scale(1.02);
	box-shadow: 0 14px 30px -8px var(--zl-stat-shadow, rgba(15, 23, 42, 0.4));
}

.zl-hero__stat-icon {
	width: 40px;
	height: 40px;
	background: var(--zl-stat-grad, linear-gradient(135deg, #4f46e5, #c026d3));
	border-radius: 11px;
	display: grid;
	place-items: center;
	color: #fff;
	box-shadow:
		0 5px 14px var(--zl-stat-shadow, rgba(15, 23, 42, 0.4)),
		inset 0 1px 0 rgba(255, 255, 255, 0.4),
		inset 0 -1px 0 rgba(0, 0, 0, 0.08);
	flex-shrink: 0;
	position: relative;
	z-index: 1;
	transition: all 0.25s ease;
}

.zl-hero__stat:hover .zl-hero__stat-icon {
	transform: rotate(-6deg) scale(1.08);
}

.zl-hero__stat-icon svg { width: 18px; height: 18px; }

/* Per-stat color variables */
.zl-hero__stat--blue {
	--zl-stat-grad: linear-gradient(135deg, #0ea5e9, #0284c7);
	--zl-stat-shadow: rgba(2, 132, 199, 0.4);
	--zl-stat-color: #0284c7;
}
.zl-hero__stat--pink {
	--zl-stat-grad: linear-gradient(135deg, #f43f5e, #e11d48);
	--zl-stat-shadow: rgba(225, 29, 72, 0.4);
	--zl-stat-color: #e11d48;
}
.zl-hero__stat--purple {
	--zl-stat-grad: linear-gradient(135deg, #4f46e5, #c026d3);
	--zl-stat-shadow: rgba(79, 70, 229, 0.4);
	--zl-stat-color: #4f46e5;
}
.zl-hero__stat--amber {
	--zl-stat-grad: linear-gradient(135deg, #f59e0b, #d97706);
	--zl-stat-shadow: rgba(245, 158, 11, 0.4);
	--zl-stat-color: #d97706;
}

.zl-hero__stat-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
	flex: 1;
	position: relative;
	z-index: 1;
	text-align: left;
}

.zl-hero__stat-value {
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	font-size: 1.25rem;
	font-weight: 800;
	color: var(--sc-text);
	line-height: 1;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.025em;
	display: flex;
	align-items: baseline;
	gap: 4px;
	flex-wrap: wrap;
}

.zl-hero__stat-value .pl {
	color: var(--zl-stat-color, var(--sc-purple));
	font-size: 0.85rem;
	font-weight: 700;
}

/* Growth delta inline (V2 - small green chip beside number) */
.zl-hero__stat-delta {
	font-size: 0.55rem;
	color: #059669;
	font-weight: 800;
	background: rgba(16, 185, 129, 0.12);
	padding: 1px 5px;
	border-radius: 4px;
	letter-spacing: 0.02em;
	display: inline-flex;
	align-items: center;
	gap: 1px;
	margin-left: 1px;
	white-space: nowrap;
}
.zl-hero__stat-delta::before {
	content: "↑";
	font-size: 0.62rem;
	font-weight: 800;
}

.zl-hero__stat-label {
	font-size: 0.62rem;
	color: var(--sc-muted);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 800;
	margin-top: 4px;
}

/* Trust strip — V2 with avatar stack + rating chip */
.zl-hero__trust {
	display: inline-flex;
	align-items: center;
	gap: 0.85rem;
	padding: 0.55rem 1.15rem;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.95);
	border-radius: 999px;
	font-size: 0.78rem;
	color: #475569;
	font-weight: 600;
	box-shadow: 0 6px 14px -3px rgba(15, 23, 42, 0.12);
	flex-wrap: wrap;
	justify-content: center;
}

/* Avatar stack */
.zl-hero__trust-avatars {
	display: inline-flex;
	flex-shrink: 0;
}

.zl-hero__trust-avatars span {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 2px solid #fff;
	margin-left: -7px;
	display: grid;
	place-items: center;
	color: #fff;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
	box-shadow: 0 2px 4px rgba(15, 23, 42, 0.1);
}

.zl-hero__trust-avatars span:first-child { margin-left: 0; }
.zl-hero__trust-avatars span:nth-child(1) { background: linear-gradient(135deg, #4f46e5, #c026d3); }
.zl-hero__trust-avatars span:nth-child(2) { background: linear-gradient(135deg, #0ea5e9, #0284c7); }
.zl-hero__trust-avatars span:nth-child(3) { background: linear-gradient(135deg, #10b981, #059669); }
.zl-hero__trust-avatars span:nth-child(4) { background: linear-gradient(135deg, #f59e0b, #d97706); }

.zl-hero__trust-stars { display: inline-flex; gap: 2px; color: #f59e0b; }
.zl-hero__trust-stars svg { width: 12px; height: 12px; fill: currentColor; }
.zl-hero__trust-text strong { color: var(--sc-text); font-weight: 800; }

/* Rating chip "4.9" */
.zl-hero__trust-rating {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 9px;
	background: rgba(245, 158, 11, 0.12);
	border: 1px solid rgba(245, 158, 11, 0.3);
	border-radius: 6px;
	font-size: 0.72rem;
	color: #a16207;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.01em;
}

/* ============================================================================
   ⚡ TOGGLE BAR · GLASS PILL
============================================================================ */
.zl-toggle-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.85rem;
	margin-bottom: 0px;
	padding: 0.55rem 0.9rem 0.55rem 1rem;
	background: transparent;
	border-radius: var(--sc-radius);
	box-shadow: none;
	flex-wrap: wrap;
}

.zl-toggle-bar__label {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--sc-text);
}

.zl-toggle-bar__label-icon {
	width: 26px;
	height: 26px;
	display: none;
	place-items: center;
	background: var(--sc-grad-primary);
	border-radius: 7px;
	color: #fff;
	box-shadow: 0 3px 8px rgba(15, 23, 42, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.zl-toggle-bar__label-icon svg { width: 13px; height: 13px; }

.zl-toggle-bar__label-title { display: none;font-weight: 800; color: var(--sc-text); font-size: 0.85rem; }

.zetlink-sites-catalog .zetlink-wsm-catalog-toggle {
	    display: inline-flex;
    padding: 0.25rem;
    background: var(--sc-glass-strong);
    border: 0px;
    border-radius: 0px;
    gap: 0.15rem;
    align-items: center;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
	width: 100%;
    justify-content: flex-end;
}

.zetlink-sites-catalog .zetlink-wsm-catalog-toggle__opt,
.zetlink-sites-catalog .zetlink-wsm-catalog-toggle--header a.zetlink-wsm-catalog-toggle__opt {
	display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    padding: 0.4rem 0.95rem;
    font-size: 14px;
    font-weight: 700;
    border-radius: 999px;
    cursor: pointer;
    color: #334155;
    text-decoration: none;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    letter-spacing: -0.01em;
}

.zetlink-sites-catalog .zetlink-wsm-catalog-toggle__opt:hover:not(.zetlink-wsm-catalog-toggle__opt--active) {
	color: var(--sc-text);
	background: rgba(255, 255, 255, 0.6);
}

.zetlink-sites-catalog .zetlink-wsm-catalog-toggle__opt--active,
.zetlink-sites-catalog .zetlink-wsm-catalog-toggle__opt:has(.zetlink-wsm-catalog-toggle__input:checked),
.zetlink-sites-catalog .zetlink-wsm-catalog-toggle--header a.zetlink-wsm-catalog-toggle__opt--active {
	background: var(--sc-grad-primary);
    color: #fff !important;
    box-shadow: 0 4px 12px -2px rgba(79, 70, 229, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    font-size: 14px;
}

.zetlink-sites-catalog .zetlink-wsm-catalog-toggle__opt .badge {
	font-size: 0.66rem;
	padding: 0.22em 0.55em;
	border-radius: 999px;
	margin-left: 0.3rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	font-variant-numeric: tabular-nums;
}

.zetlink-sites-catalog .zetlink-wsm-catalog-toggle__opt--active .badge {
	background: rgba(255, 255, 255, 0.28) !important;
    color: #fff !important;
    font: size 16px;
    font-weight: 900;
}

.zetlink-sites-catalog .zetlink-wsm-catalog-toggle__opt:not(.zetlink-wsm-catalog-toggle__opt--active) .badge {
    background: rgba(255, 255, 255, 0.85) !important;
    color: var(--sc-text) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    font-size: 14px;
    font-weight: 900;
}


.zetlink-sites-catalog .zetlink-wsm-catalog-toggle__input {
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

.zetlink-sites-catalog .zl-toggle-icon-mini {
	width: 12px; height: 12px;
	display: inline-flex; align-items: center; justify-content: center;
	flex-shrink: 0; opacity: 0.85;
}
.zetlink-sites-catalog .zl-toggle-icon-mini svg { width: 100%; height: 100%; }
.zetlink-sites-catalog .zetlink-wsm-catalog-toggle__opt--active .zl-toggle-icon-mini { opacity: 1; }

/* ============================================================================
   📦 CATEGORY GRID · GLASS CARDS WITH NICHE COLORS
============================================================================ */
.zl-categories { margin-bottom: 1rem; }

.zl-categories__head {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin-bottom: 0.7rem;
	padding: 0 0.15rem;
}

.zl-categories__title {
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	font-size: 0.95rem;
	font-weight: 800;
	letter-spacing: -0.015em;
	margin: 0;
	color: var(--sc-text);
	display: flex;
	align-items: center;
	gap: 0.45rem;
}

.zl-categories__title-icon {
	width: 22px; height: 22px;
	display: grid; place-items: center;
	background: var(--sc-grad-primary);
	border-radius: 6px;
	color: #fff;
	box-shadow: 0 3px 8px rgba(15, 23, 42, 0.32);
}

.zl-categories__title-icon svg { width: 11px; height: 11px; }

.zl-categories__subtitle {
	font-size: 0.78rem;
	color: var(--sc-muted);
	margin: 0;
	font-weight: 500;
}

.zetlink-sites-catalog__category-card {
	background: transparent;
	border: none;
	padding: 0;
	margin-bottom: 1rem;
	box-shadow: none;
}

.zetlink-sites-catalog__category-tabs {
	margin: 0; padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.55rem;
}

.zetlink-sites-catalog__category-tabs .nav-item { margin: 0; }

/* Glass category card */
.zetlink-sites-catalog__category-tabs .nav-link,
.zetlink-sites-catalog__category-link {
	display: flex !important;
	align-items: center;
	gap: 0.65rem;
	padding: 0.7rem 0.85rem !important;
	border-radius: 12px !important;
	font-size: 0.82rem !important;
	font-weight: 700 !important;
	color: var(--sc-text) !important;
	background: var(--sc-glass) !important;
	border: 1px solid var(--sc-glass-border) !important;
	white-space: nowrap;
	letter-spacing: -0.01em;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
	box-shadow: 0 2px 8px -2px rgba(15, 23, 42, 0.06);
	text-decoration: none;
	min-height: 60px;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
.zetlink-sites-catalog__category-link{
	padding: 0.3rem 0.85rem !important;
}

.zetlink-sites-catalog__category-link::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--accent-grad, var(--sc-grad-primary));
	opacity: 0;
	transition: opacity 0.25s ease;
	z-index: 0;
}

.zetlink-sites-catalog__category-link > * { position: relative; z-index: 1; }

.zetlink-sites-catalog__category-tabs .nav-link:hover,
.zetlink-sites-catalog__category-link:hover {
	transform: translateY(-2px);
	background: var(--sc-glass-hover) !important;
	box-shadow: 0 8px 18px -6px var(--accent-color, rgba(15, 23, 42, 0.3));
}



.zetlink-sites-catalog__category-link.active::before { opacity: 1; }

/* Niche-color icon */
.zetlink-cat-icon {
	width: 32px; height: 32px;
	flex-shrink: 0;
	display: grid; place-items: center;
	color: var(--accent-color, var(--sc-blue));
	background: color-mix(in srgb, var(--accent-color, #4f46e5) 14%, transparent);
	border-radius: 9px;
	transition: all 0.25s ease;
}

.zetlink-cat-icon svg { width: 15px; height: 15px; stroke-width: 2.2; }

.zetlink-sites-catalog__category-link:hover .zetlink-cat-icon {
	transform: scale(1.06) rotate(-4deg);
	background: color-mix(in srgb, var(--accent-color, #4f46e5) 22%, transparent);
}

.zetlink-sites-catalog__category-link.active .zetlink-cat-icon {
	background: rgba(255, 255, 255, 0.22);
	color: #fff;
	backdrop-filter: blur(4px);
}

.zetlink-cat-label {
	flex: 1;
	min-width: 0;
	font-size: 0.815rem;
	font-weight: 600;
	letter-spacing: -0.01em;
	color: inherit;
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
}
.active .zetlink-cat-label{
    color: #fff;
}

/* Big bold count number */
.zetlink-sites-catalog__category-tabs .nav-link .badge,
.zetlink-sites-catalog__category-link .badge {
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	font-size: 0.95rem !important;
	font-weight: 800 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	letter-spacing: -0.02em;
	background: transparent !important;
	color: var(--accent-color, var(--sc-blue)) !important;
	font-variant-numeric: tabular-nums;
	flex-shrink: 0;
}

.zetlink-sites-catalog__category-tabs .nav-link.active .badge,
.zetlink-sites-catalog__category-link.active .badge {
	color: #000 !important;
}

/* Per-category accent palette — matches the indigo/rose/emerald/sky/violet/amber family */
.zl-accent-orange  { --accent-color: #d97706; --accent-grad: linear-gradient(135deg, #f59e0b, #d97706); }
.zl-accent-blue    { --accent-color: #0284c7; --accent-grad: linear-gradient(135deg, #0ea5e9, #0284c7); }
.zl-accent-purple  { --accent-color: #7c3aed; --accent-grad: linear-gradient(135deg, #8b5cf6, #7c3aed); }
.zl-accent-cyan    { --accent-color: #0284c7; --accent-grad: linear-gradient(135deg, #0ea5e9, #0284c7); }
.zl-accent-emerald { --accent-color: #059669; --accent-grad: linear-gradient(135deg, #10b981, #059669); }
.zl-accent-pink    { --accent-color: #e11d48; --accent-grad: linear-gradient(135deg, #fb7185, #e11d48); }
.zl-accent-red     { --accent-color: #dc2626; --accent-grad: linear-gradient(135deg, #f87171, #dc2626); }

/* ============================================================================
   📊 CATALOG BODY · CARD CONTAINER
============================================================================ */
.zetlink-sites-catalog__card { display: none; }

.zetlink-sites-catalog__card-body {
	padding: 0;
	background: #ffffff;
	border-radius: var(--sc-radius-lg);
	border: 1px solid #e7e5f5;
	box-shadow: var(--sc-shadow-sm);
	overflow: hidden;
	position: relative;
	min-height: 200px;
}
.zetlink-sites-catalog .zetlink-wsm-results-toolbar__range, .zetlink-sites-catalog .zetlink-wsm-results-toolbar__total {
    color: #060336;
    font-weight: 600;
    font-size: 15px;
}
.zetlink-sites-catalog__card-body .wsm-websites-grid { padding: 0; }

.zetlink-sites-catalog .wsm-websites-grid__row {
	display: flex; flex-direction: column; gap: 0;
}

.zetlink-sites-catalog .wsm-websites-grid__filter { order: -1; margin-bottom: 0 !important; }
.zetlink-sites-catalog .wsm-websites-grid__websites { width: 100%; min-width: 0; }

/* ============================================================================
   FILTER BAR
   Quick-filter chips + traffic slider are intentionally hidden — the category
   chips above the table already cover that ground; keep the markup (JS still
   wires it up if re-enabled) but don't render it.
============================================================================ */
.zetlink-wsm-quick-filters,
.zetlink-wsm-traffic-bar { display: none !important; }

.zetlink-sites-catalog .zetlink-wsm-filter-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	align-items: center;
	margin: 0;
	padding: 1rem;
	border-bottom: 1px solid #eef0f7;
}

.zetlink-sites-catalog .wsm-filter__input-wrap {
	flex: 1 1 160px;
	min-width: 140px;
	max-width: 100%;
}

.zetlink-sites-catalog .wsm-filter__input-wrap--budget { max-width: 180px; }

.zetlink-sites-catalog .wsm-filter__input-wrap select,
.zetlink-sites-catalog .wsm-filter__input-wrap input {
	width: 100%;
	height: 54px;
	min-height: 54px;
	padding: 0 42px 0 20px;

	font-family: Outfit, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -0.01em;
	color: #111111;

	border: 1px solid #d7dadd;
	border-radius: 6px;
	background-color: #ffffff;
	box-shadow: 0 2px 5px rgba(15, 23, 42, 0.07);

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 14px 14px;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	white-space: nowrap;
	cursor: pointer;

	transition:
		border-color 0.15s ease,
		box-shadow 0.15s ease,
		background-color 0.15s ease;
}

.zetlink-sites-catalog .wsm-filter__input-wrap input {
	padding-right: 1rem;
	background-image: none;
	cursor: text;
}

.zetlink-sites-catalog .wsm-filter__input-wrap select:hover,
.zetlink-sites-catalog .wsm-filter__input-wrap input:hover {
	border-color: #e2e8f0;
	background-color: #ffffff;
}

.zetlink-sites-catalog .wsm-filter__input-wrap select:focus,
.zetlink-sites-catalog .wsm-filter__input-wrap input:focus {
	outline: none;
	border-color: #ff6b3d;
	background-color: #ffffff;
	box-shadow: 0 0 0 3px rgba(255, 107, 61, 0.14);
}

.zetlink-sites-catalog .wsm-filter__input-wrap select option {
	font-family: "Poppins", Inter, sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #111111;
	background: #ffffff;
}

.zetlink-sites-catalog .wsm-filter__input-wrap input::placeholder {
	color: #111111;
	opacity: 1;
}

/* Country Select2 একই design */
.zetlink-sites-catalog
.select2-container--default
.select2-selection--single {
	height: 54px;
	border: 1px solid #d7dadd;
	border-radius: 6px;
	background: #ffffff;
	box-shadow: 0 2px 5px rgba(15, 23, 42, 0.07);
}

.zetlink-sites-catalog
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
	padding: 0 42px 0 20px;
	font-family: "Poppins", Inter, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 52px;
	color: #111111;
}

.zetlink-sites-catalog
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
	top: 0;
	right: 10px;
	height: 52px;
}

/* Mobile filter toggle button (hidden ≥769px, see responsive block) */
.zl-mobile-filter-toggle {
	display: none;
	width: 100%;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 48px;
	margin: 0.75rem 1rem;
	border: 1.5px solid #e2e4f0;
	border-radius: 10px;
	background: #f8f8fc;
	color: var(--sc-text);
	font: inherit;
	font-size: 0.85rem;
	font-weight: 700;
	cursor: pointer;
}

/* ============================================================================
   RESULTS TOOLBAR
============================================================================ */
.zetlink-sites-catalog .zetlink-wsm-results-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.6rem 0.75rem;
	padding: 0.85rem 1rem;
	background: #fafafe;
	border-bottom: 1px solid #eef0f7;
}

.zetlink-sites-catalog .zetlink-wsm-results-toolbar__summary {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 600;
    color: #021023;
    flex: 1 1 auto;
    font-size: 15px;
    font-weight: 600;
}



.zetlink-sites-catalog .zetlink-wsm-results-toolbar__center {
	flex: 1 1 260px;
	min-width: 0;
}

.zetlink-sites-catalog .zetlink-wsm-results-toolbar__right {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
	flex: 0 1 auto;
	min-width: 0;
}

.zetlink-sites-catalog .zetlink-wsm-results-toolbar__selects {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	min-width: 0;
}

.zetlink-sites-catalog .zetlink-wsm-toolbar-search-wrap {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.4rem;
	width: 100%;
	min-height: 44px;
	padding: 0 1.1rem 0 2.1rem;
	border: 1.5px solid #e2e4f0;
	border-radius: 999px;
	background: #f8f8fc;
	transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.zetlink-sites-catalog .zetlink-wsm-toolbar-search-wrap:hover { background: #ffffff; border-color: #e2e8f0; }

.zetlink-sites-catalog .zetlink-wsm-toolbar-search-wrap:focus-within {
	border-color: var(--sc-purple);
	background: #ffffff;
	box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.14);
}

.zetlink-sites-catalog .zetlink-wsm-toolbar-search-icon { display: none; color: var(--sc-muted-soft); flex-shrink: 0; }
.zetlink-sites-catalog .zetlink-wsm-toolbar-search-icon svg { width: 15px; height: 15px; }
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th .zl-help, .zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th .zl-help {
    width: 15px;
    height: 15px;
    font-size: 10px;
    line-height: 15px;
    display: none;
}

.zetlink-sites-catalog .zetlink-wsm-toolbar-search-wrap input {
	flex: 1;
	min-width: 0;
	font-size: 0.88rem;
	font-weight: 500;
	color: var(--sc-text);
	padding: 0.6rem 0;
	border: none;
	outline: none;
	background: transparent;
}

.zetlink-sites-catalog .zetlink-wsm-toolbar-search-wrap input::placeholder { color: #9ca3af; font-weight: 500; }

/* Per-page & sort dropdowns */
.zetlink-sites-catalog .zetlink-wsm-toolbar-per-page,
.zetlink-sites-catalog .zetlink-wsm-toolbar-sort {
	min-width: 0;
	flex: 1 1 150px;
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--sc-text);
	border-radius: 999px;
	border: 1.5px solid #e2e4f0;
	padding: 0.55rem 2rem 0.55rem 1rem;
	background: #f8f8fc;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 11px 11px;
	cursor: pointer;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

.zetlink-sites-catalog .zetlink-wsm-toolbar-per-page:hover,
.zetlink-sites-catalog .zetlink-wsm-toolbar-sort:hover { border-color: #e2e8f0; background-color: #ffffff; }

.zetlink-sites-catalog .zetlink-wsm-toolbar-per-page:focus,
.zetlink-sites-catalog .zetlink-wsm-toolbar-sort:focus {
	outline: none; border-color: var(--sc-purple);
	box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.14);
}

/* Bulk Search button */
.zetlink-sites-catalog .zetlink-wsm-bulk-search-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	background: var(--sc-grad-primary);
	color: #fff;
	border: none;
	font-weight: 700;
	font-size: 0.78rem;
	letter-spacing: 0.06em;
	padding: 0 1.2rem;
	border-radius: 999px;
	cursor: pointer;
	text-transform: uppercase;
	min-height: 42px;
	flex-shrink: 0;
	transition: filter 0.15s ease;
}

.zetlink-sites-catalog .zetlink-wsm-bulk-search-btn::before {
	content: ""; width: 13px; height: 13px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat center / contain;
}

.zetlink-sites-catalog .zetlink-wsm-bulk-search-btn:hover { filter: brightness(1.1); }

/* ============================================================================
   TABLE
   .zetlink-wsm-col-website / -rules / -da / -dr / -traffic / -niche /
   -links / -publish / -price / -special / -actions
============================================================================ */
.zetlink-sites-catalog .wsm-websites-grid .zetlink-wsm-table-card {
	border-radius: 0;
	border: none;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	background: #ffffff;
	margin: 0;
}

.zetlink-sites-catalog .zetlink-wsm-websites-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 0.82rem;
}

.zetlink-sites-catalog .zetlink-wsm-websites-table thead th {
	position: sticky;
    top: 0;
    z-index: 2;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #334155;
    white-space: normal;
    text-align: left;
    padding: 0.65rem 0.55rem;
    background: #f8f8fc;
    border-bottom: 1.5px solid #eef0f7;
}

.zetlink-sites-catalog .zetlink-wsm-th--sortable {
	cursor: pointer;
	user-select: none;
	transition: color 0.15s ease;
}
.zetlink-sites-catalog .zetlink-wsm-th--sortable:hover,
.zetlink-sites-catalog .zetlink-wsm-th--sortable:focus-visible { color: var(--sc-purple); }
.zetlink-sites-catalog .zetlink-wsm-th--sortable:focus-visible { outline: 2px solid var(--sc-purple); outline-offset: 2px; }

.zetlink-sites-catalog .zetlink-wsm-sort-icon {
	display: inline-block;
	margin-left: 0.3rem;
	font-size: 0.7rem;
	color: #cbd5e1;
	vertical-align: middle;
}
.zetlink-sites-catalog .zetlink-wsm-sort-icon::before { content: '';
    display: inline-block;
    width: 0.35rem;
    height: 0.35rem;
    margin-left: 0.3rem;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    vertical-align: 0.15em;
}

.zetlink-sites-catalog .zetlink-wsm-websites-table tbody tr { transition: background-color 0.12s ease; }
.zetlink-sites-catalog .zetlink-wsm-websites-table tbody tr:hover { background: #faf9ff; }

.zetlink-sites-catalog .zetlink-wsm-websites-table tbody td {
	padding: 0.55rem 0.55rem;
	vertical-align: middle;
	border-bottom: 1px solid #f1f1f8;
	font-weight: 600;
	color: var(--sc-text-2);
	font-size: 0.82rem;
	font-weight: 800;
}

.zetlink-sites-catalog .zetlink-wsm-websites-table tbody tr:last-child td { border-bottom: none; }

.zl-site-favicon { display: none; }

/* ============================================================================
   COLUMN: WEBSITE
============================================================================ */
.zetlink-sites-catalog .zetlink-wsm-col-website { min-width: 150px; }

.zetlink-sites-catalog .zl-site-row { display: flex; align-items: center; gap: 0.6rem; width: 100%; min-width: 0; }
.zetlink-sites-catalog .zl-site-meta { flex: 1 1 auto; min-width: 0; }

.zetlink-sites-catalog .zetlink-wsm-domain-link {
	display: inline-block;
	color: var(--sc-purple);
	font-weight: 700;
	text-decoration: none;
	font-size: 0.88rem;
	line-height: 1.3;
	letter-spacing: -0.005em;
	transition: color 0.15s ease;
}

.zetlink-sites-catalog .zetlink-wsm-domain-link:hover { color: var(--sc-blue-hover); text-decoration: underline; }

.zetlink-sites-catalog .zetlink-wsm-new-badge {
	display: inline-block; margin-left: 6px;
	font-size: 9px; font-weight: 700; letter-spacing: 0.05em;
	padding: 2px 6px; border-radius: 999px;
	background: #fef3c7; color: #b45309;
	vertical-align: middle;
	    text-transform: uppercase;
}

/* ============================================================================
   COLUMN: RULES
============================================================================ */
.zetlink-sites-catalog .zetlink-wsm-col-rules { min-width: 78px; }

.zetlink-sites-catalog .zetlink-wsm-view-rules {
	display: inline-flex; align-items: center; gap: 0.3rem;
	padding: 0.35rem 0.6rem;
	font: inherit;
	font-size: 0.7rem; font-weight: 700;
	color: var(--sc-purple); background: var(--sc-purple-soft);
	border: none; border-radius: 999px;
	white-space: nowrap; cursor: pointer;
	transition: background-color 0.15s ease;
}

.zetlink-sites-catalog .zetlink-wsm-view-rules:hover { background: #ede9fe; }
.zetlink-sites-catalog .zetlink-wsm-view-rules__caret { font-size: 0.6rem; opacity: 0.8; }

/* ============================================================================
   COLUMN: DA / DR
============================================================================ */
.zetlink-sites-catalog .zetlink-wsm-col-da,
.zetlink-sites-catalog .zetlink-wsm-col-dr { width: 48px; text-align: center; }

.zetlink-sites-catalog .zetlink-wsm-metric-badge {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 1.9rem; padding: 0.25rem 0.5rem;
	font-size: 0.78rem; font-weight: 800;
	border-radius: 7px; line-height: 1.1;
	font-variant-numeric: tabular-nums;
}

/* DA / DR — score-driven progress RING, same design as the public /sites/
   catalog (sites-catalog-rif2026.css) and the Create Order table
   (create-order-premium.css): DA = green fill, DR = orange fill, fill amount
   = the score %. applyFavicons() stamps --score (0-100) on each badge.
   Fallback (before JS runs / no score) = flat blue pill. */
.zetlink-sites-catalog .zetlink-wsm-metric-badge--da,
.zetlink-sites-catalog .zetlink-wsm-metric-badge--dr {
	background: var(--sc-blue-soft);
	color: var(--sc-blue);
}
.zetlink-sites-catalog .zetlink-wsm-metric-badge--da[style*="--score"],
.zetlink-sites-catalog .zetlink-wsm-metric-badge--dr[style*="--score"] {
	width: 34px;
	height: 34px;
	min-width: 34px;
	padding: 0;
	border-radius: 50%;
	font-size: 11px;
	font-weight: 600;
	color: #172742;
}
.zetlink-sites-catalog .zetlink-wsm-metric-badge--da[style*="--score"] {
	background:
		radial-gradient(closest-side, #fff calc(100% - 4px), transparent calc(100% - 4px)),
		conic-gradient(#4dbdeb calc(var(--score) * 1%), #e5e9ef 0);
}
.zetlink-sites-catalog .zetlink-wsm-metric-badge--dr[style*="--score"] {
	background:
		radial-gradient(closest-side, #fff calc(100% - 4px), transparent calc(100% - 4px)),
		conic-gradient(#f57c0c calc(var(--score) * 1%), #e5e9ef 0);
}

/* ============================================================================
   COLUMN: TRAFFIC
============================================================================ */
.zetlink-sites-catalog .zetlink-wsm-col-traffic {
	color: var(--sc-text);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	min-width: 64px;
}

.zetlink-sites-catalog .zetlink-wsm-col-traffic img,
.zetlink-sites-catalog .zetlink-wsm-col-traffic svg,
.zetlink-sites-catalog .zl-flag {
	display: inline-block; vertical-align: middle;
	margin-right: 4px; max-height: 14px; width: auto; border-radius: 2px;
}

/* ============================================================================
   COLUMN: NICHE
============================================================================ */
.zetlink-sites-catalog .zetlink-wsm-col-niche { font-size: 0.72rem; max-width: 150px; line-height: 1.5; }

.zetlink-sites-catalog .zetlink-wsm-col-niche a {
	display: inline-block;
	margin: 0.08rem 0.15rem 0.08rem 0;
	padding: 0.18rem 0.45rem;
	background: var(--sc-secondary, #f1f5f9);
	color: #475569;
	border-radius: 999px;
	text-decoration: none;
	font-weight: 700;
	font-size: 0.68rem;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.zetlink-sites-catalog .zetlink-wsm-col-niche a:hover { background: var(--sc-purple-soft); color: var(--sc-purple); }

/* ============================================================================
   COLUMN: BACKLINKS
============================================================================ */
.zetlink-sites-catalog .zetlink-wsm-col-links {
	font-weight: 700;
	color: var(--sc-text);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	min-width: 78px;
}

.zetlink-sites-catalog .zetlink-wsm-col-links span {
	background: rgba(16, 185, 129, 0.12);
	color: #047857;
	font-weight: 700;
	font-size: 9px;
	margin-left: 4px;
	padding: 0.2rem 0.45rem;
	border-radius: 999px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.zetlink-sites-catalog .zetlink-wsm-col-links span:empty { display: none; }
.zetlink-sites-catalog .zetlink-wsm-col-links span[data-type="nofollow"] { background: rgba(239, 68, 68, 0.12); color: #b91c1c; }
.zetlink-sites-catalog .zetlink-wsm-col-links span[data-type="ugc"] { background: rgba(6, 182, 212, 0.12); color: #0e7490; }
.zetlink-sites-catalog .zetlink-wsm-col-links span[data-type="sponsored"] { background: rgba(245, 158, 11, 0.14); color: #92400e; }

/* ============================================================================
   COLUMN: DELIVERY
============================================================================ */
.zetlink-sites-catalog .zetlink-wsm-col-publish { text-align: center; min-width: 70px; }

.zetlink-sites-catalog .zetlink-wsm-col-publish span {
	background: var(--sc-amber, #f59e0b);
	background: rgba(245, 158, 11, 0.14);
	color: #92400e;
	padding: 0.25rem 0.6rem;
	border-radius: 999px;
	display: inline-flex; align-items: center; gap: 4px;
	font-weight: 700;
	font-size: 9.5px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.zetlink-sites-catalog .zl-publish-icon { font-size: 9px; }
.zetlink-sites-catalog .zl-publish-icon:empty:not(.fa-solid) { display: none; }

/* ============================================================================
   COLUMN: PRICE (general + special) — logged-in only, columns never render
   for guests (see WebsitesGrid::render_table_head_html / show_single_site_box)
============================================================================ */
.zetlink-sites-catalog .zetlink-wsm-col-price,
.zetlink-sites-catalog .zetlink-wsm-col-special {
	font-weight: 600;
	color: var(--sc-purple);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	min-width: 66px;
}

.zetlink-sites-catalog .zetlink-wsm-col-price .woocommerce-Price-amount,
.zetlink-sites-catalog .zetlink-wsm-col-special .woocommerce-Price-amount {
	color: var(--sc-purple);
	font-size: 0.85rem;
	font-weight: 700;
}

/* "Was price" cut — only rendered when the viewer's own role markup for this
   publisher is negative (see WebsitesGrid::show_single_site_box). Applies to
   both the General and Special price cells. */
.zetlink-sites-catalog .zetlink-wsm-col-price .wsm-price-was-row,
.zetlink-sites-catalog .zetlink-wsm-col-special .wsm-price-was-row {
	display: flex;
	align-items: center;
	gap: 5px;
	white-space: nowrap;
	line-height: 1;
	margin-bottom: 3px;
}
.zetlink-sites-catalog .zetlink-wsm-col-price .wsm-price-was,
.zetlink-sites-catalog .zetlink-wsm-col-special .wsm-price-was {
	font-size: 0.72rem;
	font-weight: 600;
	color: #9ca3af;
	font-variant-numeric: tabular-nums;
}
.zetlink-sites-catalog .zetlink-wsm-col-price .wsm-price-was .woocommerce-Price-amount,
.zetlink-sites-catalog .zetlink-wsm-col-special .wsm-price-was .woocommerce-Price-amount {
	color: #9ca3af;
	font-size: 0.72rem;
	font-weight: 600;
	text-decoration: line-through;
	text-decoration-color: #f87171;
	text-decoration-thickness: 1.5px;
}
/* ============================================================================
   COLUMN: ACTIONS
============================================================================ */
.zetlink-sites-catalog .zetlink-wsm-col-actions { min-width: 92px; text-align: right; }

.zetlink-sites-catalog .zetlink-wsm-order-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	background: var(--sc-grad-primary);
	border: none;
	font-weight: 700;
	font-size: 0.72rem;
	padding: 0.45rem 0.8rem;
	border-radius: 999px;
	color: #fff;
	transition: filter 0.15s ease;
	text-decoration: none;
	white-space: nowrap;
}

.zetlink-sites-catalog .zetlink-wsm-order-btn svg { width: 11px; height: 11px; flex-shrink: 0; }
.zetlink-sites-catalog .zetlink-wsm-order-btn:hover { color: #fff; filter: brightness(1.08); }

/* ============================================================================
   PAGINATION
============================================================================ */
.zetlink-sites-catalog .wsm-sites__pagination--grid {
	display: flex; flex-direction: column;
	align-items: center; justify-content: center;
	padding: 1rem;
	background: #fafafe;
	border-top: 1px solid #eef0f7;
}

.zetlink-sites-catalog .wsm-sites__pagination__inner {
	display: flex; flex-wrap: wrap;
	align-items: center; justify-content: center;
	gap: 0.3rem; width: 100%;
}

.zetlink-sites-catalog .wsm-sites__pagination__item,
.zetlink-sites-catalog .wsm-sites__pagination__nav-btn {
	border-radius: 8px;
	border: 1.5px solid #e2e4f0;
	min-width: 2.2rem; height: 2.2rem;
	display: inline-flex; align-items: center; justify-content: center;
	padding: 0 0.5rem;
	background: #ffffff;
	font-weight: 700; font-size: 0.82rem;
	color: var(--sc-text);
	font-variant-numeric: tabular-nums;
	text-decoration: none;
	cursor: pointer;
	transition: border-color 0.15s ease, color 0.15s ease;
}

.zetlink-sites-catalog .wsm-sites__pagination__item:hover,
.zetlink-sites-catalog .wsm-sites__pagination__nav-btn:hover { border-color: var(--sc-purple); color: var(--sc-purple); }

.zetlink-sites-catalog .wsm-sites__pagination__item--active {
	background: var(--sc-grad-primary);
	border-color: transparent;
	color: #fff;
}

.zetlink-sites-catalog .wsm-sites__pagination__item--active strong { color: #fff; }

.zetlink-sites-catalog .wsm-sites__pagination__gap {
	display: inline-flex; align-items: center;
	padding: 0 0.2rem;
	color: var(--sc-muted); font-weight: 800;
}

.zetlink-sites-catalog .wsm-sites__pagination__meta {
	width: 100%; text-align: center;
	margin-top: 0.5rem; color: var(--sc-muted);
	font-size: 0.8rem; font-weight: 600;
}

.zetlink-sites-catalog .zetlink-wsm-no-results {
	padding: 2.5rem 1rem;
	text-align: center;
	color: var(--sc-muted);
	font-size: 0.9rem;
	font-weight: 600;
}

/* ============================================================================
   GUEST POSTING RULES POPOVER · GLASS
============================================================================ */
.zetlink-wsm-rules-popover {
	position: fixed; z-index: 100050; margin: 0; padding: 0; box-sizing: border-box;
}
.zetlink-wsm-rules-popover[hidden] { display: none !important; }

.zetlink-wsm-rules-popover__panel {
	width: min(20rem, calc(100vw - 1.5rem));
	max-height: min(24rem, 70vh);
	display: flex; flex-direction: column;
	background: rgba(255, 255, 255, 0.92);
	border-radius: var(--sc-radius);
	border: 1px solid var(--sc-glass-border-strong);
	box-shadow: 0 20px 50px rgba(15, 23, 42, 0.22);
	overflow: hidden;
	overscroll-behavior: contain;
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.zetlink-wsm-rules-popover__header {
	display: flex; align-items: center; gap: 0.5rem;
	padding: 0.85rem 1rem;
	flex-shrink: 0;
	background: var(--sc-grad-primary);
	color: #fff;
}

.zetlink-wsm-rules-popover__header-icon { display: flex; color: #fff; flex-shrink: 0; }
.zetlink-wsm-rules-popover__header-icon svg { width: 1.1rem; height: 1.1rem; }

.zetlink-wsm-rules-popover__title {
	margin: 0; flex: 1; min-width: 0;
	font-size: 0.92rem; font-weight: 800;
	color: #fff; line-height: 1.3; letter-spacing: -0.01em;
}

.zetlink-wsm-rules-popover__close {
	flex-shrink: 0; width: 1.85rem; height: 1.85rem;
	margin: 0; padding: 0; border: none;
	border-radius: 7px;
	background: rgba(255, 255, 255, 0.18);
	color: #fff; font-size: 1.25rem; line-height: 1;
	cursor: pointer; transition: all 0.15s;
}

.zetlink-wsm-rules-popover__close:hover {
	background: rgba(255, 255, 255, 0.3);
	transform: scale(1.05);
}

.zetlink-wsm-rules-popover__body {
	padding: 0.55rem 1rem 0.85rem;
	overflow-y: auto; overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	flex: 1 1 auto; min-height: 0;
	overscroll-behavior: contain; touch-action: pan-y;
	scrollbar-gutter: stable;
}

.zetlink-wsm-rules-popover__list { margin: 0; padding: 0; list-style: none; }

.zetlink-wsm-rules-popover__item {
	display: flex; align-items: flex-start; gap: 0.55rem;
	padding: 0.55rem 0;
	font-size: 0.815rem; line-height: 1.5;
	color: var(--sc-text); font-weight: 500;
	border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.zetlink-wsm-rules-popover__item:last-child { border-bottom: none; }

.zetlink-wsm-rules-popover__check {
	flex-shrink: 0; margin-top: 0.1rem;
	width: 1rem; height: 1rem;
	display: inline-flex; align-items: center; justify-content: center;
	background: #16a34a;
	border-radius: 999px; color: #fff;
	box-shadow: 0 2px 4px rgba(5, 150, 105, 0.3);
}
.zetlink-wsm-rules-popover__check svg { display: block; width: 0.6rem; height: 0.6rem; }

.zetlink-wsm-rules-popover__text { flex: 1; min-width: 0; }

.zetlink-wsm-rules-popover__loading,
.zetlink-wsm-rules-popover__empty {
	padding: 0.85rem 0;
	font-size: 0.82rem; color: var(--sc-muted);
	text-align: center; font-weight: 500;
}

/* ============================================================================
   LOGIN NOTICE · SOFT AMBER GLASS
============================================================================ */
.zetlink-sites-catalog__login-notice {
	display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 5px 8px;
    margin-bottom: 0px;
    border-radius: var(--sc-radius);
    background: #fffbeb;
    border: 1px solid #fde68a;
    font-size: 0.82rem;
    font-weight: 600;
    color: #92400e;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.zetlink-sites-catalog__login-notice::before {
	content: ""; position: absolute;
	top: -40%; right: -10%;
	width: 200px; height: 200px;
	background: transparent;
	border-radius: 50%; pointer-events: none;
}

.zetlink-sites-catalog__login-notice svg {
	flex-shrink: 0; color: #b45309;
	width: 16px; height: 16px;
	position: relative; z-index: 1;
}

.zetlink-sites-catalog__login-link {
    margin-left: auto;
    padding: 0.4rem 0.95rem;
    border-radius: 999px;
    background: var(--sc-grad-primary);
    color: #fff !important;
    font-weight: 700;
    font-size: 0.78rem;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.18s ease;
    position: relative;
    z-index: 1;
    box-shadow: 0 3px 8px -2px rgba(79, 70, 229, 0.4);
}

.zetlink-sites-catalog__login-link:hover {
	opacity: .92;
	color: #fff !important;
	transform: translateY(-1px);
}

/* ============================================================================
   GUEST MARKETPLACE LOGIN GATE — shown instead of rows on page 2+
============================================================================ */
.zetlink-sites-catalog .zetlink-wsm-login-gate {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 3rem 1.5rem;
	gap: 0.6rem;
}

.zetlink-sites-catalog .zetlink-wsm-login-gate__icon {
	width: 56px;
	height: 56px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--sc-purple-soft);
	color: var(--sc-purple);
	margin-bottom: 0.4rem;
}

.zetlink-sites-catalog .zetlink-wsm-login-gate__icon svg { width: 24px; height: 24px; }

.zetlink-sites-catalog .zetlink-wsm-login-gate__title {
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--sc-text);
	margin: 0;
}

.zetlink-sites-catalog .zetlink-wsm-login-gate__desc {
	font-size: 0.85rem;
	color: var(--sc-muted);
	max-width: 380px;
	margin: 0;
	line-height: 1.6;
}

.zetlink-sites-catalog .zetlink-wsm-login-gate__btn {
	display: inline-flex;
	align-items: center;
	margin-top: 0.6rem;
	padding: 0.7rem 1.6rem;
	border-radius: 999px;
	background: var(--sc-grad-primary);
	color: #fff !important;
	font-weight: 700;
	font-size: 0.85rem;
	text-decoration: none;
	box-shadow: 0 4px 14px -2px rgba(79, 70, 229, 0.4);
	transition: transform 0.18s ease, opacity 0.18s ease;
}

.zetlink-sites-catalog .zetlink-wsm-login-gate__btn:hover {
	transform: translateY(-1px);
	opacity: .92;
	color: #fff !important;
}

/* ============================================================================
   BULK SEARCH MODAL · GLASS
============================================================================ */
html.zetlink-bulk-modal-open,
html.zetlink-bulk-modal-open body { overflow: hidden !important; }

.zetlink-bulk-modal {
	position: fixed; inset: 0; z-index: 100060;
	display: flex; align-items: center; justify-content: center;
	padding: 1rem; box-sizing: border-box;
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.zetlink-bulk-modal[hidden] { display: none !important; }

.zetlink-bulk-modal__backdrop {
	position: absolute; inset: 0;
	background: rgba(15, 23, 42, 0.55);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	cursor: pointer;
}

.zetlink-bulk-modal__panel {
	position: relative; z-index: 1;
	width: 100%; max-width: 560px;
	background: rgba(255, 255, 255, 0.95);
	border-radius: var(--sc-radius-lg);
	box-shadow: 0 24px 60px rgba(15, 23, 42, 0.32);
	display: flex; flex-direction: column; overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(20px);
}

.zetlink-bulk-modal__head {
	display: flex; align-items: center; gap: 0.65rem;
	padding: 1rem 1.35rem;
	background: var(--sc-grad-primary);
	color: #fff; flex-shrink: 0;
}

.zetlink-bulk-modal__head svg { flex-shrink: 0; opacity: 0.95; }

.zetlink-bulk-modal__title {
	flex: 1; margin: 0;
	font-size: 1.05rem; font-weight: 800;
	color: #fff; letter-spacing: -0.015em;
}

.zetlink-bulk-modal__head .zetlink-bulk-modal__close {
	flex: 0 0 2rem !important;
	width: 2rem !important;
	min-width: 2rem !important;
	max-width: 2rem !important;
	height: 2rem !important;
	min-height: 2rem !important;
	padding: 0 !important;
	margin: 0 0 0 auto !important;
	box-sizing: border-box !important;

	display: inline-flex !important;
	align-items: center;
	justify-content: center;

	background: rgba(255, 255, 255, 0.2);
	border: 0;
	border-radius: 8px;
	color: #fff;
	font-size: 1.3rem;
	line-height: 1;
	cursor: pointer;
	transition: all 0.15s ease;
}

.zetlink-bulk-modal__close:hover {
	background: rgba(255, 255, 255, 0.32);
	transform: scale(1.05) rotate(90deg);
}

.zetlink-bulk-modal__body { padding: 1.25rem; flex: 1 1 auto; }

.zetlink-bulk-modal__desc {
	margin: 0 0 0.85rem;
	font-size: 0.85rem; color: var(--sc-muted);
	line-height: 1.55; font-weight: 500;
}

.zetlink-bulk-modal__textarea {
	width: 100%; box-sizing: border-box;
	border: 1px solid var(--sc-glass-border-strong);
	border-radius: 10px;
	padding: 0.75rem 0.95rem;
	font-size: 0.82rem;
	font-family: 'JetBrains Mono', monospace;
	line-height: 1.6;
	resize: vertical; min-height: 150px;
	color: var(--sc-text); background: rgba(248, 250, 252, 0.7);
	outline: none; transition: all 0.18s ease;
	backdrop-filter: blur(4px);
}

.zetlink-bulk-modal__textarea:focus {
	border-color: var(--sc-purple);
	box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.12);
	background: #fff;
}

.zetlink-bulk-modal__status {
	margin-top: 0.85rem; padding: 0.7rem 0.95rem;
	border-radius: 9px;
	font-size: 0.815rem; font-weight: 500; line-height: 1.55;
}

.zetlink-bulk-modal__status code {
	background: rgba(0, 0, 0, 0.08);
	padding: 0.13em 0.4em;
	border-radius: 5px;
	font-size: 0.78rem;
	font-family: 'JetBrains Mono', monospace; font-weight: 600;
}

.zetlink-bulk-modal__status--info    { background: rgba(239, 246, 255, 0.85); color: #1e40af; border: 1px solid rgba(191, 219, 254, 0.6); }
.zetlink-bulk-modal__status--success { background: rgba(240, 253, 244, 0.85); color: #166534; border: 1px solid rgba(187, 247, 208, 0.6); }
.zetlink-bulk-modal__status--warn    { background: rgba(255, 251, 235, 0.85); color: #92400e; border: 1px solid rgba(253, 230, 138, 0.6); }
.zetlink-bulk-modal__status--error   { background: rgba(254, 242, 242, 0.85); color: #991b1b; border: 1px solid rgba(254, 202, 202, 0.6); }

.zetlink-bulk-modal__not-found-label { font-weight: 700; }

.zetlink-bulk-modal__foot {
	display: flex; align-items: center; justify-content: flex-end; gap: 0.6rem;
	padding: 0.85rem 1.35rem;
	border-top: 1px solid rgba(15, 23, 42, 0.1);
	background: rgba(248, 250, 252, 0.6); flex-shrink: 0;
}

.zetlink-bulk-modal__cancel {
	padding: 0.55rem 1.15rem;
	font-size: 0.815rem; font-weight: 700;
	border: 1px solid var(--sc-glass-border-strong);
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.85); color: var(--sc-muted);
	cursor: pointer; transition: all 0.15s ease;
}

.zetlink-bulk-modal__cancel:hover {
	background: #fff; color: var(--sc-text);
	border-color: rgba(15, 23, 42, 0.25);
}

.zetlink-bulk-modal__submit {
	padding: 0.55rem 1.35rem;
	font-size: 0.815rem; font-weight: 800;
	letter-spacing: 0.01em;
	border: none; border-radius: 9px;
	background: var(--sc-grad-primary);
	color: #fff; cursor: pointer;
	transition: all 0.18s ease;
	box-shadow: 0 5px 14px -3px rgba(15, 23, 42, 0.45);
}

.zetlink-bulk-modal__submit:hover:not(:disabled) {
	transform: translateY(-1px);
	filter: brightness(1.08);
	box-shadow: 0 8px 18px -3px rgba(15, 23, 42, 0.55);
}

.zetlink-bulk-modal__submit:disabled { opacity: 0.6; cursor: not-allowed; }

/* ============================================================================
   QUICK FILTERS / TRAFFIC BAR (hidden by default but styled if shown)
============================================================================ */
.zetlink-wsm-quick-filters {
	display: flex; flex-wrap: wrap; gap: 0.45rem;
	padding: 0.7rem 0.85rem 0.55rem;
	border-bottom: 1px solid var(--sc-glass-border-strong);
}

.zetlink-wsm-quick-filter-btn {
	display: inline-flex; align-items: center; gap: 0.35rem;
	padding: 0.4rem 0.85rem;
	font-size: 0.78rem; font-weight: 700; line-height: 1;
	border: 1px solid var(--sc-glass-border-strong);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.7); color: var(--sc-text);
	cursor: pointer; transition: all 0.15s ease;
	white-space: nowrap;
	backdrop-filter: blur(4px);
}

.zetlink-wsm-quick-filter-btn:hover {
	border-color: var(--sc-purple); color: var(--sc-purple);
	background: rgba(245, 243, 255, 0.9);
}

.zetlink-wsm-quick-filter-btn--active {
	border-color: transparent;
	background: var(--sc-grad-primary);
	color: #fff;
	box-shadow: 0 3px 8px -2px rgba(15, 23, 42, 0.4);
}

.zetlink-wsm-traffic-bar { padding: 0.7rem 0.85rem 0.85rem; border-bottom: 1px solid var(--sc-glass-border-strong); }

.zetlink-wsm-traffic-bar__label {
	display: flex; align-items: center; justify-content: space-between;
	margin-bottom: 0.5rem;
	font-size: 0.8rem; font-weight: 600; color: var(--sc-muted);
}

.zetlink-wsm-traffic-bar__value {
	font-weight: 800; font-size: 0.82rem;
	color: var(--sc-purple);
	min-width: 3rem; text-align: right;
	font-variant-numeric: tabular-nums;
}

.zetlink-wsm-traffic-bar__range {
	-webkit-appearance: none; appearance: none;
	width: 100%; height: 5px;
	border-radius: 99px;
	background: linear-gradient(to right, var(--sc-purple) 0%, var(--sc-pink) var(--wsm-range-pct, 0%), rgba(255, 255, 255, 0.7) var(--wsm-range-pct, 0%), rgba(255, 255, 255, 0.7) 100%);
	outline: none; cursor: pointer; border: none; margin: 0; display: block;
}

.zetlink-wsm-traffic-bar__range::-webkit-slider-thumb {
	-webkit-appearance: none; appearance: none;
	width: 16px; height: 16px;
	border-radius: 50%;
	background: var(--sc-grad-primary);
	border: 2px solid #fff;
	box-shadow: 0 3px 8px rgba(15, 23, 42, 0.4);
	cursor: pointer; transition: transform 0.15s ease;
}
.zetlink-wsm-traffic-bar__range::-webkit-slider-thumb:hover { transform: scale(1.2); }

/* ============================================================================
   LOADING OVERLAY
============================================================================ */
.zetlink-sites-catalog__card-body.is-loading::after {
	content: ""; position: absolute; inset: 0;
	background: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(8px);
	z-index: 500;
	animation: zetlinkFadeIn 0.3s ease-out;
	border-radius: var(--sc-radius-lg);
}

.zetlink-sites-catalog__card-body.is-loading::before {
	content: ""; position: absolute;
	top: 120px; left: 50%;
	width: 40px; height: 40px;
	margin-left: -20px;
	border: 3px solid rgba(15, 23, 42, 0.12);
	border-top-color: var(--sc-purple);
	border-right-color: var(--sc-pink);
	border-radius: 50%;
	animation: zetlink-spinner 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	z-index: 501;
}

@keyframes zetlink-spinner { to { transform: rotate(360deg); } }
@keyframes zetlinkFadeIn { from { opacity: 0; } to { opacity: 1; } }

/* ============================================================================
   UTILITY CLASSES (preserved for backward compat)
============================================================================ */
.rounded-pill { border-radius: 50rem !important; }
.border { border: 1px solid; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.px-3 { padding-right: 0.75rem !important; padding-left: 0.75rem !important; }
.ms-1 { margin-left: 0.25rem !important; }
.mb-4 { margin-bottom: 1rem !important; }
.rounded-3 { border-radius: 0.75rem !important; }
.rounded-4 { border-radius: 1rem !important; }
.h-45 { height: 45px !important; }
.bg-background { background-color: #fff; }
.text-center { text-align: center !important; }
.text-left { text-align: match-parent; }
.text-align-left { text-align: left; }
.border-hsl { border: 1px solid hsl(var(--border)) !important; overflow: hidden; }
html { overflow-y: scroll !important; }

.badge {
	--bs-badge-padding-x: 0.65em;
	--bs-badge-padding-y: 0.38em;
	--bs-badge-font-size: 0.74em;
	--bs-badge-font-weight: 700;
	--bs-badge-color: #ffffff;
	--bs-badge-border-radius: var(--bs-border-radius);
	display: inline-block;
	padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
	font-size: var(--bs-badge-font-size);
	font-weight: var(--bs-badge-font-weight);
	line-height: 1; color: var(--bs-badge-color);
	text-align: center; white-space: nowrap;
	vertical-align: baseline;
	border-radius: var(--bs-badge-border-radius);
	letter-spacing: 0.02em;
}

:root {
	--background: 230 15% 97%; --foreground: 224 30% 12%;
	--card: 0 0% 100%; --card-foreground: 224 30% 12%;
	--popover: 0 0% 100%; --popover-foreground: 224 30% 12%;
	--primary: 252 80% 55%; --primary-foreground: 0 0% 100%;
	--primary-light: 245 80% 96%;
	--secondary: 230 14% 95%; --secondary-foreground: 224 30% 12%;
	--muted: 230 14% 95%; --muted-foreground: 220 10% 46%;
	--accent: 215 90% 58%; --accent-foreground: 0 0% 100%;
	--destructive: 0 84% 60%; --destructive-foreground: 0 0% 100%;
	--border: 230 14% 90%; --input: 230 14% 90%;
	--ring: 252 87% 64%; --radius: 0.75rem;
	--success: 152 60% 46%; --warning: 38 92% 50%;
}

/* ============================================================================
   📱 RESPONSIVE
============================================================================ */
@media (max-width: 1024px) {
	.zetlink-sites-catalog__category-tabs { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
	.zetlink-sites-catalog { font-size: 13.5px; padding: 0.85rem 0.6rem 1.5rem; margin: 0 -0.25rem; border-radius: var(--sc-radius); }

	.zl-hero { padding: 1.5rem 1rem 1.35rem; border-radius: var(--sc-radius); }
	.zl-hero__title { font-size: clamp(1.25rem, 5vw, 1.65rem); }
	.zl-hero__subtitle { font-size: 0.78rem; margin-bottom: 0.95rem; }
	.zl-hero__badge { font-size: 0.66rem; padding: 0.3rem 0.75rem; margin-bottom: 0.7rem; }

	.zl-hero__stats { grid-template-columns: repeat(2, 1fr); gap: 0.5rem; }
	.zl-hero__stat { padding: 0.7rem 0.7rem; gap: 0.55rem; }
	.zl-hero__stat-icon { width: 36px; height: 36px; border-radius: 10px; }
	.zl-hero__stat-icon svg { width: 16px; height: 16px; }
	.zl-hero__stat-value { font-size: 1.1rem; }
	.zl-hero__stat-value .pl { font-size: 0.75rem; }
	.zl-hero__stat-delta { font-size: 0.5rem; padding: 1px 4px; }
	.zl-hero__trust { gap: 0.5rem; padding: 0.5rem 0.85rem; font-size: 0.7rem; }
	.zl-hero__trust-avatars span { width: 20px; height: 20px; font-size: 8px; }

	.zl-toggle-bar { padding: 0.55rem 0.75rem; gap: 0.55rem; }
	.zetlink-sites-catalog .zetlink-wsm-catalog-toggle { width: 100%; }
	.zetlink-sites-catalog .zetlink-wsm-catalog-toggle__opt {
		flex: 1; justify-content: center;
		padding: 0.45rem 0.55rem; font-size: 0.78rem;
	}

	.zetlink-sites-catalog__category-tabs { grid-template-columns: repeat(2, 1fr); gap: 0.5rem; }

	.zetlink-sites-catalog__category-tabs .nav-link,
	.zetlink-sites-catalog__category-link {
		padding: 0.3rem 0.5rem !important;
		font-size: 0.7rem !important;
		gap: 0.55rem; min-height: 56px;
	}

	.zetlink-cat-icon { width: 30px; height: 30px; border-radius: 8px; }
	.zetlink-cat-icon svg { width: 14px; height: 14px; }
	.zetlink-cat-label { font-size: 0.7rem; }

	.zetlink-sites-catalog__category-tabs .nav-link .badge,
	.zetlink-sites-catalog__category-link .badge {
		font-size: 0.7rem !important;
	}

	.zetlink-sites-catalog__login-notice { flex-wrap: wrap; padding:5px 8px; }
	.zetlink-sites-catalog__login-link { margin-left: 0; width: 100%; text-align: center; }

	/* Filter bar collapses behind a toggle button on touch screens */
	.zl-mobile-filter-toggle { display: flex; }
	.zetlink-sites-catalog .zetlink-wsm-filter-grid { display: none; padding: 0.85rem 0.85rem 0; }
	.zetlink-sites-catalog .zetlink-wsm-filter-grid.is-open { display: flex; margin-bottom: 0.85rem; }
	.zetlink-sites-catalog .wsm-filter__input-wrap { flex: 1 1 calc(50% - 0.3rem); min-width: calc(50% - 0.3rem); max-width: none; }

	.zetlink-sites-catalog .zetlink-wsm-results-toolbar { padding: 0.85rem 0.85rem; }
	.zetlink-sites-catalog .zetlink-wsm-results-toolbar__summary { text-align: center; flex: 1 1 100%; }
	.zetlink-sites-catalog .zetlink-wsm-results-toolbar__right { flex: 1 1 100%; }
	.zetlink-sites-catalog .zetlink-wsm-toolbar-per-page,
	.zetlink-sites-catalog .zetlink-wsm-toolbar-sort { flex: 1 1 calc(50% - 0.25rem); }
	.zetlink-sites-catalog .zetlink-wsm-bulk-search-btn { flex: 1 1 100%; }

	.zetlink-sites-catalog .zetlink-wsm-websites-table { font-size: 0.8rem; }
	.zetlink-sites-catalog .zetlink-wsm-websites-table thead th { font-size: 0.62rem; padding: 0.7rem 0.6rem; }
	.zetlink-sites-catalog .zetlink-wsm-websites-table tbody td { padding: 0.7rem 0.6rem; }
	.zetlink-sites-catalog .zetlink-wsm-websites-table { min-width: 760px; }
	.zetlink-sites-catalog .zl-site-row { gap: 0.5rem; }
}

@media (max-width: 480px) {
	.zl-hero { padding: 1.25rem 0.9rem 1.15rem; }
	.zl-hero__title { font-size: 1.3rem; }
	.zl-hero__subtitle { font-size: 0.75rem; }

	.zetlink-sites-catalog__category-tabs { grid-template-columns: 1fr; }
	.zetlink-sites-catalog__category-tabs .nav-link,
	.zetlink-sites-catalog__category-link { min-height: 40px; }

	.zetlink-sites-catalog .wsm-sites__pagination__item,
	.zetlink-sites-catalog .wsm-sites__pagination__nav-btn {
		min-width: 2.1rem; height: 2.1rem; font-size: 0.78rem;
	}

	.zetlink-sites-catalog .wsm-filter__input-wrap { flex: 1 1 100%; min-width: 100%; }
	.zetlink-sites-catalog .zetlink-wsm-websites-table { min-width: 680px; }
}

@media (min-width: 769px) {
	.zl-mobile-filter-toggle { display: none; }
	.zetlink-sites-catalog .zetlink-wsm-filter-grid { 
		display: grid;
		grid-template-columns: repeat(6, 1fr); 
	}
}

/* ============================================================================
   ⚡ V6.6 HOTFIX · V2 LIGHT HERO · HIGH-SPECIFICITY OVERRIDES
   Forces V2 light theme on hero against any conflicting stylesheet.
============================================================================ */

/* Hero · Force V2 light glass */
body .zetlink-sites-catalog .zl-hero::before {
	background: transparent !important;
}
body .zetlink-sites-catalog .zl-hero::after {
	background: transparent !important;
}
body .zetlink-sites-catalog .zl-hero__title { color: #0f172a !important; }
body .zetlink-sites-catalog .zl-hero__title .grad {
	background: linear-gradient(135deg, #4f46e5 0%, #c026d3 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}
body .zetlink-sites-catalog .zl-hero__subtitle { color: #6b7280 !important; }
body .zetlink-sites-catalog .zl-hero__stat {
	background: rgba(255, 255, 255, 0.9) !important;
	border-color: rgba(255, 255, 255, 0.95) !important;
	color: #0f172a !important;
}
body .zetlink-sites-catalog .zl-hero__stat-value { color: #0f172a !important; }
body .zetlink-sites-catalog .zl-hero__stat-label { color: #6b7280 !important; }
body .zetlink-sites-catalog .zl-hero__stat-delta {
	background: rgba(16, 185, 129, 0.12) !important;
	color: #059669 !important;
	border: none !important;
}
body .zetlink-sites-catalog .zl-hero__trust {
	background: rgba(255, 255, 255, 0.9) !important;
	border-color: rgba(255, 255, 255, 0.95) !important;
	color: #475569 !important;
}
body .zetlink-sites-catalog .zl-hero__trust-text strong { color: #0f172a !important; }
body .zetlink-sites-catalog .zl-hero__trust-rating {
	background: rgba(245, 158, 11, 0.12) !important;
	border-color: rgba(245, 158, 11, 0.3) !important;
	color: #a16207 !important;
}
body .zetlink-sites-catalog .zl-hero__badge {
	background: rgba(255, 255, 255, 0.9) !important;
	color: #0f172a !important;
	border-color: rgba(255, 255, 255, 0.95) !important;
}
body .zetlink-sites-catalog .zl-hero__badge svg { color: #f59e0b !important; }

/* Mobile · Pill filters stack 2-up */
@media (max-width: 768px) {
	.zetlink-sites-catalog .zetlink-wsm-filter-grid { padding: 0.85rem 0.7rem 0 !important; }
	.zetlink-sites-catalog .wsm-filter__input-wrap {
		min-width: calc(50% - 0.3rem) !important;
		max-width: none !important;
	}

	.zetlink-sites-catalog .zetlink-wsm-toolbar-search-btn {
		padding: 0 1.1rem !important;
		font-size: 0.7rem !important;
	}
}

/* ============================================================================
   âš¡ FAVICON DOMAIN VISIBILITY FIX
   Ensures domain name + niche tags inside .zl-site-meta are always visible
   even after JS injection. Some WSM templates wrap links oddly — this
   guarantees text shows up regardless of inner structure.
============================================================================ */
body .zetlink-sites-catalog .zl-site-row {
	display: flex !important;
	align-items: center;
	gap: 0.7rem;
	width: 100%;
	min-width: 0;
}

body .zetlink-sites-catalog .zl-site-meta {
    flex: 1 1 auto !important;
    min-width: 0;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 5px 0px;
}

body .zetlink-sites-catalog .zl-site-meta > * {
	display: revert;
	visibility: visible !important;
}

body .zetlink-sites-catalog .zl-site-meta .zetlink-wsm-domain-link {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: #0d2143 !important;
	text-transform: lowercase;
	white-space: nowrap;
}
/* Capitalize only the very first character (e.g. "nuzzle.com" -> "Nuzzle.com"),
   not every "word" after a dot — text-transform:capitalize treats "." as a
   word boundary and would wrongly capitalize the TLD too ("Nuzzle.Com"). */
body .zetlink-sites-catalog .zl-site-meta .zetlink-wsm-domain-link::first-letter {
	text-transform: uppercase;
}

/* ============================================================================
   ⚡ V6.4 · FLAG EMOJI + BOLT ICON ON BADGES
   - .zl-flag injected before traffic text by JS
   - .zl-publish-icon injected inside delivery span (bolt for Instant)
============================================================================ */

/* Flag emoji on traffic column */
.zetlink-sites-catalog .zl-flag {
	display: inline-block;
	font-size: 16px;
	line-height: 1;
	margin-right: 6px; 
	vertical-align: middle;
	font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', 'Twemoji Mozilla', sans-serif;
}

/* Bolt / clock / calendar icon on delivery badge */
.zetlink-sites-catalog .zetlink-wsm-col-publish span .zl-publish-icon {
	display: inline-block;
	margin-right: 5px;
	font-size: 9px;
	vertical-align: 0;
	width: auto;
}

/* When Font Awesome hasn't loaded yet, hide the empty <i> tag */
.zetlink-sites-catalog .zl-publish-icon:empty:not(.fa-solid) { display: none; }

/* Enhanced delivery badge — slightly more prominent so the icon reads well */
.zetlink-sites-catalog .zetlink-wsm-col-publish span {
	display: inline-flex !important;
	align-items: center;
	gap: 0;
}body {
    --progress: 100%;
    --c-progress: var(--c-sky);
    background: #ffffff !important;
    background-image: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.85) !important;
    box-shadow: 0 12px 30px -10px rgba(15, 23, 42, 0.2) !important;
}


/* ============================================================================
   RIF GRID REDESIGN (Ahrefs + Moz + Semrush) — appended; wins on source order
   Website cell: name + NEW + niches + View Rules (hover) + delivery.
   Columns: MOZ DA · ahrefs DR · ahrefs Traffic (sparkline) · SEMRUSH Traffic
   (sparkline + 3-mo change) · Country (top-3 flags) · Backlinks · prices · ⋮
============================================================================ */
.zetlink-sites-catalog .zl-src {
	display: inline-block; vertical-align: 1px; margin-right: 5px;
	font-size: 8.5px; font-weight: 800; letter-spacing: 0.04em; line-height: 1;
	padding: 3px 5px; border-radius: 4px; text-transform: none;
}
.zetlink-sites-catalog .zl-src--moz     { background: #e0f2fe; color: #0369a1; }
.zetlink-sites-catalog .zl-src--ahrefs  { background: #ffe9df; color: #c2410c; }
.zetlink-sites-catalog .zl-src--semrush { background: #ffe3e3; color: #b91c1c; }
.zetlink-sites-catalog .zl-help {
	display: inline-flex; align-items: center; justify-content: center;
	width: 13px; height: 13px; margin-left: 4px; border-radius: 50%;
	font-size: 9px; font-weight: 800; line-height: 1;
	color: var(--sc-muted); background: #eef2f7; cursor: help; vertical-align: 1px;
}
.zetlink-sites-catalog .zl-th-website { min-width: 230px; }
.zetlink-sites-catalog .zl-th-traffic,
.zetlink-sites-catalog .zl-th-semrush { min-width: 150px; }
.zetlink-sites-catalog .zl-th-country { min-width: 86px; }

/* Website cell */
.zetlink-sites-catalog .zetlink-wsm-col-website { min-width: 230px; }
.zetlink-sites-catalog .zl-site-niches { margin-top: 5px; max-width: none; font-size: 0.72rem; }
.zetlink-sites-catalog .zl-site-niches a { margin: 2px 4px 0 0; }
.zetlink-sites-catalog .zl-site-foot { display: flex; align-items: center; gap: 8px; margin-top: 6px; flex-wrap: wrap; }
.zetlink-sites-catalog .zl-site-foot .zetlink-wsm-view-rules { padding: 0.25rem 0.55rem; font-size: 0.66rem; }
.zetlink-sites-catalog .zl-delivery {
	display: inline-flex; align-items: center; gap: 3px;
	font-size: 9.5px; font-weight: 800; letter-spacing: 0.03em; text-transform: uppercase;
	color: #853e00; background: #fff4e8; border-radius: 10px; padding: 3px 8px; white-space: nowrap;
}

/* Empty DA / DR ring */
.zetlink-sites-catalog .zl-badge-empty { color: var(--sc-muted-soft); --score: 0; }

/* Traffic cells (Ahrefs / Semrush) */
.zetlink-sites-catalog .zl-traffic { white-space: nowrap; }
.zetlink-sites-catalog .zl-traffic .zl-spark { display: inline-block; vertical-align: middle; margin-right: 7px; flex: 0 0 auto; }
.zetlink-sites-catalog .zl-traffic__body { display: inline-flex; flex-direction: column; vertical-align: middle; line-height: 1.2; }
.zetlink-sites-catalog .zl-traffic__body b { font-size: 0.86rem; font-weight: 800; color: var(--sc-text); }
.zetlink-sites-catalog .zl-traffic__body small { font-size: 10px; font-weight: 600; color: var(--sc-muted); margin-top: 2px; }
.zetlink-sites-catalog .zl-trend { font-size: 10px; font-weight: 800; margin-top: 2px; }
.zetlink-sites-catalog .zl-trend--up   { color: #15803d; }
.zetlink-sites-catalog .zl-trend--down { color: #dc2626; }
.zetlink-sites-catalog .zl-trend--flat { color: var(--sc-muted); }
.zetlink-sites-catalog .zl-na { color: var(--sc-muted-soft); font-weight: 700; }

/* Country column */
.zetlink-sites-catalog .zl-countries { white-space: nowrap; line-height: 1.5; }
.zetlink-sites-catalog .zl-country { display: flex; align-items: center; gap: 5px; font-size: 0.74rem; font-weight: 700; color: var(--sc-text-2); }
.zetlink-sites-catalog .zl-country i { font-style: normal; font-weight: 600; color: var(--sc-muted); }
.zetlink-sites-catalog .zl-flag { width: 18px; height: 13px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08); flex: 0 0 auto; }

/* Price labels */
.zetlink-sites-catalog .zl-price-label {
	display: block; font-size: 9.5px; font-weight: 700; letter-spacing: 0.02em;
	color: var(--sc-muted-soft); text-transform: lowercase; line-height: 1.2; margin-top: 1px;
}
.zetlink-sites-catalog .zl-price-label--special { color: #15803d; }

/* Actions: order button + kebab */
.zetlink-sites-catalog .zetlink-wsm-col-actions { white-space: nowrap; }
.zetlink-sites-catalog .zl-kebab {
	display: inline-flex; align-items: center; justify-content: center;
	width: 31px; height: 31px; margin-left: 4px; vertical-align: middle;
	border: 1px solid var(--sc-glass-border); border-radius: 8px; background: #fff;
	color: var(--sc-muted); font-size: 16px; font-weight: 800; line-height: 1; cursor: pointer; padding: 2px;
}
.zetlink-sites-catalog .zl-kebab:hover { color: var(--sc-purple); border-color: var(--sc-glass-border-strong); }
.zl-kebab-menu {
	position: fixed; z-index: 99999; min-width: 170px; padding: 6px;
	background: #fff; border: 1px solid var(--sc-glass-border, #e2e8f0); border-radius: 10px;
	box-shadow: 0 14px 34px rgba(15, 23, 42, 0.16);
}
.zl-kebab-menu button, .zl-kebab-menu a {
	display: flex; align-items: center; gap: 8px; width: 100%;
	padding: 8px 10px; border: 0; background: none; border-radius: 7px;
	font: inherit; font-size: 12.5px; font-weight: 600; color: var(--sc-text, #0f172a); text-align: left; text-decoration: none; cursor: pointer;
}
.zl-kebab-menu button:hover, .zl-kebab-menu a:hover { background: var(--sc-purple-soft, #eef2ff); color: var(--sc-purple, #4f46e5); }

@media (max-width: 900px) {
	.zetlink-sites-catalog .zl-traffic .zl-spark { display: none; }
	.zetlink-sites-catalog .zl-th-website, .zetlink-sites-catalog .zetlink-wsm-col-website { min-width: 170px; }
	.zetlink-sites-catalog .zl-th-traffic, .zetlink-sites-catalog .zl-th-semrush { min-width: 96px; }
	.zetlink-sites-catalog .zl-country { font-size: 0.68rem; }
}/* ── RIF grid v3: brand logos in the header (moz.svg / ahrefs.svg / semrush.svg) ── */
.zetlink-sites-catalog .zl-th--brand { vertical-align: bottom; }
.zetlink-sites-catalog .zl-th-brand { display: block; line-height: 0; margin-bottom: 4px; }
.zetlink-sites-catalog .zl-th-logo { display: inline-block; height: 12px; width: auto; max-width: 72px; vertical-align: middle; }
.zetlink-sites-catalog .zl-th-logo--moz,
.zetlink-sites-catalog .zl-th-logo--semrush { height: 11px; }
.zetlink-sites-catalog .zl-th-label { display: inline-flex; align-items: center; gap: 3px; white-space: nowrap; font-weight: 700; }
.zetlink-sites-catalog .zl-th-label .zl-help { margin-left: 2px; }
.zetlink-sites-catalog .zl-src { display: none; }
/* ── RIF grid v2: niches in ONE row (max 3 chips + "+N"), site name → own page ── */
.zetlink-sites-catalog .zl-th-website,
.zetlink-sites-catalog .zetlink-wsm-col-website { min-width: 300px; }
.zetlink-sites-catalog .zl-site-niches {
	display: flex; flex-wrap: nowrap; align-items: center; gap: 4px;
	overflow: hidden; white-space: nowrap; margin-top: 5px; max-width: 100%;
}
.zetlink-sites-catalog .zl-site-niches a { margin: 0; flex: 0 0 auto; }
.zetlink-sites-catalog .zl-niche-more {
	flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
	min-width: 26px; height: 20px; padding: 0 6px; border-radius: 999px;
	border: 1px solid #e2e8f0; background: #f8fafc; color: #475569;
	font-size: 0.66rem; font-weight: 700; line-height: 1; cursor: default;
}
.zetlink-sites-catalog .zetlink-wsm-domain-link { cursor: pointer; }
.zetlink-sites-catalog .zetlink-wsm-domain-link:hover { text-decoration: underline; }
@media (max-width: 991.98px) {
	.zetlink-sites-catalog .zl-th-website, .zetlink-sites-catalog .zetlink-wsm-col-website { min-width: 220px; }
}
/* ============================================================================
   HEADER BRAND LOGOS - MISSING-FILE GUARD
   The real fix is in the plugin (WebsitesGrid::zl_brand_logo_url() now resolves
   a path that exists) - this is the belt-and-braces half, so a future missing
   file can never wreck the header layout again:
     - font-size:0 kills any alt text a broken <img> would otherwise render
     - a fixed height keeps the header row exactly as tall either way
============================================================================ */
.zetlink-sites-catalog .zl-th-brand {
	display: flex;
	align-items: flex-end;
	height: 14px;
	line-height: 0;
	/* font-size:0 is the guard itself - a broken <img> renders its alt text at
	   the inherited size, so zeroing it means a 404 costs nothing visually.
	   The logo is unaffected: .zl-th-logo sizes by an explicit height. */
	font-size: 0;
	margin-bottom: 4px;
}

/* Last-resort text fallback the plugin prints when the logo exists nowhere on
   disk - re-enable type for it, since .zl-th-brand above zeroes the font. */
.zetlink-sites-catalog .zl-th-brand--text {
	font-size: 8.5px;
	font-weight: 800;
	letter-spacing: 0.04em;
	line-height: 14px;
	text-transform: uppercase;
	color: var(--sc-muted, #6b7280);
}/* ── RIF grid v4: fit every column on desktop + Buy Now column pinned to the right ── */
.zetlink-sites-catalog .zl-th-website,
.zetlink-sites-catalog .zetlink-wsm-col-website { min-width: 240px; max-width: 300px; }
.zetlink-sites-catalog .zl-th-traffic,
.zetlink-sites-catalog .zl-th-semrush,
.zetlink-sites-catalog .zetlink-wsm-col-traffic,
.zetlink-sites-catalog .zetlink-wsm-col-semrush { min-width: 118px; }
.zetlink-sites-catalog .zl-th-country,
.zetlink-sites-catalog .zetlink-wsm-col-country { min-width: 86px; }
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th,
.zetlink-sites-catalog .zetlink-wsm-websites-table tbody td { padding-left: .45rem; padding-right: .45rem; }
.zetlink-sites-catalog .zetlink-wsm-order-btn { padding: .4rem .6rem; font-size: .68rem; }
.zetlink-sites-catalog .zl-kebab { width: 26px; height: 26px; margin-left: 2px; }
.zetlink-sites-catalog .zetlink-wsm-col-actions { min-width: 0; white-space: nowrap; text-align: right; }
/* If the table is still wider than the card, the last column stays visible while scrolling */
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th:last-child,
.zetlink-sites-catalog .zetlink-wsm-websites-table tbody td.zetlink-wsm-col-actions {
	position: sticky; right: 0; z-index: 3; background: #fff;
	box-shadow: -8px 0 10px -8px rgba(15, 23, 42, .14);
}
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th:last-child { z-index: 4; }
.zetlink-sites-catalog .zetlink-wsm-websites-table tbody tr:hover td.zetlink-wsm-col-actions { background: #f7faff; }
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th:last-child { background: #f8f8fc; }
.zl-rif2026 .zetlink-wsm-websites-table thead th:last-child { background: #fbfcfe; }

/* ── RIF grid v5: inline brand SVG logos + Ahrefs Keywords column ── */
.zetlink-sites-catalog .zl-th-brand { display: block; height: 12px; line-height: 12px; margin-bottom: 4px; }
.zetlink-sites-catalog .zl-th-logo { display: inline-block; height: 12px; width: auto; max-width: 76px; vertical-align: top; font-size: 9px; font-weight: 800; color: #64748b; }
.zetlink-sites-catalog svg.zl-th-logo { overflow: visible; }
.zetlink-sites-catalog .zl-th-logo--moz { height: 10px; }
.zetlink-sites-catalog .zl-th-logo--semrush { height: 10px; }
.zetlink-sites-catalog .zl-th-logo--ahrefs { height: 11px; }
.zetlink-sites-catalog .zl-th-keywords,
.zetlink-sites-catalog .zetlink-wsm-col-keywords { min-width: 74px; white-space: nowrap; }
.zetlink-sites-catalog .zl-keywords b { font-weight: 800; color: var(--sc-text-1, #0f172a); font-size: 0.82rem; }
.zetlink-sites-catalog .zl-keywords .zl-empty { color: var(--sc-muted-soft, #cbd5e1); }
.zetlink-sites-catalog .zl-th-traffic,
.zetlink-sites-catalog .zetlink-wsm-col-traffic { min-width: 108px; }
.zetlink-sites-catalog .zl-th-semrush,
.zetlink-sites-catalog .zetlink-wsm-col-semrush { min-width: 118px; }
.zetlink-sites-catalog .zl-th-website,
.zetlink-sites-catalog .zetlink-wsm-col-website { min-width: 216px; max-width: 280px; }
/* tighten so all 12 columns fit a 1360px card */
.zetlink-sites-catalog .zl-th-keywords,
.zetlink-sites-catalog .zetlink-wsm-col-keywords { min-width: 0; width: 64px; }
.zetlink-sites-catalog .zl-th-semrush,
.zetlink-sites-catalog .zetlink-wsm-col-semrush { min-width: 110px; }
.zetlink-sites-catalog .zl-traffic--semrush .zl-traffic__body small { white-space: nowrap; }
.zetlink-sites-catalog .zl-th-links,
.zetlink-sites-catalog .zetlink-wsm-col-links { width: 84px; }
.zetlink-sites-catalog .zetlink-wsm-col-actions .zetlink-wsm-order-btn { padding: .4rem .55rem; }
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th,
.zetlink-sites-catalog .zetlink-wsm-websites-table tbody td { padding-left: .4rem; padding-right: .4rem; }

/* ── RIF grid v6: mockup layout — AS column, two-line headers, delivery pills, icon actions ── */
.zetlink-sites-catalog .zl-th--two { vertical-align: bottom; }
.zetlink-sites-catalog .zl-th-top { display: block; font-size: 10px; font-weight: 700; color: #64748b; line-height: 12px; margin-bottom: 3px; letter-spacing: 0; text-transform: none; }
.zetlink-sites-catalog .zl-help { width: 12px; height: 12px; font-size: 8px; font-style: normal; border: 1px solid #cbd5e1; background: #fff; color: #64748b; margin-left: 4px; }
.zetlink-sites-catalog .zl-th-as,
.zetlink-sites-catalog .zetlink-wsm-col-as { width: 54px; min-width: 54px; text-align: center; }
.zetlink-sites-catalog .zetlink-wsm-col-as .zl-empty { color: #cbd5e1; }
.zetlink-sites-catalog .zl-th-logo--as { height: 14px; }
.zetlink-sites-catalog .zl-th-keywords,
.zetlink-sites-catalog .zetlink-wsm-col-keywords { display: none; }
.zetlink-sites-catalog .zl-country-more { display: block; font-size: 0.7rem; font-weight: 700; color: #475569; margin-top: 2px; cursor: default; }
/* Delivery: estimated time (green) + publishing speed (orange) */
.zetlink-sites-catalog .zl-delivery-cell { text-align: center; white-space: nowrap; }
.zetlink-sites-catalog .zl-delivery-cell .zl-pill {
	display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; border-radius: 999px;
	font-size: 9.5px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; line-height: 1.3;
}
.zetlink-sites-catalog .zl-delivery-links-stack .zl-pill--delivery { 
	background: #fffcef;
    color: #9b3b08;
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 11px;
}
.zetlink-sites-catalog .zl-delivery-cell .zl-pill--publish { background: #fff4e8; color: #9a3412; }
.zetlink-sites-catalog .zl-delivery-stack { display: flex; flex-direction: column; align-items: center; gap: 4px; }
/* Actions: stacked icon buttons — filled = Add to cart, outline = Order now */
.zetlink-sites-catalog .zl-actions { text-align: center; white-space: nowrap; width: 62px; min-width: 62px; }
.zetlink-sites-catalog .zl-act {
	display: flex; align-items: center; justify-content: center; width: 38px; height: 30px; margin: 0 auto;
	border-radius: 7px !important; padding: 0 !important; text-decoration: none; line-height: 1; gap: 4px;
	transition: filter .15s ease, background .15s ease;
}
.zetlink-sites-catalog .zl-act svg { width: 15px; height: 15px; }
.zetlink-sites-catalog .zl-act__text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.zetlink-sites-catalog .zl-act--cart { color: #fff; }
.zetlink-sites-catalog .zl-act--order { margin-top: 5px; background: #fff; border: 1px solid #cfd8e6; color: #2563eb; }
.zetlink-sites-catalog .zl-act--order:hover { background: #eef4ff; color: #1d4ed8; }
.zetlink-sites-catalog .zl-act--cart.is-in-cart { width: auto; padding: 0 9px !important; font-size: .6rem; font-weight: 800; }
/* Website: bigger first letter, like the mockup */
.zetlink-sites-catalog .zetlink-wsm-domain-link::first-letter { font-size: 1.3em; font-weight: 800; }
/* Column widths (12 columns) */
.zetlink-sites-catalog .zl-th-website,
.zetlink-sites-catalog .zetlink-wsm-col-website { min-width: 222px; }
.zetlink-sites-catalog .zl-th-traffic,
.zetlink-sites-catalog .zetlink-wsm-col-traffic { min-width: 124px; }
.zetlink-sites-catalog .zl-th-semrush,
.zetlink-sites-catalog .zetlink-wsm-col-semrush { min-width: 116px; }
.zetlink-sites-catalog .zl-th-delivery,
.zetlink-sites-catalog .zl-delivery-cell { min-width: 0; width: 84px; }
.zetlink-sites-catalog .zl-th-links,
.zetlink-sites-catalog .zetlink-wsm-col-links { width: 80px; }
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th:last-child { text-align: center; }

/* ── RIF grid v7: Semrush Countries column (renders only when enabled in SEO Sync) ── */
.zetlink-sites-catalog .zl-th-semcountry,
.zetlink-sites-catalog .zetlink-wsm-col-semcountry { min-width: 86px; }
.zetlink-sites-catalog .zetlink-wsm-col-semcountry .zl-empty { color: #cbd5e1; }
.zetlink-sites-catalog .zl-th-website,
.zetlink-sites-catalog .zetlink-wsm-col-website { min-width: 210px; }
.zetlink-sites-catalog .zl-th-traffic,
.zetlink-sites-catalog .zetlink-wsm-col-traffic { min-width: 116px; }
.zetlink-sites-catalog .zl-th-semrush,
.zetlink-sites-catalog .zetlink-wsm-col-semrush { min-width: 110px; }
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th,
.zetlink-sites-catalog .zetlink-wsm-websites-table tbody td { padding-left: .35rem; padding-right: .35rem; }
/* 13 columns must fit a 1360px card: cap the Website cell (long domains ellipsize, full name on hover)
   — compound selector beats sites-catalog-rif2026.css's 280px / 316px rules regardless of load order */
.zetlink-sites-catalog.zl-rif2026 .zl-th-website,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-col-website,
.zetlink-sites-catalog .zl-th-website,
.zetlink-sites-catalog .zetlink-wsm-col-website { min-width: 226px; max-width: 226px; }
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-col-website .zl-site-meta,
.zetlink-sites-catalog .zetlink-wsm-col-website .zl-site-meta { width: 176px; max-width: 176px; }
.zetlink-sites-catalog .zl-traffic .zl-spark { width: 40px; margin-right: 5px; }
.zetlink-sites-catalog .zl-traffic__body small,
.zetlink-sites-catalog .zl-trend { font-size: 9.5px; }
.zetlink-sites-catalog .zl-country { font-size: 0.7rem; gap: 4px; }
.zetlink-sites-catalog .zetlink-wsm-col-price,
.zetlink-sites-catalog .zetlink-wsm-col-special { min-width: 0; }
.zetlink-sites-catalog .zetlink-wsm-col-price .woocommerce-Price-amount,
.zetlink-sites-catalog .zetlink-wsm-col-special .woocommerce-Price-amount { font-size: 0.82rem; }
.zetlink-sites-catalog .zl-actions { width: 56px; min-width: 56px; }
@media (min-width: 1600px) {
	.zetlink-sites-catalog.zl-rif2026 .zl-th-website,
	.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-col-website { min-width: 226px; max-width: 226px; }
	.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-col-website .zl-site-meta { width: 176px; max-width: 176px; }
}
.zl-rif2026 .zetlink-wsm-bulk-search-btn {
    height: 34Px !important;
    min-height: 30px !important;
    padding: 0 15px !important;
    font-family: "Poppins", Inter, sans-serif !important;
    font-size: 15px;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    color: #ff6b3d !important;
    background: #ffffff !important;
    border: 2px solid #ff6b3d !important;
    border-radius: 3px !important;
    box-shadow: none !important;
}

.zl-rif2026 .zetlink-wsm-bulk-search-btn::before {
	display: none !important;
}

.zl-rif2026 .zetlink-wsm-bulk-search-btn:hover {
	color: #ffffff !important;
	background: #ff6b3d !important;
	filter: none !important;
}
.zetlink-sites-catalog .zl-site-niches a,
.zetlink-sites-catalog .zl-site-niches .zl-niche-more { padding: 2px 6px; font-size: 0.64rem; min-width: 0; height: auto; line-height: 1.3; }
.zetlink-sites-catalog .zl-site-niches { gap: 3px; }

/* ── RIF grid v8: single Add-to-cart toggle button (green ✓ when in cart, click again removes) + no price labels ── */
.zetlink-sites-catalog .zl-price-label { display: none !important; }
.zetlink-sites-catalog .zl-act--order { display: none !important; }
.zetlink-sites-catalog .zl-act--cart.is-in-cart {
	width: 38px; padding: 0 !important; font-size: 0; line-height: 0;
	background: #16a34a !important; box-shadow: 0 4px 9px rgba(22, 163, 74, .25);
}
.zetlink-sites-catalog .zl-act--cart.is-in-cart i,
.zetlink-sites-catalog .zl-act--cart.is-in-cart svg { display: none; }
.zetlink-sites-catalog .zl-act--cart.is-in-cart::before {
	content: "\2713"; display: block; font-size: 17px; font-weight: 800; line-height: 30px; color: #fff;
}
.zetlink-sites-catalog .zl-act--cart.is-in-cart:hover { background: #dc2626 !important; }
.zetlink-sites-catalog .zl-act--cart.is-in-cart:hover::before { content: "\00d7"; font-size: 20px; }
/* Action column no longer looks like a separate block: shadow + hard edge removed, the column is just
   a normal narrow column; extra table width goes to the Website column instead of the last column.
   (Sticky stays, so on narrow screens the cart button is still pinned while scrolling.) */
/* (compound .zetlink-sites-catalog.zl-rif2026 selectors: sites-catalog-rif2026.css loads AFTER this file
   and re-paints the last header cell, so these must out-rank it, not just come later) */
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th:last-child,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th:last-child,
.zetlink-sites-catalog .zetlink-wsm-websites-table tbody td.zetlink-wsm-col-actions,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table tbody td.zetlink-wsm-col-actions {
	box-shadow: none; border-left: 0; background: transparent; vertical-align: middle;
}
.zetlink-sites-catalog .zetlink-wsm-websites-table tbody tr:hover td.zetlink-wsm-col-actions,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table tbody tr:hover td.zetlink-wsm-col-actions { background: transparent; }
.zetlink-sites-catalog .zetlink-wsm-col-actions,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-col-actions,
.zetlink-sites-catalog .zl-th-action,
.zetlink-sites-catalog.zl-rif2026 .zl-th-action { width: 72px; min-width: 72px; max-width: 72px; text-align: center; }
.zetlink-sites-catalog .zl-actions { margin: 0 auto; }
.zetlink-sites-catalog.zl-rif2026 .zl-th-website,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-col-website,
.zetlink-sites-catalog .zl-th-website,
.zetlink-sites-catalog .zetlink-wsm-col-website { width: auto; min-width: 216px; max-width: none; }
/* Header cells can never run into their neighbour: hard minimum widths + clipping instead of overlap */
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th { overflow: hidden; }
.zetlink-sites-catalog .zl-th-semcountry,
.zetlink-sites-catalog .zetlink-wsm-col-semcountry { min-width: 108px; }
.zetlink-sites-catalog .zl-th-special,
.zetlink-sites-catalog .zetlink-wsm-col-special { min-width: 96px; }
.zetlink-sites-catalog .zl-th-price,
.zetlink-sites-catalog .zetlink-wsm-col-price { min-width: 108px; }
/* Price / Buy Now headers may wrap to two lines (rif2026 forces nowrap on every th with a stronger
   selector, so these compound selectors out-rank it) → the last three columns stop fighting for width */
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-price,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-special,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-action,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-price,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-special,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-action { white-space: normal; line-height: 1.2; }
.zetlink-sites-catalog .zl-th-price,
.zetlink-sites-catalog .zl-th-special { max-width: 118px; }
.zetlink-sites-catalog .zl-th-price .zl-help,
.zetlink-sites-catalog .zl-th-special .zl-help { margin-left: 3px; }
/* The pinned last column is opaque again (no shadow) — if a wider font ever makes the table a few px
   too wide, it covers the neighbour cleanly instead of showing two texts on top of each other */
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th:last-child,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th:last-child { background: #fbfcfe; }
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table tbody td.zetlink-wsm-col-actions,
.zetlink-sites-catalog .zetlink-wsm-websites-table tbody td.zetlink-wsm-col-actions { background: #fff; }
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table tbody tr:hover td.zetlink-wsm-col-actions,
.zetlink-sites-catalog .zetlink-wsm-websites-table tbody tr:hover td.zetlink-wsm-col-actions { background: #f7faff; }
.zetlink-sites-catalog .zl-th-links,
.zetlink-sites-catalog .zetlink-wsm-col-links { min-width: 92px; }
.zetlink-sites-catalog .zl-th-action { white-space: normal; line-height: 1.15; }
/* Logo-topped two-line headers (ahrefs / semrush logo above "Traffic" / "Countries"), like the AS/DA/DR cells */
.zetlink-sites-catalog .zl-th--two .zl-th-brand { display: block; height: 12px; line-height: 12px; margin-bottom: 3px; }
.zetlink-sites-catalog .zl-th--two .zl-th-logo { height: 11px; width: auto; vertical-align: top; }
.zetlink-sites-catalog .zl-th--two .zl-th-logo--semrush { height: 10px; }


/* ── RIF grid v9: "Buy Now" column can never overlap "Special Price" ──
   The last column is not pinned on desktop any more (the pin is what slid it over its neighbour),
   and it is always wide enough for its own label. !important on purpose: sites-catalog-rif2026.css
   and sites-catalog-responsive.css load after this file and both touch these cells. */
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-action,
.zetlink-sites-catalog .zetlink-wsm-websites-table tbody td.zetlink-wsm-col-actions {
	width: 92px !important; min-width: 92px !important; max-width: none !important;
	white-space: nowrap !important; text-align: center !important; overflow: visible !important;
	vertical-align: middle !important; padding-left: .35rem !important; padding-right: .35rem !important;
}
@media (min-width: 1450px) {
	.zetlink-sites-catalog .zetlink-wsm-websites-table thead th:last-child,
	.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th:last-child {
		right: auto !important; left: auto !important; z-index: 2 !important;
		box-shadow: none !important; background: transparent !important;
	}
	.zetlink-sites-catalog .zetlink-wsm-websites-table tbody td.zetlink-wsm-col-actions,
	.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table tbody td.zetlink-wsm-col-actions {
		position: static !important; box-shadow: none !important; background: transparent !important;
	}
}
.zetlink-sites-catalog .zl-actions { margin: 0 auto; }
/* Price headers: let them wrap, so the last three columns never fight for width */
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-price,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-special { white-space: normal !important; line-height: 1.2 !important; max-width: 120px; }


/* ── RIF grid v10: reference look — sparkline ABOVE the traffic number (both Traffic columns),
   bigger flags + percentage only in Semrush Countries, and the row fits so "Buy Now" is never
   pushed out of the card. ── */
/* Traffic cells: stacked, centred */
.zetlink-sites-catalog .zetlink-wsm-websites-table tbody td.zl-traffic,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table tbody td.zl-traffic {
	text-align: center !important; vertical-align: middle !important; white-space: nowrap;
}
.zetlink-sites-catalog .zl-traffic .zl-spark,
.zetlink-sites-catalog.zl-rif2026 .zl-traffic .zl-spark {
	display: block !important; width: 76px !important; height: 22px !important; margin: 0 auto 3px !important;
}
.zetlink-sites-catalog .zl-traffic__body,
.zetlink-sites-catalog.zl-rif2026 .zl-traffic__body { display: flex !important; flex-direction: column; align-items: center; line-height: 1.2; }
.zetlink-sites-catalog .zl-traffic__body b,
.zetlink-sites-catalog.zl-rif2026 .zl-traffic__body b { font-size: 0.92rem !important; font-weight: 700; }
.zetlink-sites-catalog .zl-traffic__body small,
.zetlink-sites-catalog .zl-traffic .zl-trend { font-size: 9.5px; line-height: 1.25; }
.zetlink-sites-catalog .zl-th-traffic, .zetlink-sites-catalog .zl-th-semrush,
.zetlink-sites-catalog .zetlink-wsm-col-traffic, .zetlink-sites-catalog .zetlink-wsm-col-semrush,
.zetlink-sites-catalog.zl-rif2026 .zl-th-traffic, .zetlink-sites-catalog.zl-rif2026 .zl-th-semrush,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-col-traffic, .zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-col-semrush {
	min-width: 96px !important; width: 104px; max-width: 124px !important;
}
.zetlink-sites-catalog .zl-th-traffic .zl-th-label, .zetlink-sites-catalog .zl-th-semrush .zl-th-label,
.zetlink-sites-catalog .zl-th-semcountry .zl-th-label { justify-content: center; }
.zetlink-sites-catalog .zl-th-traffic, .zetlink-sites-catalog .zl-th-semrush, .zetlink-sites-catalog .zl-th-semcountry { text-align: center !important; }
.zetlink-sites-catalog .zl-th--two .zl-th-brand { text-align: center; }
/* Semrush Countries: big flag + percentage, country code only as tooltip */
.zetlink-sites-catalog .zetlink-wsm-websites-table tbody td.zl-countries,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table tbody td.zl-countries { vertical-align: middle !important; line-height: 1.6; }
.zetlink-sites-catalog .zl-country,
.zetlink-sites-catalog.zl-rif2026 .zl-country { display: flex; align-items: center; gap: 7px; font-size: 0.8rem !important; justify-content: center; }
.zetlink-sites-catalog .zl-country b { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.zetlink-sites-catalog .zl-country i,
.zetlink-sites-catalog.zl-rif2026 .zl-country i { font-size: 0.82rem !important; font-weight: 800 !important; color: #1e293b !important; font-style: normal; }
.zetlink-sites-catalog .zl-countries .zl-flag,
.zetlink-sites-catalog.zl-rif2026 .zl-countries .zl-flag { width: 24px !important; height: 18px !important; border-radius: 3px; box-shadow: 0 0 0 1px rgba(15, 23, 42, .12); }
.zetlink-sites-catalog .zl-country-more { text-align: center; font-size: 0.68rem; }
.zetlink-sites-catalog .zl-th-semcountry, .zetlink-sites-catalog .zetlink-wsm-col-semcountry,
.zetlink-sites-catalog.zl-rif2026 .zl-th-semcountry, .zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-col-semcountry { min-width: 96px !important; max-width: 118px !important; }
/* Website column gives back the slack; row always fits 11–12 columns */
.zetlink-sites-catalog .zl-th-website, .zetlink-sites-catalog .zetlink-wsm-col-website,
.zetlink-sites-catalog.zl-rif2026 .zl-th-website, .zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-col-website { min-width: 200px !important; }
.zetlink-sites-catalog .zetlink-wsm-col-website .zl-site-meta,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-col-website .zl-site-meta { width: 176px !important; max-width: 176px !important; }
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th,
.zetlink-sites-catalog .zetlink-wsm-websites-table tbody td { padding-left: .4rem !important; padding-right: .4rem !important; }


/* ── RIF grid v11: bigger, cleaner header row (logos + labels larger, everything vertically centred) ── */
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th {
	padding-top: 14px !important; padding-bottom: 14px !important;
	font-size: 13.5px !important; line-height: 1.25 !important; letter-spacing: .01em !important;
	vertical-align: middle !important; background: #f8fafc !important; border-bottom: 2px solid #e2e8f0 !important;
	text-transform: none !important; color: #0f172a !important;
}
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th .zl-th-label,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th .zl-th-label { font-size: 13.5px !important; font-weight: 600 !important; color: #0f172a !important; gap: 4px; }
/* brand logos above the label */
.zetlink-sites-catalog .zl-th-brand,
.zetlink-sites-catalog.zl-rif2026 .zl-th-brand { display: block !important; height: 16px !important; line-height: 16px !important; margin-bottom: 4px !important; }
.zetlink-sites-catalog .zl-th-logo,
.zetlink-sites-catalog.zl-rif2026 .zl-th-logo,
.zetlink-sites-catalog .zl-th--two .zl-th-logo { height: 15px !important; max-width: 96px !important; width: auto !important; vertical-align: top !important; }
.zetlink-sites-catalog .zl-th-logo--moz,
.zetlink-sites-catalog.zl-rif2026 .zl-th-logo--moz { height: 13px !important; }
.zetlink-sites-catalog .zl-th-logo--semrush,
.zetlink-sites-catalog.zl-rif2026 .zl-th-logo--semrush,
.zetlink-sites-catalog .zl-th--two .zl-th-logo--semrush { height: 12px !important; }
.zetlink-sites-catalog .zl-th-logo--ahrefs,
.zetlink-sites-catalog.zl-rif2026 .zl-th-logo--ahrefs { height: 13px !important; }
.zetlink-sites-catalog .zl-th-logo--as,
.zetlink-sites-catalog.zl-rif2026 .zl-th-logo--as { height: 14px !important; }
.zetlink-sites-catalog .zl-th-top { font-size: 11px !important; line-height: 14px !important; }
/* help + sort icons scale with the bigger text */
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th .zl-help,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th .zl-help { width: 15px; height: 15px; font-size: 10px; line-height: 15px; }
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th .zetlink-wsm-sort-icon { margin-left: 3px; }
/* single-line headers (Website, Backlinks, Delivery, Price, Buy Now) sit on the same baseline as the two-line ones */
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-website,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-links,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-delivery,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-price,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-special,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-action { font-weight: 800 !important; color: #0f172a !important; }
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-action { font-size: 13.5px !important; }
/* a touch more air in the rows so the bigger header doesn't look crowded */
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table tbody td { padding-top: 13px !important; padding-bottom: 13px !important; }
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th:last-child,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th:last-child { background: #f8fafc !important; }


/* ── RIF grid v12: bigger brand logos + flags, two-line price headers balanced ── */
.zetlink-sites-catalog .zl-th-brand,
.zetlink-sites-catalog.zl-rif2026 .zl-th-brand { height: 20px !important; line-height: 20px !important; margin-bottom: 4px !important; }
.zetlink-sites-catalog .zl-th-logo,
.zetlink-sites-catalog.zl-rif2026 .zl-th-logo,
.zetlink-sites-catalog .zl-th--two .zl-th-logo { height: 17px !important; max-width: 104px !important; }
.zetlink-sites-catalog .zl-th-logo--ahrefs,
.zetlink-sites-catalog.zl-rif2026 .zl-th-logo--ahrefs { height: 13px !important; }
.zetlink-sites-catalog .zl-th-logo--moz,
.zetlink-sites-catalog.zl-rif2026 .zl-th-logo--moz { height: 12px !important; }
.zetlink-sites-catalog .zl-th-logo--semrush,
.zetlink-sites-catalog.zl-rif2026 .zl-th-logo--semrush,
.zetlink-sites-catalog .zl-th--two .zl-th-logo--semrush { height: 12px !important; }
.zetlink-sites-catalog .zl-th-logo--as,
.zetlink-sites-catalog.zl-rif2026 .zl-th-logo--as { height: 14px !important; }
/* "General / Special / Member" top line: same weight family as the label, a little smaller */
.zetlink-sites-catalog .zl-th-top,
.zetlink-sites-catalog.zl-rif2026 .zl-th-top { font-size: 12px !important; font-weight: 800 !important; color: #334155 !important; line-height: 16px !important; margin-bottom: 3px !important; letter-spacing: .01em; }
.zetlink-sites-catalog .zl-th-action .zl-th-top { font-size: 13.5px !important; color: #0f172a !important; }
/* a little wider so the bigger AS/DA/DR logos never touch */
.zetlink-sites-catalog .zl-th-as, .zetlink-sites-catalog .zl-th-da, .zetlink-sites-catalog .zl-th-dr,
.zetlink-sites-catalog .zetlink-wsm-col-as, .zetlink-sites-catalog .zetlink-wsm-col-da, .zetlink-sites-catalog .zetlink-wsm-col-dr { min-width: 70px !important; }
/* flags a step bigger too */
.zetlink-sites-catalog .zl-countries .zl-flag,
.zetlink-sites-catalog.zl-rif2026 .zl-countries .zl-flag { width: 26px !important; height: 20px !important; }
.zetlink-sites-catalog .zl-country i,
.zetlink-sites-catalog.zl-rif2026 .zl-country i { font-size: 0.88rem !important; }
.zetlink-sites-catalog .zl-country { gap: 8px; }
.zetlink-sites-catalog .zetlink-wsm-websites-table tbody td.zl-countries { line-height: 1.75; }

.zetlink-sites-catalog .zl-th-action .zl-th-top, .zetlink-sites-catalog .zl-th-action .zl-th-label { display: block; text-align: center; }

/* ── RIF grid v13: Twemoji flag list (reference look) ── */
.zetlink-sites-catalog .zl-flag-list { list-style: none; margin: 0; padding: 0; display: inline-flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.zetlink-sites-catalog .zl-flag-list li { display: flex; align-items: center; gap: 9px; line-height: 1; white-space: nowrap; }
.zetlink-sites-catalog .zl-flag-list .country-flag { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; flex: 0 0 auto; }
.zetlink-sites-catalog .zl-flag-list img.emoji,
.zetlink-sites-catalog.zl-rif2026 .zl-flag-list img.emoji { width: 30px !important; height: 30px !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; vertical-align: middle; display: inline-block; }
.zetlink-sites-catalog .zl-flag-list .zl-pct { font-size: 16px; font-weight: 600; color: #111827; letter-spacing: -.01em; }
.zetlink-sites-catalog .zl-flag-list .zl-pct--code { font-size: 13px; color: #475569; }
.zetlink-sites-catalog .zetlink-wsm-websites-table tbody td.zl-countries,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table tbody td.zl-countries { text-align: center; line-height: 1; }
.zetlink-sites-catalog .zl-countries .zl-country-more { display: block; margin-top: 6px; }

/* ── RIF grid v14: hero stats strip (20K+ / 2.1K+ / 8+ / 24/7) — self-contained copy of the rif2026 rules,
   so the band stays styled even if sites-catalog-rif2026.css fails to load ── */
.zetlink-sites-catalog .stats-strip,
.zl-rif2026 .stats-strip {
	height: 72px; margin-top: 13px; margin-bottom: 15px;
	border: 1px solid var(--sc-border, #dfe6ef); border-radius: 13px; background: #fff;
	display: grid !important; grid-template-columns: repeat(4, 1fr);
	box-shadow: var(--sc-shadow-sm, 0 2px 6px -1px rgba(14, 86, 245, 0.12));
}
.zetlink-sites-catalog .stats-strip .stat,
.zl-rif2026 .stats-strip .stat { display: flex !important; justify-content: center; align-items: center; gap: 13px; position: relative; margin: 0; padding: 0; }
.zetlink-sites-catalog .stats-strip .stat:not(:last-child)::after,
.zl-rif2026 .stats-strip .stat:not(:last-child)::after { content: ''; width: 1px; height: 29px; background: var(--sc-border, #dfe6ef); position: absolute; right: 0; }
.zetlink-sites-catalog .stats-strip .stat-icon,
.zl-rif2026 .stats-strip .stat-icon {
	width: 37px; height: 37px; border-radius: 50%; background: var(--sc-blue-soft, #edf4ff); color: var(--sc-blue, #0e56f5);
	display: grid !important; place-items: center; flex-shrink: 0;
}
.zetlink-sites-catalog .stats-strip .stat-icon svg { width: 19px; height: 19px; }
.zetlink-sites-catalog .stats-strip .stat strong,
.zl-rif2026 .stats-strip .stat strong { display: block; font-size: 17px; font-weight: 800; line-height: 1.1; color: #071936; }
.zetlink-sites-catalog .stats-strip .stat small,
.zl-rif2026 .stats-strip .stat small { display: block; font-size: 11px; color: var(--sc-muted, #66758f); }
@media (max-width: 900px) {
	.zetlink-sites-catalog .stats-strip, .zl-rif2026 .stats-strip { height: auto; grid-template-columns: 1fr 1fr; }
	.zetlink-sites-catalog .stats-strip .stat, .zl-rif2026 .stats-strip .stat { height: 64px; }
	.zetlink-sites-catalog .stats-strip .stat:nth-child(2)::after, .zl-rif2026 .stats-strip .stat:nth-child(2)::after { display: none; }
}


/* ── RIF grid v17: 1200–1449px laptops — the pinned Buy Now column gets its soft edge back while it can cover a neighbour ── */
@media (max-width: 1449.98px) {
	.zetlink-sites-catalog .zetlink-wsm-websites-table thead th:last-child,
	.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th:last-child,
	.zetlink-sites-catalog .zetlink-wsm-websites-table tbody td.zetlink-wsm-col-actions,
	.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table tbody td.zetlink-wsm-col-actions {
		box-shadow: -8px 0 10px -8px rgba(15, 23, 42, .14) !important;
	}
}

/* ── RIF grid v18: text-only headers on ONE line — "Member Price", "General Price", "Special Price", "Buy Now" ── */
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-price .zl-th-top,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-special .zl-th-top,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-action .zl-th-top,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-price .zl-th-top,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-special .zl-th-top,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-action .zl-th-top {
	display: inline !important; font-size: 16px !important; font-weight:700; color: #0f172a !important;
	margin: 0 3px 0 0 !important; line-height: 1.25 !important;
}
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-price .zl-th-label,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-special .zl-th-label,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-action .zl-th-label,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-action .zl-th-label { display: inline-flex !important; font-size: 16px !important; }
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-price,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-special,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-action,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-price,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-special,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-action {
	white-space: nowrap !important; max-width: none !important; font-size: 16px !important; font-weight:700 !important;
	padding-left: .3rem !important; padding-right: .3rem !important;
}

.zetlink-sites-catalog .zl-th-price .zl-help, .zetlink-sites-catalog .zl-th-special .zl-help { margin-left: 2px !important; }
.zetlink-sites-catalog .zl-th-price, .zetlink-sites-catalog .zetlink-wsm-col-price { min-width: 0 !important; }
.zetlink-sites-catalog .zl-th-special, .zetlink-sites-catalog .zetlink-wsm-col-special { min-width: 0 !important; }
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-action,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-action { min-width: 96px !important; }
.zetlink-sites-catalog .zl-th-website, .zetlink-sites-catalog .zetlink-wsm-col-website,
.zetlink-sites-catalog.zl-rif2026 .zl-th-website, .zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-col-website { min-width: 188px !important; }
/* ── RIF grid v15: no empty gaps on wide screens — fixed-content columns stop absorbing spare width;
   the spare width goes to the Website + Traffic columns instead ── */
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-as,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-da,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-dr,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-semcountry,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-links,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-delivery,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-price,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-special,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-as,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-da,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-dr,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-semcountry,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-links,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-delivery,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-price,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-special { width: 1% !important; max-width: none !important; }
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-action,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-action { width: 1% !important; min-width: 92px !important; }
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-traffic,
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-semrush,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-traffic,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-semrush { width: 9% !important; max-width: none !important; }
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-semcountry,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-semcountry { width: 8% !important; }
.zetlink-sites-catalog .zetlink-wsm-websites-table thead th.zl-th-website,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-websites-table thead th.zl-th-website { width: auto !important; max-width: none !important; }
/* price cells: keep the number tidy inside a content-sized column */
.zetlink-sites-catalog .zetlink-wsm-col-price, .zetlink-sites-catalog .zetlink-wsm-col-special,
.zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-col-price, .zetlink-sites-catalog.zl-rif2026 .zetlink-wsm-col-special { min-width: 96px !important; white-space: nowrap; }

/* ── RIF grid v16: flag list aligned like the reference — flags in one straight column, % in the next ── */
.zetlink-sites-catalog .zl-flag-list,
.zetlink-sites-catalog.zl-rif2026 .zl-flag-list {
	display: inline-grid !important; grid-template-columns: 30px auto; column-gap: 9px; row-gap: 5px;
	align-items: center; justify-items: start; text-align: left; margin: 0 auto; padding: 0; list-style: none;
}
.zetlink-sites-catalog .zl-flag-list li,
.zetlink-sites-catalog.zl-rif2026 .zl-flag-list li { display: contents; }
.zetlink-sites-catalog .zl-flag-list .country-flag { display: inline-flex; width: 30px; height: 24px; align-items: center; justify-content: center; }
.zetlink-sites-catalog .zl-flag-list img.emoji,
.zetlink-sites-catalog.zl-rif2026 .zl-flag-list img.emoji { width: 30px !important; height: 24px !important; object-fit: contain; }
.zetlink-sites-catalog .zl-flag-list .zl-pct { font-size: 15px; font-weight: 600; color: #111827; line-height: 1; white-space: nowrap; font-variant-numeric: tabular-nums; }
.zetlink-sites-catalog .zetlink-wsm-websites-table tbody td.zl-countries { text-align: center; }
/* flag only — no box, border, shadow or rounded frame around the emoji image */
.zetlink-sites-catalog .zl-flag-list img.emoji,
.zetlink-sites-catalog .zl-flag-list img.zl-flag,
.zetlink-sites-catalog.zl-rif2026 .zl-flag-list img.emoji,
.zetlink-sites-catalog.zl-rif2026 .zl-countries .zl-flag { box-shadow: none !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; outline: 0 !important; padding: 0 !important; margin: 0 !important; }
.zetlink-sites-catalog .zl-flag-list .country-flag { border: 0 !important; box-shadow: none !important; background: transparent !important; }

.zetlink-sites-catalog .zl-flag-list,
.zetlink-sites-catalog.zl-rif2026 .zl-flag-list {
	display: inline-grid !important;
	grid-template-columns: 30px auto;
	column-gap: 9px;
	row-gap: 5px;
	align-items: center;
	justify-items: start;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.zetlink-sites-catalog .zl-flag-list li,
.zetlink-sites-catalog.zl-rif2026 .zl-flag-list li {
	display: contents;
}

.zetlink-sites-catalog .zl-flag-list .country-flag {
	display: inline-flex;
	width: 30px;
	height: 24px;
	align-items: center;
	justify-content: center;
}

.zetlink-sites-catalog .zl-flag-list img.emoji,
.zetlink-sites-catalog.zl-rif2026 .zl-flag-list img.emoji {
	width: 20px !important;
	height: 24px !important;
	object-fit: cover;
}

.zetlink-sites-catalog .zl-flag-list .zl-pct {
	font-size: 15px;
	font-weight: 600;
	color: #111827;
	line-height: 1;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}