/*
Theme Name: Dislekt - מרכז לדיסלקציה
Theme URI: https://www.dyslexia-bendor.co.il
Author: Dislekt
Description: ערכת נושא RTL לעברית – הוראה מתקנת, דיסלקציה ולקויות למידה. תוכן דינמי ועריכת תמונות דרך התאמה אישית.
Requires at least: 5.9
Tested up to: 6.4
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dislekt
Tags: rtl-language-support, custom-menu, custom-logo, featured-images, full-width-template, sticky-post, theme-options, translation-ready, one-column, custom-colors, accessibility-ready
*/

/* Base – theme design tokens (moved from functions.php Tailwind config) */
:root {
	--color-primary-navy: #1A2B3C;
	--color-accent-teal: #73bce9f7;
	--color-accent-teal-dark: #73bce9f7;
	--color-bg-offwhite: #F5F7F8;
	--color-hero-beige: #F8F6F3;
	--color-text-main: #1A2B3C;
	--color-text-muted: #4A5568;
	--font-display: 'Heebo', sans-serif;
	--font-body: 'Heebo', sans-serif;
	--radius: 0.5rem;
	--radius-lg: 1rem;
	--radius-xl: 1.5rem;
	--radius-2xl: 2rem;
}

/* Theme color utilities (custom colors from Tailwind config) */
.text-primary-navy { color: var(--color-primary-navy); }
.text-accent-teal { color: var(--color-accent-teal); }
.text-text-muted { color: var(--color-text-muted); }
.bg-primary-navy { background-color: var(--color-primary-navy); }
.bg-accent-teal { background-color: var(--color-accent-teal); }
.bg-accent-teal-dark { background-color: var(--color-accent-teal-dark); }
.bg-bg-offwhite { background-color: var(--color-bg-offwhite); }

.border-accent-teal { border-color: var(--color-accent-teal); }
.hover\:bg-accent-teal-dark:hover { background-color: var(--color-accent-teal-dark); }
.hover\:bg-accent-teal:hover { background-color: var(--color-accent-teal); }
.hover\:text-accent-teal:hover { color: var(--color-accent-teal); }
.shadow-primary-navy\/5 { box-shadow: 0 25px 50px -12px rgb(26 43 60 / 0.05); }
.group:hover .group-hover\:bg-accent-teal { background-color: var(--color-accent-teal); }
.group:hover .group-hover\:text-white { color: #fff; }

body {
	font-family: var(--font-body);
	font-size: 18px;
	background-color: var(--color-bg-offwhite);
	color: var(--color-text-main);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-body);
	color: var(--color-primary-navy);
}

/* RTL and layout helpers */
[dir="rtl"] .layout-container { width: 100%; }
[dir="rtl"] .layout-content-container { max-width: 1200px; margin: 0 auto; }

.material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Hero section – full-area image */
.dislekt-hero {
	position: relative;
	overflow: hidden;
}

.dislekt-hero__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: #f5efe6;
}

.dislekt-hero__bg picture {
	display: block;
	width: 100%;
	height: 100%;
}

.dislekt-hero__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

@media (min-width: 768px) {
	.dislekt-hero__bg img {
		object-position: right;
	}
}

/* Hero testimonial only – frosted background so quote is readable on image */
.dislekt-hero-testimonial {
	background: rgba(255, 255, 255, 0.82);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-radius: var(--radius-xl);
	padding: 15px;
	box-shadow: 0 4px 20px rgba(26, 43, 60, 0.1);
}
/* Testimonials section – card design */
.dislekt-testimonials-wrap {
	background: linear-gradient(180deg, var(--color-bg-offwhite) 0%, #fff 12%, #fff 88%, var(--color-bg-offwhite) 100%);
}

.dislekt-testimonial-card {
	position: relative;
	border: 1px solid rgba(26, 43, 60, 0.08);
	background: #fff;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.dislekt-testimonial-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(26, 43, 60, 0.12);
}

/* Linked card – full-area click target */
.dislekt-testimonial-card--linked {
	position: relative;
	cursor: pointer;
}
.dislekt-testimonial-card__link {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	z-index: 1;
}

.dislekt-testimonial-card::before {
	content: '"';
	position: absolute;
	top: 1rem;
	right: 1.25rem;
	font-size: 3rem;
	line-height: 1;
	font-family: Georgia, serif;
	color: var(--color-accent-teal);
	opacity: 0.35;
}

[dir="rtl"] .dislekt-testimonial-card {
	border-right: 4px solid var(--color-accent-teal);
}

[dir="rtl"] .dislekt-testimonial-card::before {
	right: auto;
	left: 1.25rem;
}

.dislekt-testimonial-stars {
	display: inline-flex;
	gap: 2px;
}

/* Expandable text clamp */
.dislekt-t-expand-text {
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.dislekt-t-expand-text.is-expanded {
	display: block;
	-webkit-line-clamp: unset;
	overflow: visible;
}
.dislekt-t-expand-btn {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	line-height: 1.4;
}

/* ── Mobile navigation drawer ──────────────────────────────────────────── */
.dislekt-mobile-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(26, 43, 60, 0.55);
	z-index: 45;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}
.dislekt-mobile-backdrop.is-open {
	opacity: 1;
	pointer-events: auto;
}

.dislekt-mobile-nav {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(320px, 88vw);
	background: #fff;
	z-index: 55;
	transform: translateX(100%);
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	box-shadow: -6px 0 32px rgba(26, 43, 60, 0.18);
}
.dislekt-mobile-nav.is-open {
	transform: translateX(0);
}

body.dislekt-nav-open {
	overflow: hidden;
}

/* Mobile menu items */
.dislekt-mobile-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.dislekt-mobile-menu li a {
	display: flex;
	align-items: center;
	padding: 14px 20px;
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-primary-navy);
	text-decoration: none;
	border-bottom: 1px solid #f3f4f6;
	transition: color 0.15s, background-color 0.15s;
}
.dislekt-mobile-menu li a:hover,
.dislekt-mobile-menu li.current-menu-item > a,
.dislekt-mobile-menu li.current_page_item > a {
	color: var(--color-accent-teal);
	background-color: #f5f7f8;
}

.dislekt-testimonial-video-wrap {
	border-radius: var(--radius-2xl);
	overflow: hidden;
	box-shadow: 0 8px 32px rgba(26, 43, 60, 0.12);
	border: 1px solid rgba(26, 43, 60, 0.06);
}

.dislekt-testimonials-post-more {
	background: linear-gradient(135deg, rgba(162, 196, 217, 0.12) 0%, rgba(162, 196, 217, 0.06) 100%);
	border: 1px dashed rgba(26, 43, 60, 0.15);
	border-radius: var(--radius-xl);
}

/* Testimonials page template – improved layout and spacing */
.dislekt-page-testimonials .dislekt-testimonials-inner {
	max-width: 1200px;
}

.dislekt-page-testimonials .dislekt-testimonials-header h1 {
	letter-spacing: -0.02em;
}

.dislekt-page-testimonials .dislekt-testimonials-intro p {
	margin-bottom: 0.75em;
}

.dislekt-page-testimonials .dislekt-testimonials-intro p:last-child {
	margin-bottom: 0;
}

.dislekt-page-testimonials .dislekt-testimonials-grid {
	display: grid;
	grid-template-columns: 1fr;
}

@media (min-width: 640px) {
	.dislekt-page-testimonials .dislekt-testimonials-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.dislekt-page-testimonials .dislekt-testimonials-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* FAQ page template */

/* Accordion item – no overflow:hidden on <details> itself to avoid
   WebKit bug where open content is clipped for long answers */
.dislekt-faq-item {
	background: #fff;
	border-radius: 12px;
	border: 1px solid #e5e7eb;
	box-shadow: 0 1px 4px rgba(26,43,60,.06);
}

/* Clip the summary's hover background to the top rounded corners */
.dislekt-faq-item > summary {
	border-radius: 12px;
	overflow: hidden;
}

/* When open, the summary only rounds its top corners */
.dislekt-faq-item[open] > summary {
	border-radius: 12px 12px 0 0;
}

/* Answer panel rounds its bottom corners */
.dislekt-faq-item > .dislekt-faq-answer {
	border-radius: 0 0 12px 12px;
	/* Ensure all content is visible regardless of length */
	overflow: visible;
	word-break: break-word;
	overflow-wrap: break-word;
}

.dislekt-page-faq .dislekt-faq-item summary::-webkit-details-marker {
	display: none;
}

.dislekt-page-faq .dislekt-faq-item[open] .dislekt-faq-icon {
	transform: rotate(45deg);
}

.dislekt-page-faq .dislekt-faq-question {
	align-items: center;
}

.dislekt-page-faq .dislekt-faq-answer p:first-child {
	margin-top: 0;
}

.dislekt-page-faq .dislekt-faq-answer p:last-child {
	margin-bottom: 0;
}

.dislekt-page-faq .dislekt-faq-answer p {
	margin-bottom: 0.85em;
}

/* ── Contact page ────────────────────────────────────────────────────────── */

/* ── Hero ── */
.dislekt-contact-hero {
	background: linear-gradient(135deg, #0e1d2d 0%, #1A2B3C 55%, #1f3347 100%);
	min-height: 340px;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.dislekt-contact-hero__glow {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}
.dislekt-contact-hero__glow--a {
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(115,188,233,.22) 0%, transparent 68%);
	top: -240px;
	inset-inline-end: -70px;
	filter: blur(40px);
}
.dislekt-contact-hero__glow--b {
	width: 380px;
	height: 380px;
	background: radial-gradient(circle, rgba(115,188,233,.11) 0%, transparent 70%);
	bottom: -150px;
	inset-inline-start: 4%;
	filter: blur(50px);
}

.dislekt-contact-hero__dots {
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(255,255,255,.045) 1.5px, transparent 1.5px);
	background-size: 28px 28px;
	pointer-events: none;
}

.dislekt-contact-hero__inner {
	text-align: right;
}

.dislekt-contact-hero__label {
	display: inline-block;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--color-accent-teal, #73bce9);
	border: 1px solid rgba(115,188,233,.4);
	border-radius: 4px;
	padding: 3px 10px;
	margin-bottom: 14px;
}

.dislekt-contact-hero__heading {
	color: #fff;
	font-size: clamp(2rem, 4.5vw, 3rem);
	font-weight: 900;
	line-height: 1.15;
	letter-spacing: -.02em;
	margin: 0 0 14px;
}

.dislekt-contact-hero__sub {
	color: rgba(255,255,255,.60);
	font-size: 1.05rem;
	line-height: 1.75;
	max-width: 540px;
	margin: 0 0 24px;
}

/* Quick-contact pills row in hero */
.dislekt-contact-hero__pills {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.dislekt-contact-hero__pill {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 16px;
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 9999px;
	color: rgba(255,255,255,.82);
	font-size: .875rem;
	font-weight: 500;
	text-decoration: none;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	transition: background .18s, border-color .18s, color .18s;
}

.dislekt-contact-hero__pill:hover {
	background: rgba(115,188,233,.18);
	border-color: rgba(115,188,233,.45);
	color: #fff;
}

.dislekt-contact-hero__pill svg {
	flex-shrink: 0;
	opacity: .75;
}

/* ── Body grid ── */
.dislekt-contact-grid {
	display: grid;
	grid-template-columns: 3fr 2fr;
	gap: 28px;
	align-items: start;
}

@media (max-width: 900px) {
	.dislekt-contact-grid {
		grid-template-columns: 1fr;
	}
}

/* ── Form card ── */
.dislekt-contact-form-card {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	box-shadow: 0 4px 28px rgba(14,29,45,.07);
	overflow: hidden;
}

.dislekt-contact-form-card__header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 20px 24px 18px;
	border-bottom: 1px solid #f3f4f6;
	background: linear-gradient(to bottom, #fafbfc, #fff);
	direction: rtl;
}

.dislekt-contact-form-card__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: rgba(115,188,233,.13);
	color: var(--color-accent-teal, #73bce9);
	flex-shrink: 0;
}

.dislekt-contact-form-card__title {
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--color-primary-navy, #1A2B3C);
	margin: 0;
}

.dislekt-contact-form-body {
	padding: 28px 24px;
}

/* CF7 fields */
.dislekt-contact-form-body .wpcf7-form label {
	display: block;
	font-size: .875rem;
	font-weight: 600;
	color: var(--color-primary-navy, #1A2B3C);
	margin-bottom: 5px;
}

.dislekt-contact-form-body .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

.dislekt-contact-form-body .wpcf7-form-control:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
	width: 100%;
	max-width: 100%;
	padding: .7rem 1rem;
	font-size: .9375rem;
	font-family: var(--font-body);
	color: var(--color-text-main);
	background: #f9fafb;
	border: 1.5px solid #e5e7eb;
	border-radius: 9px;
	transition: border-color .18s, box-shadow .18s;
}

.dislekt-contact-form-body .wpcf7-form-control:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus {
	outline: none;
	border-color: var(--color-accent-teal);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(115,188,233,.18);
}

.dislekt-contact-form-body .wpcf7-form textarea.wpcf7-form-control {
	min-height: 140px;
	resize: vertical;
}

.dislekt-contact-form-body .wpcf7-form p {
	margin-bottom: 1.1rem;
}

.dislekt-contact-form-body .wpcf7-form p:last-of-type {
	margin-bottom: 0;
}

.dislekt-contact-form-body .wpcf7-form input[type="submit"],
.dislekt-contact-form-body .wpcf7-form .wpcf7-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .8rem 2rem;
	font-family: var(--font-body);
	font-size: 1rem;
	font-weight: 700;
	color: #fff;
	background: var(--color-primary-navy, #1A2B3C);
	border: none;
	border-radius: 10px;
	cursor: pointer;
	transition: background .2s, transform .15s, box-shadow .2s;
	box-shadow: 0 3px 12px rgba(26,43,60,.22);
}

.dislekt-contact-form-body .wpcf7-form input[type="submit"]:hover,
.dislekt-contact-form-body .wpcf7-form .wpcf7-submit:hover {
	background: #152333;
	box-shadow: 0 6px 20px rgba(26,43,60,.28);
	transform: translateY(-1px);
}

.dislekt-contact-form-body .wpcf7-form .wpcf7-not-valid-tip {
	font-size: .8125rem;
	color: #c53030;
	margin-top: .25rem;
}

.dislekt-contact-form-body .wpcf7-form .wpcf7-response-output {
	margin: 1rem 0 0;
	padding: .75rem 1rem;
	border-radius: 8px;
	font-size: .9375rem;
}

.dislekt-contact-form-body .wpcf7-form .wpcf7-mail-sent-ok {
	border: 1px solid #48bb78;
	background: #f0fff4;
	color: #276749;
}

.dislekt-contact-form-body .wpcf7-form .wpcf7-validation-errors,
.dislekt-contact-form-body .wpcf7-form .wpcf7-mail-sent-ng {
	border: 1px solid #e53e3e;
	background: #fff5f5;
	color: #c53030;
}

/* ── Info panel (sidebar) ── */
.dislekt-contact-info {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

/* Contact details card */
.dislekt-contact-details-card {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 2px 16px rgba(14,29,45,.06);
}

.dislekt-contact-details-card__header {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 20px;
	background: linear-gradient(135deg, #0e1d2d 0%, #1A2B3C 100%);
	direction: rtl;
}

.dislekt-contact-details-card__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: rgba(115,188,233,.18);
	color: var(--color-accent-teal, #73bce9);
	flex-shrink: 0;
}

.dislekt-contact-details-card__title {
	font-size: 1rem;
	font-weight: 700;
	color: #fff;
	margin: 0;
}

.dislekt-contact-details-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dislekt-contact-detail {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 20px;
	border-bottom: 1px solid #f3f4f6;
	direction: rtl;
}

.dislekt-contact-detail:last-child {
	border-bottom: none;
}

.dislekt-contact-detail__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: rgba(115,188,233,.10);
	color: var(--color-accent-teal, #73bce9);
	flex-shrink: 0;
	margin-top: 1px;
}

.dislekt-contact-detail__body {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.dislekt-contact-detail__label {
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--color-text-muted, #6b7280);
}

.dislekt-contact-detail__value {
	font-size: .9375rem;
	font-weight: 500;
	color: var(--color-primary-navy, #1A2B3C);
	line-height: 1.5;
}

.dislekt-contact-detail__value--link {
	text-decoration: none;
	color: var(--color-primary-navy, #1A2B3C);
	transition: color .15s;
}

.dislekt-contact-detail__value--link:hover {
	color: var(--color-accent-teal, #73bce9);
}

/* Map figure */
.dislekt-contact-map {
	margin: 0;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid #e5e7eb;
	box-shadow: 0 2px 14px rgba(14,29,45,.06);
}

.dislekt-contact-map__img {
	width: 100%;
	height: auto;
	display: block;
}

/* Extra HTML block */
.dislekt-contact-extra {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	padding: 20px 22px;
	box-shadow: 0 2px 12px rgba(14,29,45,.05);
	font-size: .9375rem;
	line-height: 1.75;
	color: var(--color-text-muted, #6b7280);
}

.dislekt-contact-extra p:last-child {
	margin-bottom: 0;
}

/* Response-time card */
.dislekt-contact-reach {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	background: linear-gradient(135deg, rgba(115,188,233,.10) 0%, rgba(115,188,233,.04) 100%);
	border: 1px solid rgba(115,188,233,.25);
	border-radius: 14px;
	padding: 18px 20px;
}

.dislekt-contact-reach__icon-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: rgba(115,188,233,.18);
	color: var(--color-accent-teal, #73bce9);
	flex-shrink: 0;
}

.dislekt-contact-reach__body {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.dislekt-contact-reach__title {
	font-size: .875rem;
	font-weight: 700;
	color: var(--color-primary-navy, #1A2B3C);
}

.dislekt-contact-reach__text {
	font-size: .875rem;
	line-height: 1.65;
	color: var(--color-text-muted, #6b7280);
	margin: 0;
}

/* ── Press article template ──────────────────────────────────────────────── */

/* Hero label */
.dislekt-press-hero-label {
	display: inline-block;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--color-teal, #73bce9);
	border: 1px solid rgba(115,188,233,0.4);
	border-radius: 4px;
	padding: 3px 10px;
	margin-bottom: 4px;
}

/* Item number badge */
.dislekt-press-item-num {
	display: inline-block;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	color: var(--color-teal, #73bce9);
	margin-bottom: 10px;
}

/* ── Featured first item ── */
.dislekt-press-featured {
	display: grid;
	grid-template-columns: 1fr 48%;
	gap: 0;
	align-items: stretch;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 4px 32px rgba(26,43,60,0.09);
	overflow: hidden;
	margin-bottom: 48px;
}

.dislekt-press-featured__img-wrap {
	display: block;
	overflow: hidden;
	height: 100%;
	min-height: 380px;
	background: #e8edf2;
}

.dislekt-press-featured__img {

	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.dislekt-press-featured__img-wrap:hover .dislekt-press-featured__img {
	transform: scale(1.03);
}

/* RTL layout: body is the LEFT column, image is on the RIGHT */
.dislekt-press-featured__body {
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.dislekt-press-featured__title {
	font-size: 1.55rem;
	font-weight: 800;
	color: var(--color-navy, #1A2B3C);
	line-height: 1.35;
	margin: 0 0 18px;
}

.dislekt-press-featured__text {
	font-size: 0.97rem;
	line-height: 1.9;
	color: #3a4a5c;
}

.dislekt-press-featured__text p {
	margin-bottom: 0.9em;
}

.dislekt-press-featured__text p:last-child {
	margin-bottom: 0;
}

/* ── Grid of remaining items ── */
.dislekt-press-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 1fr;
	gap: 28px;
	align-items: stretch;
}

/* ── Press card ── */
.dislekt-press-card {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 16px rgba(26,43,60,0.07);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.dislekt-press-card:hover {
	box-shadow: 0 8px 36px rgba(26,43,60,0.13);
	transform: translateY(-3px);
}

.dislekt-press-card__img-wrap {
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	background: #e8edf2;
	flex-shrink: 0;
}

.dislekt-press-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.dislekt-press-card__img-wrap:hover .dislekt-press-card__img {
	transform: scale(1.04);
}

.dislekt-press-card__img-placeholder {
	aspect-ratio: 16 / 10;
	background: linear-gradient(135deg, #d8e4f0 0%, #c5d8eb 100%);
	flex-shrink: 0;
}

.dislekt-press-card__body {
	padding: 22px 22px 26px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.dislekt-press-card__title {
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--color-navy, #1A2B3C);
	line-height: 1.4;
	margin: 0 0 12px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.dislekt-press-card__text {
	font-size: 0.88rem;
	line-height: 1.8;
	color: #4A5568;
	flex: 1;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.dislekt-press-card__text p {
	margin-bottom: 0.7em;
}

.dislekt-press-card__text p:last-child {
	margin-bottom: 0;
}

/* ── Empty state ── */
.dislekt-press-empty {
	color: #90a3b8;
}

/* ── Responsive ── */
@media (max-width: 1023px) {
	.dislekt-press-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.dislekt-press-featured {
		grid-template-columns: 1fr 52%;
		gap: 0;
	}
	.dislekt-press-featured__body {
		padding: 28px 28px 28px 28px;
	}
}

@media (max-width: 767px) {
	.dislekt-press-featured {
		grid-template-columns: 1fr;
	}
	.dislekt-press-featured__img-wrap {
		min-height: 260px;
		height: 260px;
	}
	.dislekt-press-featured__body {
		padding: 24px 20px 28px;
	}
	.dislekt-press-featured__title {
		font-size: 1.25rem;
	}
	.dislekt-press-grid {
		grid-template-columns: 1fr;
	}
}

/* YouTube Shorts – portrait 9:16 ratio */
.dislekt-video-short {
	position: relative;
	width: 100%;
	padding-top: 177.78%;
}

.dislekt-hero__content .text-text-muted {
    /* 1. Deepen the base color for better contrast */
    color: #0d1620; 
    font-weight: 800; /* Thicker font helps the glow "pop" */
    
    /* 2. Intense layered glow (Neon Style) */
    /*text-shadow:
        0 0 7px #fff,               /* Bright core */

    /* 3. Optional: Subtle flicker animation for a "stronger" presence */

}

/* ============================================================
   Smart Template (smart-template.php)
   ============================================================ */

/* Hero label */
.dislekt-smart-hero-label {
	display: inline-block;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--color-accent-teal, #73bce9);
	border: 1px solid rgba(115,188,233,0.4);
	border-radius: 4px;
	padding: 3px 10px;
}

/* Page intro text */
.dislekt-smart-intro {
	font-size: 1.08rem;
	line-height: 1.9;
	color: var(--color-text-muted);
}

/* ── Content block ── */
.dislekt-smart-block {
	padding: 72px 0;
}
.dislekt-smart-block--bg-white { background: #fff; }
.dislekt-smart-block--bg-off   { background: var(--color-bg-offwhite, #F5F7F8); }

/* alternating border accent */
.dislekt-smart-block--bg-white {
	border-bottom: 1px solid rgba(26,43,60,0.06);
}

.dislekt-smart-block__inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 64px;
	align-items: center;
}

/* Image on the right (RTL end) */
.dislekt-smart-block--img-end .dislekt-smart-block__inner {
	direction: rtl;
}
/* Image on the left (RTL start) */
.dislekt-smart-block--img-start .dislekt-smart-block__inner {
	direction: ltr;
}

/* Always keep text direction RTL inside text side */
.dislekt-smart-block__text {
	direction: rtl;
}

/* Item number */
.dislekt-smart-block__num {
	display: inline-block;
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	color: var(--color-accent-teal, #73bce9);
	background: rgba(115,188,233,0.12);
	border-radius: 4px;
	padding: 2px 9px;
	margin-bottom: 14px;
}

/* Title */
.dislekt-smart-block__title {
	font-size: 1.9rem;
	font-weight: 900;
	color: var(--color-primary-navy, #1A2B3C);
	line-height: 1.3;
	margin: 0 0 14px;
}

/* Excerpt / subtitle */
.dislekt-smart-block__excerpt {
	font-size: 1.1rem;
	font-weight: normal;
	color: #1f475f;
	line-height: 1.6;
	margin: 0 0 16px;
}

/* Body content */
.dislekt-smart-block__content {
	font-size: 0.97rem;
	line-height: 1.95;
	color: var(--color-text-muted, #4A5568);
}
.dislekt-smart-block__content p { margin-bottom: 0.85em; }
.dislekt-smart-block__content p:last-child { margin-bottom: 0; }

/* ── Image wrapper ── */
.dislekt-smart-block__img-wrap {
	position: relative;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 16px 56px rgba(26,43,60,0.14);
}

/* Decorative angled accent behind image */
.dislekt-smart-block__img-wrap::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 18px;
	background: linear-gradient(135deg, rgba(115,188,233,0.18) 0%, transparent 60%);
	z-index: 1;
	pointer-events: none;
}

.dislekt-smart-block__img-link {
	display: block;
	overflow: hidden;
}

.dislekt-smart-block__img {
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dislekt-smart-block__img-link:hover .dislekt-smart-block__img {
	transform: scale(1.04);
}

/* Empty image placeholder */
.dislekt-smart-block__img-empty {
	aspect-ratio: 4 / 3;
	background: linear-gradient(135deg, #d8e6f2 0%, #c2d8ec 100%);
	min-height: 280px;
}

/* Alternating decorative side stripe */
.dislekt-smart-block--img-end .dislekt-smart-block__img-wrap::after {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: rgba(115,188,233,0.15);
	z-index: 0;
}
.dislekt-smart-block--img-start .dislekt-smart-block__img-wrap::after {
	content: '';
	position: absolute;
	bottom: -20px;
	right: -20px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: rgba(26,43,60,0.08);
	z-index: 0;
}

/* ── Empty state ── */
.dislekt-smart-empty {
	color: #90a3b8;
}

/* ── Responsive ── */
@media (max-width: 1023px) {
	.dislekt-smart-block__inner {
		gap: 40px;
	}
	.dislekt-smart-block__title {
		font-size: 1.5rem;
	}
}

@media (max-width: 767px) {
	.dislekt-smart-block {
		padding: 48px 0;
	}
	.dislekt-smart-block__inner {
		grid-template-columns: 1fr;
		gap: 32px;
		direction: rtl; /* always stack: text first, image below */
	}
	/* Force image below text on mobile */
	.dislekt-smart-block--img-end .dislekt-smart-block__inner,
	.dislekt-smart-block--img-start .dislekt-smart-block__inner {
		direction: rtl;
	}
	.dislekt-smart-block__img-wrap {
		order: 2;
	}
	.dislekt-smart-block__text {
		order: 1;
	}
	.dislekt-smart-block__title {
		font-size: 1.3rem;
	}
	.dislekt-smart-block__img {
		aspect-ratio: 16 / 9;
	}
}

/* ============================================================
   Blog – home.php & single.php
   ============================================================ */

/* ── Hero (blog index – branded, no featured post) ── */
.dislekt-blog-hero {
	background: linear-gradient(135deg, #0e1d2d 0%, #1A2B3C 50%, #1f3347 100%);
	min-height: 380px;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
}

/* Decorative glowing orbs */
.dislekt-blog-hero__glow {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}
.dislekt-blog-hero__glow--a {
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(115,188,233,.18) 0%, transparent 68%);
	top: -260px;
	inset-inline-end: -80px;
	filter: blur(40px);
}
.dislekt-blog-hero__glow--b {
	width: 400px;
	height: 400px;
	background: radial-gradient(circle, rgba(115,188,233,.09) 0%, transparent 70%);
	bottom: -160px;
	inset-inline-start: 4%;
	filter: blur(50px);
}

/* Subtle dot-grid texture */
.dislekt-blog-hero__dots {
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(255,255,255,.045) 1.5px, transparent 1.5px);
	background-size: 28px 28px;
	pointer-events: none;
}

.dislekt-blog-hero__inner {
	text-align: right;
}

/* Label pill */
.dislekt-blog-hero__label {
	display: inline-block;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--color-accent-teal, #73bce9);
	border: 1px solid rgba(115,188,233,.4);
	border-radius: 4px;
	padding: 3px 10px;
	margin-bottom: 16px;
}

/* Heading */
.dislekt-blog-hero__heading {
	color: #fff;
	font-size: clamp(2rem, 5vw, 3.4rem);
	font-weight: 900;
	line-height: 1.15;
	letter-spacing: -.02em;
	margin: 0 0 20px;
}

/* Tagline */
.dislekt-blog-hero__tagline {
	color: rgba(255,255,255,.6);
	font-size: 1.05rem;
	line-height: 1.75;
	max-width: 520px;
	margin: 0 0 32px;
}

/* Stats row */
.dislekt-blog-hero__stats {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
}
.dislekt-blog-hero__stat {
	display: inline-flex;
	align-items: baseline;
	gap: 7px;
	background: rgba(255,255,255,.06);
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 10px;
	padding: 10px 20px;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
.dislekt-blog-hero__stat-num {
	font-size: 1.55rem;
	font-weight: 900;
	color: var(--color-accent-teal, #73bce9);
	line-height: 1;
}
.dislekt-blog-hero__stat-label {
	font-size: .85rem;
	font-weight: 600;
	color: rgba(255,255,255,.52);
	letter-spacing: .02em;
}

/* ── Category badge (hero overlay) ── */
.dislekt-blog-cat-badge {
	display: inline-block;
	background: var(--color-accent-teal);
	color: #fff;
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	padding: .25rem .75rem;
	border-radius: 9999px;
	text-decoration: none;
	transition: background .2s;
}
.dislekt-blog-cat-badge:hover { background: var(--color-accent-teal-dark); }

/* ── Category pill (card body) ── */
.dislekt-blog-cat-pill {
	display: inline-block;
	font-size: .7rem;
	font-weight: 700;
	color: var(--color-accent-teal);
	background: rgba(115,188,233,.12);
	padding: .2rem .65rem;
	border-radius: 9999px;
	text-decoration: none;
	transition: background .2s, color .2s;
}
.dislekt-blog-cat-pill:hover {
	background: var(--color-accent-teal);
	color: #fff;
}

/* ── Post card ── */
.dislekt-post-card {
	transition: transform .25s ease, box-shadow .25s ease;
}
.dislekt-post-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 40px rgba(26,43,60,.10);
}
.dislekt-post-card__thumb img,
.dislekt-post-card__img {
	transition: transform .5s ease;
}
.dislekt-post-card:hover .dislekt-post-card__img {
	transform: scale(1.05);
}
.dislekt-post-card__title a {
	text-decoration: none;
	color: var(--color-primary-navy);
	transition: color .2s;
}
.dislekt-post-card:hover .dislekt-post-card__title a { color: var(--color-accent-teal); }

.dislekt-post-card__excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.dislekt-post-card__read-more {
	font-size: .78rem;
	font-weight: 700;
	color: var(--color-accent-teal);
	text-decoration: none;
	transition: color .2s;
	white-space: nowrap;
}
.dislekt-post-card__read-more:hover { color: var(--color-accent-teal-dark); }

/* ── Pagination ── */
.dislekt-blog-pagination .nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	flex-wrap: wrap;
}
.dislekt-blog-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	height: 2.5rem;
	padding: 0 .75rem;
	border-radius: .6rem;
	font-size: .875rem;
	font-weight: 600;
	text-decoration: none;
	border: 1.5px solid transparent;
	color: var(--color-primary-navy);
	background: #fff;
	transition: background .2s, color .2s, border-color .2s, box-shadow .2s;
}
.dislekt-blog-pagination .page-numbers:hover {
	background: var(--color-accent-teal);
	color: #fff;
	border-color: var(--color-accent-teal);
	box-shadow: 0 4px 14px rgba(115,188,233,.3);
}
.dislekt-blog-pagination .page-numbers.current {
	background: var(--color-primary-navy);
	color: #fff;
	border-color: var(--color-primary-navy);
}
.dislekt-blog-pagination .page-numbers.dots {
	background: transparent;
	border-color: transparent;
	pointer-events: none;
}

/* ── Single post hero ── */
.dislekt-single-hero__overlay {
	background: linear-gradient(
		to bottom,
		rgba(26,43,60,.5) 0%,
		rgba(26,43,60,.68) 50%,
		rgba(26,43,60,.97) 100%
	);
}

/* ── Single post article content ── */
.dislekt-single-content {
	font-size: 1.0625rem;
	line-height: 1.85;
	color: var(--color-text-main);
}
.dislekt-single-content h2,
.dislekt-single-content h3,
.dislekt-single-content h4 {
	color: var(--color-primary-navy);
	font-weight: 800;
	margin-top: 2.25rem;
	margin-bottom: .75rem;
	line-height: 1.3;
}
.dislekt-single-content h2 { font-size: 1.5rem; }
.dislekt-single-content h3 { font-size: 1.25rem; }
.dislekt-single-content h4 { font-size: 1.05rem; }
.dislekt-single-content p { margin-bottom: 1.4rem; }
.dislekt-single-content a {
	color: var(--color-accent-teal);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.dislekt-single-content a:hover { color: var(--color-accent-teal-dark); }
.dislekt-single-content ul,
.dislekt-single-content ol {
	padding-right: 1.5rem;
	margin-bottom: 1.4rem;
}
.dislekt-single-content ul { list-style: disc; }
.dislekt-single-content ol { list-style: decimal; }
.dislekt-single-content li { margin-bottom: .4rem; }
.dislekt-single-content blockquote {
	border-right: 4px solid var(--color-accent-teal);
	border-left: none;
	padding: .75rem 1.25rem;
	margin: 1.75rem 0;
	background: rgba(115,188,233,.07);
	border-radius: 0 .5rem .5rem 0;
	font-style: italic;
	color: var(--color-text-muted);
}
.dislekt-single-content img {
	border-radius: .75rem;
	max-width: 100%;
	height: auto;
	margin: 1.5rem 0;
}
.dislekt-single-content figure { margin: 1.5rem 0; }
.dislekt-single-content figcaption {
	font-size: .8rem;
	color: var(--color-text-muted);
	text-align: center;
	margin-top: .4rem;
}

/* ── Tag pills (single) ── */
.dislekt-blog-tag {
	display: inline-block;
	font-size: .75rem;
	font-weight: 500;
	color: var(--color-text-muted);
	background: #fff;
	border: 1.5px solid #e5e7eb;
	padding: .2rem .7rem;
	border-radius: 9999px;
	text-decoration: none;
	transition: border-color .2s, color .2s;
}
.dislekt-blog-tag:hover {
	border-color: var(--color-accent-teal);
	color: var(--color-accent-teal);
}

/* ── Prev/next nav cards ── */
.dislekt-single-nav-card {
	display: flex;
	flex-direction: column;
	gap: .4rem;
	background: #fff;
	border: 1.5px solid #e5e7eb;
	border-radius: .875rem;
	padding: 1rem 1.125rem;
	text-decoration: none;
	transition: border-color .2s, box-shadow .2s, transform .2s;
	text-align: right;
}
.dislekt-single-nav-card:hover {
	border-color: var(--color-accent-teal);
	box-shadow: 0 6px 20px rgba(115,188,233,.18);
	transform: translateY(-2px);
}
.dislekt-single-nav-card--prev { text-align: left; }
.dislekt-single-nav-card__label {
	display: flex;
	align-items: center;
	gap: .3rem;
	font-size: .72rem;
	font-weight: 600;
	color: var(--color-text-muted);
	text-transform: uppercase;
	letter-spacing: .05em;
}
.dislekt-single-nav-card__title {
	font-size: .875rem;
	font-weight: 700;
	color: var(--color-primary-navy);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.4;
	transition: color .2s;
}
.dislekt-single-nav-card:hover .dislekt-single-nav-card__title { color: var(--color-accent-teal); }

/* ── Related post cards ── */
.dislekt-related-card {
	text-decoration: none;
	transition: transform .25s ease, box-shadow .25s ease;
}
.dislekt-related-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 28px rgba(26,43,60,.09);
}
.dislekt-related-card__img {
	transition: transform .5s ease;
}
.dislekt-related-card:hover .dislekt-related-card__img { transform: scale(1.06); }
.dislekt-related-card__title {
	color: var(--color-primary-navy);
	transition: color .2s;
}
.dislekt-related-card:hover .dislekt-related-card__title { color: var(--color-accent-teal); }

/* ── Back to blog button ── */
.dislekt-back-to-blog {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	font-size: .875rem;
	font-weight: 600;
	color: var(--color-text-muted);
	text-decoration: none;
	padding: .6rem 1.25rem;
	border: 1.5px solid #e5e7eb;
	border-radius: 9999px;
	background: #fff;
	transition: color .2s, border-color .2s, box-shadow .2s;
}
.dislekt-back-to-blog:hover {
	color: var(--color-accent-teal);
	border-color: var(--color-accent-teal);
	box-shadow: 0 4px 14px rgba(115,188,233,.18);
}

/* ── Page links (multi-page posts) ── */
.dislekt-single-page-links {
	display: flex;
	align-items: center;
	gap: .5rem;
	flex-wrap: wrap;
	margin-top: 2rem;
	padding-top: 1.5rem;
	border-top: 1px solid #e5e7eb;
	font-size: .875rem;
	color: var(--color-text-muted);
}
.dislekt-single-page-links span a,
.dislekt-single-page-links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2rem;
	height: 2rem;
	border-radius: .4rem;
	border: 1.5px solid #e5e7eb;
	background: #fff;
	color: var(--color-primary-navy);
	font-weight: 600;
	text-decoration: none;
	transition: background .2s, color .2s, border-color .2s;
	padding: 0 .5rem;
}
.dislekt-single-page-links span a:hover,
.dislekt-single-page-links a:hover {
	background: var(--color-accent-teal);
	color: #fff;
	border-color: var(--color-accent-teal);
}

/* ============================================================
   Archive – archive.php
   ============================================================ */

/* ── Banner base ── */
.dislekt-archive-banner {
	position: relative;
	overflow: hidden;
	background: var(--color-primary-navy);
}

.dislekt-archive-banner__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		135deg,
		rgba(26,43,60,.97) 0%,
		rgba(26,43,60,.80) 60%,
		rgba(115,188,233,.18) 100%
	);
}

/* Category – teal left accent stripe */
.dislekt-archive-banner--category::before {
	content: '';
	position: absolute;
	inset-block: 0;
	right: 0;
	width: 5px;
	background: var(--color-accent-teal);
	border-radius: 0 0 0 4px;
}

/* Tag – lighter, more minimal */
.dislekt-archive-banner--tag {
	background: linear-gradient(135deg, var(--color-primary-navy) 60%, #0e1e2e 100%);
}

/* Author – slightly warmer */
.dislekt-archive-banner--author {
	background: linear-gradient(135deg, #0f2030 0%, var(--color-primary-navy) 100%);
}

/* Date – cooler blue tint */
.dislekt-archive-banner--date {
	background: linear-gradient(135deg, #162636 0%, var(--color-primary-navy) 100%);
}

/* ── Banner icon / avatar ── */
.dislekt-archive-banner__icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.dislekt-archive-icon {
	width: 3rem;
	height: 3rem;
	color: var(--color-accent-teal);
	stroke-width: 1.5;
}

.dislekt-archive-avatar {
	width: 64px !important;
	height: 64px !important;
	border-radius: 9999px;
	border: 3px solid rgba(115,188,233,.5);
	object-fit: cover;
}

/* ── Post count badge ── */
.dislekt-archive-count {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,.08);
	border: 1.5px solid rgba(255,255,255,.15);
	border-radius: 1rem;
	padding: .75rem 1.25rem;
	text-align: center;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.dislekt-archive-count__num {
	display: block;
	font-size: 1.75rem;
	font-weight: 900;
	color: #fff;
	line-height: 1;
}

.dislekt-archive-count__label {
	display: block;
	font-size: .7rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: rgba(255,255,255,.55);
	margin-top: .25rem;
}

/* ── Category sibling filter strip ── */
.dislekt-archive-filter {
	padding-bottom: 1.25rem;
	border-bottom: 1.5px solid #e5e7eb;
}

.dislekt-archive-filter__pill {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	font-size: .78rem;
	font-weight: 600;
	color: var(--color-text-muted);
	background: #fff;
	border: 1.5px solid #e5e7eb;
	padding: .35rem .9rem;
	border-radius: 9999px;
	text-decoration: none;
	transition: background .2s, color .2s, border-color .2s, box-shadow .2s;
	white-space: nowrap;
}

.dislekt-archive-filter__pill:hover {
	background: var(--color-accent-teal);
	color: #fff;
	border-color: var(--color-accent-teal);
	box-shadow: 0 4px 12px rgba(115,188,233,.28);
}

.dislekt-archive-filter__pill--active {
	background: var(--color-primary-navy);
	color: #fff;
	border-color: var(--color-primary-navy);
}

.dislekt-archive-filter__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.25rem;
	height: 1.25rem;
	background: rgba(255,255,255,.2);
	border-radius: 9999px;
	font-size: .65rem;
	font-weight: 700;
	padding: 0 .3rem;
}

.dislekt-archive-filter__pill:not(.dislekt-archive-filter__pill--active) .dislekt-archive-filter__count {
	background: rgba(26,43,60,.08);
	color: var(--color-text-muted);
}

.py-6 {
	padding-top: 6.5rem;
	padding-bottom: 0.5rem;
}

@media (max-width: 767px) {
	.gap-3 {
		gap: 3.75rem;
	}
}