/*
Theme Name: Haqiqa
Theme URI: https://www.haqiqa-media.com/
Author: Haqiqa Media
Description: قالب خبری اختصاصی حقیقت مدیا — «روایت مستند، به زبان تصویر»
Version: 1.2.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: haqiqa
*/

/* ===================== Tokens ===================== */
body {
	--hq-blue: var(--wp--preset--color--primary);
	--hq-blue-dark: var(--wp--preset--color--primary-dark);
	--hq-bg: var(--wp--preset--color--base);
	--hq-surface: var(--wp--preset--color--surface);
	--hq-line: var(--wp--preset--color--border);
	--hq-text: var(--wp--preset--color--contrast);
	--hq-ink: var(--wp--preset--color--heading);
	--hq-muted: var(--wp--preset--color--muted);
	--hq-tint: var(--wp--preset--color--tint);
	--hq-sand: var(--wp--preset--color--sand);
	--hq-foot: var(--wp--preset--color--secondary);
	--hq-radius: 14px;
	--hq-shadow: 0 12px 30px -22px rgba(15, 39, 64, .45);
	--hq-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23c9a35a' stroke-opacity='.22'%3E%3Cpath d='M28 8l6 14 14 6-14 6-6 14-6-14-14-6 14-6z'/%3E%3Cpath d='M28 16l4 8 8 4-8 4-4 8-4-8-8-4 8-4z'/%3E%3C/g%3E%3C/svg%3E");
	background: var(--hq-bg);
	color: var(--hq-text);
}
html, body { overflow-x: clip; }
*, *::before, *::after { box-sizing: border-box; }
::selection { background: var(--hq-blue); color: #fff; }
.wp-site-blocks > header.wp-block-template-part { display: contents; }
.wp-site-blocks > * + * { margin-block-start: 0; }
.hq-main { padding-block: 1.75rem 4rem; }

/* check icon (from the logo) */
.hq-check {
	display: inline-block;
	flex: none;
	width: 1.15em;
	height: 1.15em;
	border-radius: 50%;
	background: var(--hq-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 68% no-repeat;
	vertical-align: -.15em;
}

/* ===================== Header ===================== */
.hq-header {
	position: sticky;
	top: 0;
	z-index: 60;
	background: rgba(255, 255, 255, .96);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-top: 3px solid var(--hq-blue);
	border-bottom: 1px solid var(--hq-line);
}
.admin-bar .hq-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .hq-header { top: 0; } }
.hq-header__row { min-height: 74px; gap: 1.25rem; }
.hq-brand { gap: .7rem; }
.hq-brand__text { gap: 0; }
.hq-brand__text .wp-block-site-title { margin: 0; font-size: 1.25rem; font-weight: 900; line-height: 1.4; }
.hq-brand__text .wp-block-site-title a { color: var(--hq-ink); text-decoration: none; }
.hq-tagline { margin: 0; color: var(--hq-muted); font-size: .76rem; }

.hq-nav .wp-block-navigation__container { gap: .25rem; }
.hq-nav .wp-block-navigation-item__content {
	padding: .45rem .85rem;
	border-radius: 99px;
	color: var(--hq-ink) !important;
	font-size: .93rem;
	font-weight: 700;
	text-decoration: none;
	transition: background .2s, color .2s;
}
.hq-nav .wp-block-navigation-item__content:hover,
.hq-nav .current-menu-item > .wp-block-navigation-item__content { background: var(--hq-tint); color: var(--hq-blue) !important; }
.hq-header .wp-block-navigation__responsive-container.is-menu-open { padding: 1.5rem; background: #fff !important; }
.hq-header .is-menu-open .wp-block-navigation-item__content { padding: .75rem 0; font-size: 1.1rem; border-radius: 0; border-bottom: 1px solid var(--hq-line); }

.hq-header__tools { display: flex; align-items: center; gap: .5rem; }
.hq-langs { display: flex; gap: .3rem; }
.hq-langs a { padding: .2rem .6rem; border: 1px solid var(--hq-line); border-radius: 99px; color: var(--hq-muted); font-size: .74rem; font-weight: 700; text-decoration: none; }
.hq-langs a:hover { border-color: var(--hq-blue); color: var(--hq-blue); }

.hq-search-toggle summary {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--hq-tint);
	color: var(--hq-blue);
	cursor: pointer;
	list-style: none;
}
.hq-search-toggle summary::-webkit-details-marker { display: none; }
.hq-search-toggle[open] summary { background: var(--hq-blue); color: #fff; }
.hq-search-toggle__form {
	position: absolute;
	inset-inline: 0;
	top: 100%;
	display: flex;
	gap: .5rem;
	padding: 1rem clamp(1rem, 4vw, 2rem);
	background: #fff;
	border-bottom: 1px solid var(--hq-line);
	box-shadow: var(--hq-shadow);
}
.hq-search-toggle__form input { flex: 1; min-width: 0; min-height: 48px; padding: .4rem 1rem; border: 1px solid var(--hq-line); border-radius: 99px; background: var(--hq-bg); font-family: inherit; font-size: 1rem; }
.hq-search-toggle__form button { padding: 0 1.5rem; border: 0; border-radius: 99px; background: var(--hq-blue); color: #fff; font-family: inherit; font-weight: 700; }

/* ===================== Shared bits ===================== */
.hq-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.hq-head__title { display: flex; align-items: center; gap: .55rem; margin: 0; color: var(--hq-ink); font-size: clamp(1.2rem, 2vw, 1.5rem); font-weight: 900; }
.hq-head__more { padding: .3rem .95rem; border: 1px solid var(--hq-line); border-radius: 99px; background: #fff; color: var(--hq-blue); font-size: .82rem; font-weight: 700; text-decoration: none; white-space: nowrap; }
.hq-head__more:hover { border-color: var(--hq-blue); background: var(--hq-blue); color: #fff; }
.hq-kicker, .hq-kicker a { margin: 0; color: var(--hq-blue) !important; font-size: .76rem; font-weight: 800; text-decoration: none; }
.hq-kicker { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hq-kicker a { position: relative; z-index: 2; }
.hq-kicker a:not(:first-of-type), .hq-kicker .wp-block-post-terms__separator { display: none; }
.hq-meta, .hq-meta time { color: var(--hq-muted); font-size: .76rem; }
.hq-badge {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	padding: .25rem .8rem .25rem .6rem;
	border-radius: 99px;
	background: var(--hq-tint);
	color: var(--hq-blue-dark);
	font-size: .78rem;
	font-weight: 800;
}
.hq-btn {
	display: inline-flex;
	align-items: center;
	padding: .65rem 1.5rem;
	border-radius: 99px;
	background: var(--hq-blue);
	color: #fff !important;
	font-weight: 800;
	text-decoration: none;
	transition: background .2s;
}
.hq-btn:hover { background: var(--hq-blue-dark); }

/* ===================== Home ===================== */
.hq-home > * + * { margin-block-start: 3rem; }

/* spotlight */
.hq-spotlight { display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr); gap: 1.25rem; }
.hq-spotlight__main {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	overflow: hidden;
	border-radius: var(--hq-radius);
	background: var(--hq-surface);
	box-shadow: var(--hq-shadow);
}
.hq-spotlight__media { margin: 0; background: var(--hq-tint); }
.hq-spotlight__media img { display: block; width: 100%; height: 100%; aspect-ratio: 1; object-fit: cover; }
.hq-spotlight__body { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: .75rem; padding: 2rem; }
.hq-spotlight__title { margin: 0; font-size: clamp(1.35rem, 2.4vw, 2rem); font-weight: 900; line-height: 1.55; }
.hq-spotlight__title a { color: var(--hq-ink); text-decoration: none; }
.hq-spotlight__title a:hover { color: var(--hq-blue); }
.hq-spotlight__text { margin: 0; color: var(--hq-text); line-height: 2; }
.hq-spotlight__more { display: flex; flex-direction: column; margin: 0; padding: .5rem 1.1rem; list-style: none; border-radius: var(--hq-radius); background: var(--hq-surface); box-shadow: var(--hq-shadow); }
.hq-spotlight__more li + li { border-top: 1px solid var(--hq-line); }
.hq-spotlight__more a { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: .8rem; align-items: center; padding: .8rem 0; text-decoration: none; }
.hq-spotlight__more img { display: block; width: 72px; height: 72px; border-radius: 10px; object-fit: cover; }
.hq-spotlight__more strong { display: -webkit-box; overflow: hidden; color: var(--hq-ink); font-size: .92rem; line-height: 1.7; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.hq-spotlight__more a:hover strong { color: var(--hq-blue); }
.hq-spotlight__more time { display: block; margin-top: .15rem; color: var(--hq-muted); font-size: .74rem; }

/* hot tags */
.hq-tags { display: flex; align-items: center; gap: .45rem; padding-bottom: .4rem; overflow-x: auto; scrollbar-width: thin; scrollbar-color: var(--hq-blue) var(--hq-line); }
.hq-home > .hq-tags { margin-block-start: 1.5rem; }
.hq-tags__label { flex: none; color: var(--hq-muted); font-size: .82rem; font-weight: 700; }
.hq-tags a { flex: none; padding: .35rem .9rem; border: 1px solid var(--hq-line); border-radius: 99px; background: #fff; color: var(--hq-ink); font-size: .84rem; text-decoration: none; white-space: nowrap; }
.hq-tags a:hover { border-color: var(--hq-blue); color: var(--hq-blue); }

/* fact cards (horizontal) */
.hq-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.hq-card { position: relative; overflow: hidden; border: 1px solid var(--hq-line); border-radius: var(--hq-radius); background: var(--hq-surface); list-style: none; transition: box-shadow .25s, transform .25s; }
.hq-card:hover { transform: translateY(-3px); box-shadow: var(--hq-shadow); }
.hq-card__media, .hq-card .wp-block-post-featured-image { margin: 0; background: var(--hq-tint); }
.hq-card img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.hq-card__body { display: flex; flex-direction: column; gap: .35rem; padding: .9rem 1rem 1rem; }
.hq-card__title { display: -webkit-box; margin: 0; overflow: hidden; color: var(--hq-ink); font-size: 1rem; font-weight: 800; line-height: 1.7; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.hq-card__title a { color: inherit !important; text-decoration: none; }
.hq-card__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.hq-card:hover .hq-card__title { color: var(--hq-blue); }
.hq-card__text, .hq-card .wp-block-post-excerpt__excerpt { display: -webkit-box; margin: 0; overflow: hidden; color: var(--hq-text); font-size: .86rem; line-height: 1.9; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.hq-card .wp-block-post-excerpt { margin: 0; }
.hq-card .wp-block-post-excerpt__more-text { display: none; }
.hq-cards .hq-card { display: grid; grid-template-columns: 132px minmax(0, 1fr); }
.hq-cards .hq-card img { height: 100%; }

/* gallery */
.hq-gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin: 0; padding: 0; list-style: none; }
.hq-tile { position: relative; overflow: hidden; border-radius: var(--hq-radius); background: var(--hq-tint); }
.hq-tile a { display: block; color: #fff; text-decoration: none; }
.hq-tile img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; transition: transform .5s; }
.hq-tile:hover img { transform: scale(1.05); }
.hq-tile__cap {
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	display: -webkit-box;
	padding: 2.5rem .9rem .8rem;
	overflow: hidden;
	background: linear-gradient(to top, rgba(15, 39, 64, .88), rgba(15, 39, 64, 0));
	font-size: .9rem;
	font-weight: 800;
	line-height: 1.7;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* timeline */
.hq-timeline { position: relative; margin: 0; padding: 0; list-style: none; }
.hq-timeline::before { content: ""; position: absolute; inset-inline-start: 11px; top: .5rem; bottom: .5rem; width: 2px; background: linear-gradient(var(--hq-blue), var(--hq-line)); }
.hq-timeline li { position: relative; padding-inline-start: 2.4rem; }
.hq-timeline li + li { margin-top: 1rem; }
.hq-timeline__dot { position: absolute; inset-inline-start: 4px; top: 1.4rem; width: 16px; height: 16px; border: 3px solid var(--hq-blue); border-radius: 50%; background: #fff; }
.hq-timeline__item { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 1rem; align-items: center; padding: .9rem; border: 1px solid var(--hq-line); border-radius: var(--hq-radius); background: var(--hq-surface); }
.hq-timeline__media img { display: block; width: 96px; height: 96px; border-radius: 10px; object-fit: cover; }
.hq-timeline__item h3 { margin: .15rem 0 .25rem; font-size: 1.02rem; font-weight: 800; line-height: 1.7; }
.hq-timeline__item h3 a { color: var(--hq-ink); text-decoration: none; }
.hq-timeline__item h3 a:hover { color: var(--hq-blue); }
.hq-timeline__item p { display: -webkit-box; margin: 0; overflow: hidden; color: var(--hq-text); font-size: .86rem; line-height: 1.9; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* spot: big card + compact list */
.hq-spot { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 1rem; }
.hq-spot ul { margin: 0; padding: 0; list-style: none; }
.hq-spot__main .hq-card__title { font-size: 1.25rem; -webkit-line-clamp: 3; }
.hq-spot__list { display: grid; gap: 1rem; }
.hq-spot__list .hq-card { display: grid; grid-template-columns: 110px minmax(0, 1fr); }
.hq-spot__list .hq-card img { height: 100%; }

/* topics with a gentle cultural pattern */
.hq-topics { padding: 1.75rem; border-radius: var(--hq-radius); background: var(--hq-sand) var(--hq-pattern); }
.hq-topics ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin: 0; padding: 0; list-style: none; }
.hq-topics a {
	display: flex;
	flex-direction: column;
	gap: .2rem;
	height: 100%;
	padding: .9rem 1rem;
	border-inline-start: 4px solid var(--hq-blue);
	border-radius: 10px;
	background: rgba(255, 255, 255, .92);
	text-decoration: none;
	transition: transform .2s, box-shadow .2s;
}
.hq-topics a:hover { transform: translateY(-2px); box-shadow: var(--hq-shadow); }
.hq-topics__name { color: var(--hq-ink); font-weight: 800; }
.hq-topics__count { color: var(--hq-muted); font-size: .78rem; }

/* ===================== Archive ===================== */
.hq-archive-head { margin-bottom: 1.5rem; padding: 1.5rem 1.75rem; border-radius: var(--hq-radius); background: var(--hq-tint); }
.hq-archive-head .wp-block-query-title { margin: 0; color: var(--hq-ink); font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 900; }
.hq-archive-head .wp-block-term-description { margin-top: .4rem; color: var(--hq-text); }
.hq-grid { gap: 1rem !important; }
.hq-grid > li { margin: 0; }

.wp-block-query-pagination { margin-top: 2.5rem; gap: .3rem; }
.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.6rem;
	height: 2.6rem;
	padding: 0 .9rem;
	border: 1px solid var(--hq-line);
	border-radius: 99px;
	background: #fff;
	color: var(--hq-ink);
	text-decoration: none;
}
.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover { border-color: var(--hq-blue); background: var(--hq-blue); color: #fff; }

/* ===================== Single: fact sheet ===================== */
.hq-breadcrumbs { margin-bottom: 1.1rem; color: var(--hq-muted); font-size: .82rem; }
.hq-main > .hq-breadcrumbs { max-width: var(--wp--style--global--wide-size); }
.hq-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.hq-breadcrumbs li + li::before { content: "‹"; margin-inline-end: .35rem; color: var(--hq-blue); }
.hq-breadcrumbs a { color: var(--hq-text); text-decoration: none; }
.hq-breadcrumbs a:hover { color: var(--hq-blue); }
.hq-breadcrumbs [aria-current] { display: inline-block; max-width: 40ch; overflow: hidden; color: var(--hq-ink); text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; }

.hq-fact { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2.5rem; align-items: start; }
.hq-fact__media { position: sticky; top: 100px; padding: 1rem; border-radius: var(--hq-radius); background: var(--hq-surface); box-shadow: var(--hq-shadow); }
.hq-fact__media .wp-block-post-featured-image { margin: 0; }
.hq-fact__media img { display: block; width: 100%; height: auto; max-height: 82vh; border-radius: 10px; object-fit: contain; }
.hq-fact__body > * + * { margin-block-start: 1rem; }
.hq-fact__cats { display: flex; flex-wrap: wrap; gap: .4rem; }
.hq-fact__cats a { padding: .15rem .75rem; border-radius: 99px; background: var(--hq-blue); color: #fff; font-size: .78rem; font-weight: 700; text-decoration: none; }
.hq-fact__cats .wp-block-post-terms__separator { display: none; }
.hq-fact__title { margin: 0; color: var(--hq-ink); font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 900; line-height: 1.6; }
.hq-fact .wp-block-post-content { padding: 1.25rem 1.4rem; border-inline-start: 4px solid var(--hq-blue); border-radius: 10px; background: var(--hq-surface); color: var(--hq-text); font-size: 1.08rem; line-height: 2.15; }
.hq-fact .wp-block-post-content a { color: var(--hq-blue); }
.hq-fact__tags { display: flex; flex-wrap: wrap; gap: .4rem; }
.hq-fact__tags a { padding: .2rem .75rem; border: 1px solid var(--hq-line); border-radius: 99px; background: #fff; color: var(--hq-ink); font-size: .8rem; text-decoration: none; }
.hq-fact__tags a::before { content: "#"; color: var(--hq-blue); }
.hq-fact__tags a:hover { border-color: var(--hq-blue); }
.hq-fact__tags .wp-block-post-terms__separator { display: none; }
.hq-related { margin-block-start: 3.5rem !important; }

.hq-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.hq-btn.hq-btn--ghost { background: transparent; border: 2px solid var(--hq-blue); color: var(--hq-blue) !important; }
.hq-qr summary { list-style: none; }
.hq-qr summary::-webkit-details-marker { display: none; }
.hq-qr__body { margin-top: .75rem; padding: 1rem; border-radius: 10px; background: #fff; }
.hq-share { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; padding-top: 1rem; border-top: 1px dashed var(--hq-line); font-size: .85rem; }
.hq-share span { margin-inline-end: .4rem; color: var(--hq-muted); font-weight: 700; }
.hq-share a { padding: .35rem 1rem; border-radius: 99px; background: var(--hq-tint); color: var(--hq-blue-dark); text-decoration: none; }
.hq-share a:hover { background: var(--hq-blue); color: #fff; }

/* ===================== Pages & forms ===================== */
.hq-page-title { margin: 0 0 1.5rem; color: var(--hq-ink); font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 900; }
.wp-block-search__input, .hq-year-select {
	width: 100%;
	min-height: 46px;
	padding: .45rem .9rem;
	border: 1px solid var(--hq-line);
	border-radius: 10px;
	background: #fff;
	color: var(--hq-ink);
	font-family: inherit;
}
.wp-block-search__button { border: 0; border-radius: 10px; background: var(--hq-blue); color: #fff; font-family: inherit; }

/* ===================== Footer ===================== */
.hq-footer {
	--hq-ftext: var(--hq-text);
	--hq-fhead: var(--hq-ink);
	--hq-fline: rgba(15, 39, 64, .1);
	--hq-fsoft: #fff;
	padding-top: 3rem;
	background: var(--hq-foot) var(--hq-pattern);
	border-top: 1px solid var(--hq-line);
	color: var(--hq-ftext);
	font-size: .9rem;
}
.hq-footer__cols { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.1fr) !important; gap: 2.5rem 3rem !important; padding-bottom: 2.5rem; }
.hq-footer__cols > * { min-width: 0; }
.hq-footer__cols > * > * + h3, .hq-footer__cols > * > * + .wp-block-heading { margin-top: 1.6rem; }
.hq-footer h3 { margin: 0 0 1rem; color: var(--hq-fhead); font-size: 1rem; font-weight: 900; }
.hq-footer p { margin: 0 0 .5rem; line-height: 2; }
.hq-footer a { color: var(--hq-ftext); text-decoration: none; }
.hq-footer a:hover { color: var(--hq-blue); }
.hq-footer-cats { display: grid; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.hq-footer-cats a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hq-footer-links { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; }
.hq-footer__bottom { padding-block: 1.1rem; border-top: 1px solid var(--hq-fline); font-size: .8rem; }
.hq-footer__bottom p { margin: 0; }
.hq-social { margin-top: 1rem; }
.hq-social .wp-social-link { background: var(--hq-fsoft) !important; color: var(--hq-blue) !important; border: 1px solid var(--hq-fline); }
.hq-social .wp-social-link:hover { background: var(--hq-blue) !important; color: #fff !important; }

.hq-newsletter { display: grid; gap: .5rem; }
.hq-newsletter input { min-height: 44px; padding: .45rem .9rem; border: 1px solid var(--hq-line); border-radius: 10px; background: #fff; font-family: inherit; }
.hq-newsletter button { min-height: 44px; border: 0; border-radius: 10px; background: var(--hq-blue); color: #fff; font-family: inherit; font-weight: 800; cursor: pointer; }
.hq-newsletter button:hover { background: var(--hq-blue-dark); }
.hq-newsletter__msg { margin: 0; color: var(--hq-blue-dark); font-size: .85rem; font-weight: 700; }
.hq-hp { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden; clip-path: inset(50%); opacity: 0; pointer-events: none; }

/* ===================== Responsive ===================== */
@media (max-width: 1100px) {
	.hq-nav .wp-block-navigation-item__content { padding-inline: .55rem; font-size: .86rem; }
	.hq-brand__text .hq-tagline { display: none; }
	.hq-spotlight { grid-template-columns: 1fr; }
	.hq-spotlight__more { display: grid; grid-template-columns: 1fr 1fr; column-gap: 1.25rem; }
	.hq-spotlight__more li + li { border-top: 0; }
	.hq-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hq-topics ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hq-footer__cols { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
}
@media (max-width: 900px) {
	.hq-spotlight__main { grid-template-columns: 1fr; }
	.hq-spotlight__body { padding: 1.25rem; }
	.hq-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hq-spot { grid-template-columns: 1fr; }
	.hq-fact { grid-template-columns: 1fr; }
	.hq-fact__media { position: static; }
}
@media (max-width: 600px) {
	.hq-header__row { min-height: 62px; }
	.hq-langs, .hq-brand__text .wp-block-site-title { display: none; }
	.hq-home > * + * { margin-block-start: 2.25rem; }
	.hq-spotlight__more { grid-template-columns: 1fr; }
	.hq-cards { grid-template-columns: 1fr; }
	.hq-cards .hq-card, .hq-spot__list .hq-card { grid-template-columns: 104px minmax(0, 1fr); }
	.hq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .6rem !important; }
	.hq-grid .hq-card__text, .hq-grid .wp-block-post-excerpt { display: none; }
	.hq-timeline__item { grid-template-columns: 72px minmax(0, 1fr); }
	.hq-timeline__media img { width: 72px; height: 72px; }
	.hq-topics { padding: 1.1rem; }
	.hq-footer__cols { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; }
}

/* ================= Eitaa icon ================= */
.wp-social-link a[href*="eitaa.com"] svg { visibility: hidden; }
.wp-social-link a[href*="eitaa.com"] { position: relative; }
.wp-social-link a[href*="eitaa.com"]::before {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	width: 1em;
	height: 1em;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.968 23.942a6.624 6.624 0 0 1-2.332-.83c-1.62-.929-2.829-2.593-3.217-4.426-.151-.717-.17-1.623-.15-7.207C.288 5.47.274 5.78.56 4.79c.142-.493.537-1.34.823-1.767C2.438 1.453 3.99.445 5.913.08c.384-.073.94-.08 6.056-.08 6.251 0 6.045-.009 7.066.314a6.807 6.807 0 0 1 4.314 4.184c.33.937.346 1.087.369 3.555l.02 2.23-.391.268c-.558.381-1.29 1.06-2.316 2.15-1.182 1.256-2.376 2.42-2.982 2.907-1.309 1.051-2.508 1.651-3.726 1.864-.634.11-1.682.067-2.302-.095-.553-.144-.517-.168-.726.464a6.355 6.355 0 0 0-.318 1.546l-.031.407-.146-.03c-1.215-.241-2.419-1.285-2.884-2.5a3.583 3.583 0 0 1-.26-1.219l-.016-.34-.309-.284c-.644-.59-1.063-1.312-1.195-2.061-.212-1.193.34-2.542 1.538-3.756 1.264-1.283 3.127-2.29 4.953-2.68.658-.14 1.818-.177 2.403-.075 1.138.198 2.067.773 2.645 1.639.182.271.195.31.177.555a.812.812 0 0 1-.183.493c-.465.651-1.848 1.348-3.336 1.68-2.625.585-4.294-.142-4.033-1.759.026-.163.04-.304.031-.313-.032-.032-.293.104-.575.3-.479.334-.903.984-1.05 1.607-.036.156-.05.406-.034.65.02.331.053.454.192.736.092.186.275.45.408.589l.24.251-.096.122a4.845 4.845 0 0 0-.677 1.217 3.635 3.635 0 0 0-.105 1.815c.103.461.421 1.095.739 1.468.242.285.797.764.886.764.024 0 .044-.048.044-.106.001-.23.184-.973.326-1.327.423-1.058 1.351-1.96 2.82-2.74.245-.13.952-.47 1.572-.757 1.36-.63 2.103-1.015 2.511-1.305 1.176-.833 1.903-2.065 2.14-3.625.086-.57.086-1.634 0-2.207-.368-2.438-2.195-4.096-4.818-4.37-2.925-.307-6.648 1.953-8.942 5.427-1.116 1.69-1.87 3.565-2.187 5.443-.123.728-.169 2.08-.093 2.75.193 1.704.822 3.078 1.903 4.156a6.531 6.531 0 0 0 1.87 1.313c2.368 1.13 4.99 1.155 7.295.071.996-.469 1.974-1.196 3.023-2.25 1.02-1.025 1.71-1.88 3.592-4.458 1.04-1.423 1.864-2.368 2.272-2.605l.15-.086-.019 3.091c-.018 2.993-.022 3.107-.123 3.561-.6 2.678-2.54 4.636-5.195 5.242l-.468.107-5.775.01c-4.734.008-5.85-.002-6.19-.056z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.968 23.942a6.624 6.624 0 0 1-2.332-.83c-1.62-.929-2.829-2.593-3.217-4.426-.151-.717-.17-1.623-.15-7.207C.288 5.47.274 5.78.56 4.79c.142-.493.537-1.34.823-1.767C2.438 1.453 3.99.445 5.913.08c.384-.073.94-.08 6.056-.08 6.251 0 6.045-.009 7.066.314a6.807 6.807 0 0 1 4.314 4.184c.33.937.346 1.087.369 3.555l.02 2.23-.391.268c-.558.381-1.29 1.06-2.316 2.15-1.182 1.256-2.376 2.42-2.982 2.907-1.309 1.051-2.508 1.651-3.726 1.864-.634.11-1.682.067-2.302-.095-.553-.144-.517-.168-.726.464a6.355 6.355 0 0 0-.318 1.546l-.031.407-.146-.03c-1.215-.241-2.419-1.285-2.884-2.5a3.583 3.583 0 0 1-.26-1.219l-.016-.34-.309-.284c-.644-.59-1.063-1.312-1.195-2.061-.212-1.193.34-2.542 1.538-3.756 1.264-1.283 3.127-2.29 4.953-2.68.658-.14 1.818-.177 2.403-.075 1.138.198 2.067.773 2.645 1.639.182.271.195.31.177.555a.812.812 0 0 1-.183.493c-.465.651-1.848 1.348-3.336 1.68-2.625.585-4.294-.142-4.033-1.759.026-.163.04-.304.031-.313-.032-.032-.293.104-.575.3-.479.334-.903.984-1.05 1.607-.036.156-.05.406-.034.65.02.331.053.454.192.736.092.186.275.45.408.589l.24.251-.096.122a4.845 4.845 0 0 0-.677 1.217 3.635 3.635 0 0 0-.105 1.815c.103.461.421 1.095.739 1.468.242.285.797.764.886.764.024 0 .044-.048.044-.106.001-.23.184-.973.326-1.327.423-1.058 1.351-1.96 2.82-2.74.245-.13.952-.47 1.572-.757 1.36-.63 2.103-1.015 2.511-1.305 1.176-.833 1.903-2.065 2.14-3.625.086-.57.086-1.634 0-2.207-.368-2.438-2.195-4.096-4.818-4.37-2.925-.307-6.648 1.953-8.942 5.427-1.116 1.69-1.87 3.565-2.187 5.443-.123.728-.169 2.08-.093 2.75.193 1.704.822 3.078 1.903 4.156a6.531 6.531 0 0 0 1.87 1.313c2.368 1.13 4.99 1.155 7.295.071.996-.469 1.974-1.196 3.023-2.25 1.02-1.025 1.71-1.88 3.592-4.458 1.04-1.423 1.864-2.368 2.272-2.605l.15-.086-.019 3.091c-.018 2.993-.022 3.107-.123 3.561-.6 2.678-2.54 4.636-5.195 5.242l-.468.107-5.775.01c-4.734.008-5.85-.002-6.19-.056z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ================= v1.1 refinements ================= */
/* timeline: two columns on desktop, no vertical line or dots */
.hq-timeline { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.hq-timeline::before, .hq-timeline__dot { display: none; }
.hq-timeline li { padding: 0; }
.hq-timeline li + li { margin-top: 0; }
.hq-timeline__item { height: 100%; }

/* topics: clean white tiles with more space */
.hq-topics { padding: 0; background: none; }
.hq-topics ul { gap: 1rem; }
.hq-topics a {
	align-items: flex-start;
	padding: 1.1rem 1.2rem;
	border: 1px solid var(--hq-line);
	border-inline-start: 4px solid var(--hq-blue);
	border-radius: var(--hq-radius);
	background: var(--hq-surface);
}
.hq-topics a:hover { border-color: var(--hq-blue); }
.hq-topics__name { font-size: 1rem; }

/* gallery: title below the image (images already carry their own text) */
.hq-tile { border: 1px solid var(--hq-line); background: var(--hq-surface); }
.hq-tile a { display: flex; flex-direction: column; height: 100%; color: var(--hq-ink); }
.hq-tile__media { display: block; overflow: hidden; background: var(--hq-tint); }
.hq-tile__cap {
	position: static;
	display: -webkit-box;
	padding: .75rem .9rem 0;
	overflow: hidden;
	background: none;
	color: var(--hq-ink);
	font-size: .95rem;
	font-weight: 800;
	line-height: 1.75;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.hq-tile:hover .hq-tile__cap { color: var(--hq-blue); }
.hq-tile__date { margin-top: auto; padding: .35rem .9rem .85rem; color: var(--hq-muted); font-size: .76rem; }

/* spot: list cards hug their content */
.hq-spot { align-items: start; }
.hq-spot__list { align-content: start; gap: .85rem; }
.hq-spot__list .hq-card { grid-template-columns: 120px minmax(0, 1fr); align-items: stretch; }
.hq-spot__list .hq-card img { aspect-ratio: auto; height: 100%; min-height: 120px; }
.hq-spot__list .hq-card__text { -webkit-line-clamp: 2; }

/* footer: clean, light */
.hq-footer { background: linear-gradient(180deg, #ffffff 0%, var(--hq-foot) 100%); border-top: 3px solid var(--hq-blue); }

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

/* ================= v1.2 fixes ================= */
/* square thumbnails that never grow beyond their column */
.hq-cards .hq-card__media,
.hq-spot__list .hq-card__media { position: relative; min-height: 120px; overflow: hidden; }
.hq-cards .hq-card__media img,
.hq-spot__list .hq-card__media img { position: absolute; inset: 0; width: 100%; height: 100% !important; aspect-ratio: auto; object-fit: cover; }
.hq-spot__list .hq-card { grid-template-columns: 120px minmax(0, 1fr); }

/* newsletter: Persian placeholder on the right, typed email stays LTR */
.hq-newsletter input { text-align: right; }
.hq-newsletter input[type="email"]:not(:placeholder-shown) { direction: ltr; text-align: left; }