/**
 * Alpha News — main stylesheet.
 *
 * Hand-written, dependency-free CSS. Uses the custom properties printed by
 * inc/classes/class-alpha-news-assets.php so colours and widths follow the
 * Theme Options.
 *
 * Hespress-inspired reconstruction pass: the presentation below follows the
 * current Hespress.com visual hierarchy (two-row header, horizontal cards,
 * 3:2 image ratios, red accents) while remaining a clean, token-driven,
 * dependency-free stylesheet. Arabic typography uses the open-source
 * "Noto Kufi Arabic" / "Cairo" families (see --alpha-font-body).
 *
 * @package Alpha_News
 * @since   1.0.0
 */

/* -------------------------------------------------- Reset */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: var(--alpha-font-body, "Noto Kufi Arabic", "Cairo", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
	font-size: var(--alpha-font-size, 16px);
	font-weight: 400;
	/* Arabic script needs a taller default leading than Latin. */
	line-height: 1.75;
	color: var(--alpha-text, #000000);
	background: var(--alpha-body-bg, #fff);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: var(--alpha-link, var(--alpha-primary, #1e22b4));
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--alpha-font-heading, "Cairo", "Noto Kufi Arabic", inherit);
	font-weight: 800;
	line-height: 1.4;
	margin: 0 0 .5em;
}

/* Arabic-first heading scale (Hespress-like hierarchy). */
h1 { font-size: 2rem; }
h2 { font-size: 1.625rem; }
h3 { font-size: 1.375rem; }
h4 { font-size: 1.125rem; }
h5 { font-size: 1rem; }
h6 { font-size: .9375rem; }

/* -------------------------------------------------- Layout */
.alpha-news-container {
	width: 100%;
	max-width: var(--alpha-container, 1200px);
	margin-inline: auto;
	padding-inline: var(--alpha-site-space, 16px);
}

.alpha-news-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 32px;
	padding-block: 32px;
}

@media (min-width: 992px) {
	.alpha-news-layout {
		grid-template-columns: minmax(0, 1fr) 320px;
	}
}

.alpha-news-layout__content {
	min-width: 0;
}

/* -------------------------------------------------- Accessibility */
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

.skip-link:focus {
	position: fixed;
	top: 8px;
	left: 8px;
	z-index: 100000;
	padding: 8px 16px;
	background: #fff;
	color: #000;
	clip: auto;
	width: auto;
	height: auto;
}

/* -------------------------------------------------- Header
 * Hespress-accurate two-row sticky header (reconstructed from the live
 * https://www.hespress.com/ DOM/CSS, rebuilt with ALPHA NEWS branding):
 *   .alpha-news-utility     → thin utility strip (date + weather)
 *   .alpha-news-brand-row   → brand bar (logo + lang + dark + search)
 *   .alpha-news-nav-row     → light navigation bar (menu + search + social)
 * Branding remains ALPHA NEWS; no Hespress asset, logo or markup is used.
 */
.alpha-news-header {
	position: sticky;
	top: 0;
	z-index: 999;
	margin-bottom: 15px;
	background: var(--alpha-header-bg, #fff);
}

.alpha-news-header--not-sticky {
	position: static;
}

/* Utility strip — date on the start side, weather on the end side */
.alpha-news-utility {
	background: var(--alpha-primary, #1e22b4);
	color: #fff;
	font-size: 12px;
}

.alpha-news-utility__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 30px;
	gap: 12px;
}

.alpha-news-utility__date {
	opacity: .9;
	white-space: nowrap;
}

.alpha-news-utility__meta {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}

.alpha-news-utility__weather {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}

.alpha-news-utility__weather-temp {
	font-size: 20px;
	font-weight: 700;
}

.alpha-news-utility__weather-location {
	opacity: .85;
}

/* Row 1 — blue brand bar (logo on the inline-start/right, moon on the left) */
.alpha-news-brand-row {
	background-color: var(--alpha-primary, #1e22b4);
	color: #fff;
}

.alpha-news-brand-row__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 66px;
	gap: 16px;
}

.alpha-news-brand-row__start {
	display: flex;
	align-items: center;
	gap: 8px;
}

.alpha-news-brand-row__end {
	display: flex;
	align-items: center;
	gap: .5rem;
	color: #fff;
}

/* Row 2 — white navigation bar (bold compact Arabic links) */
.alpha-news-nav-row {
	background-color: var(--alpha-nav-bg, #ffffff);
	color: var(--alpha-nav-text, #000000);
	font-weight: 700;
	min-height: 48px;
	box-shadow: 0 1px 1px 0 var(--alpha-nav-border, #d6d6d6);
}

.alpha-news-nav-row__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
}

/* RIGHT cluster: hamburger + primary menu */
.alpha-news-nav-row__start {
	display: flex;
	align-items: center;
	gap: .25rem;
	flex: 1 1 auto;
	min-width: 0;
}

/* LEFT cluster: search control + social icons */
.alpha-news-nav-row__end {
	display: flex;
	align-items: center;
	gap: .75rem;
	flex: 0 0 auto;
}

.alpha-news-nav-row__social {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
}

.alpha-news-nav-row__social .alpha-news-social {
	margin: 0;
	gap: .35rem;
}

.alpha-news-nav-row__social .alpha-news-social a {
	width: 26px;
	height: 26px;
	padding: 2px;
	background: transparent;
	color: inherit;
}

.alpha-news-nav-row__social .alpha-news-social a:hover {
	background: rgba(0, 0, 0, .08);
}

/* Logo */
.alpha-news-logo {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: .25rem 0;
}

.alpha-news-logo img {
	display: block;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

/*
 * When the administrator sets an explicit logo height/width in Theme Options
 * the matching custom property is emitted; otherwise the logo keeps its
 * natural aspect ratio (never distorted, never gigantic).
 */
.alpha-news-logo img[class*="alpha-news-logo__img"] {
	height: var(--alpha-logo-height, auto);
	width: var(--alpha-logo-width, auto);
	max-width: 100%;
	object-fit: contain;
}

.alpha-news-logo--text {
	font-size: 28px;
	font-weight: 800;
	letter-spacing: -.5px;
	color: inherit;
}

/*
 * Dark-mode logo swap. The dark variant is only rendered by alpha_news_logo()
 * when one is configured, so the light logo is only hidden when a dark
 * sibling actually exists — otherwise the light logo stays visible instead of
 * leaving an empty slot.
 */
.alpha-news-logo .alpha-news-logo__img--dark {
	display: none;
}

body.alpha-news--dark .alpha-news-logo .alpha-news-logo__img--light:not(:only-of-type) {
	display: none;
}

body.alpha-news--dark .alpha-news-logo .alpha-news-logo__img--dark {
	display: block;
}

/* Search panel (collapsible, sits under the brand row) */
.alpha-news-search-panel {
	background: var(--alpha-header-bg, #fff);
	border-bottom: 1px solid var(--alpha-border, #e7e6f7);
	padding-block: .75rem;
}

.alpha-news-search-panel .search-form {
	display: flex;
	gap: .5rem;
}

.alpha-news-search-panel input[type="search"] {
	flex: 1 1 auto;
	padding: .5rem .75rem;
	border: 1px solid var(--alpha-border, #e7e6f7);
	border-radius: var(--alpha-radius, 0);
}

/* Language switcher */
.alpha-news-lang {
	display: flex;
	gap: .5rem;
}

.alpha-news-lang__item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	border: 1px solid currentColor;
	border-radius: .5rem;
	font-size: 12px;
	font-weight: 600;
	color: inherit;
}

.alpha-news-lang__item:hover {
	text-decoration: none;
	opacity: .85;
}

/* Header action buttons (search / dark / burger) */
.alpha-news-header__actions {
	display: flex;
	align-items: center;
	gap: 4px;
}

.alpha-news-header__actions button,
.alpha-news-search-toggle,
.alpha-news-dark-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: 0;
	padding: .5rem;
	cursor: pointer;
	color: inherit;
}

.alpha-news-header__actions button:hover {
	opacity: .8;
}

/*
 * Circular search control in the white navigation row (reference: subtle
 * light-grey circle). Uses the theme tokens so it follows the palette.
 */
.alpha-news-nav-row .alpha-news-search-toggle {
	width: 38px;
	height: 38px;
	padding: 0;
	border-radius: 50%;
	background: var(--alpha-gray, #f1f1f1);
	color: var(--alpha-nav-text, #000000);
	transition: background .2s ease, color .2s ease;
}

.alpha-news-nav-row .alpha-news-search-toggle:hover {
	background: var(--alpha-primary, #1e22b4);
	color: #fff;
}

/* Dark-mode toggle sits on the blue bar; keep it white and borderless. */
.alpha-news-brand-row .alpha-news-dark-toggle {
	color: #fff;
	padding: .35rem;
	border-radius: 50%;
}

.alpha-news-brand-row .alpha-news-dark-toggle:hover {
	background: rgba(255, 255, 255, .15);
}

.alpha-news-burger {
	display: inline-flex;
	flex-direction: column;
	gap: 4px;
	background: none;
	border: 0;
	cursor: pointer;
	padding: 8px;
	color: inherit;
}

.alpha-news-burger__bar {
	display: block;
	width: 22px;
	height: 2px;
	background: currentColor;
}

/*
 * The hamburger is part of the reference desktop composition (far right of the
 * white row) so it stays visible at every breakpoint. On mobile it is the
 * primary way to reach the full menu.
 */

/* -------------------------------------------------- Navigation */
.alpha-news-nav {
	display: flex;
	flex: 1 1 auto;
	min-width: 0;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: thin;
}

.alpha-news-menu {
	display: flex;
	flex-grow: 1;
	flex-wrap: nowrap;
	gap: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: start;
	color: var(--alpha-nav-text, #000000);
}

.alpha-news-menu li {
	position: relative;
	flex: 0 0 auto;
}

.alpha-news-menu a {
	display: block;
	padding: .55rem .85rem;
	font-weight: 800;
	font-size: 18px;
	line-height: 1.15;
	letter-spacing: -.2px;
	color: inherit;
	white-space: nowrap;
}

.alpha-news-menu .current-menu-item > a,
.alpha-news-menu a:hover {
	color: var(--alpha-primary, #1e22b4);
	text-decoration: none;
}

.alpha-news-menu .current-menu-item > a {
	border-bottom: 3px solid var(--alpha-primary, #1e22b4);
}

.alpha-news-menu .sub-menu {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (min-width: 992px) {
	.alpha-news-menu > li:hover > .sub-menu {
		display: block;
		position: absolute;
		top: 100%;
		inset-inline-start: 0;
		min-width: 220px;
		background: var(--alpha-nav-bg, #f7f7f7);
		border-top: 2px solid var(--alpha-border, #e7e6f7);
		box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
		z-index: 100;
	}

	.alpha-news-menu > li:hover > .sub-menu a {
		color: var(--alpha-nav-text, #000000);
	}
}

/*
 * Responsive: below the desktop breakpoint the horizontal menu is replaced by
 * the off-canvas drawer (hamburger). Social icons move into the drawer so the
 * row never overflows.
 */
@media (max-width: 991px) {
	.alpha-news-nav {
		display: none;
	}

	.alpha-news-nav-row__social {
		display: none;
	}
}

@media (max-width: 575px) {
	.alpha-news-brand-row__inner {
		min-height: 58px;
	}

	.alpha-news-nav-row__inner {
		min-height: 44px;
	}
}

/* -------------------------------------------------- Mobile drawer */
.alpha-news-mobile {
	position: fixed;
	inset-block: 0;
	inset-inline-start: 0;
	width: min(320px, 85vw);
	background: var(--alpha-drawer-bg, #1e22b4);
	color: var(--alpha-drawer-text, #fff);
	z-index: 10000;
	transform: translateX(-100%);
	transition: transform .25s ease;
	overflow-y: auto;
}

.alpha-news-mobile[hidden] {
	display: block;
	transform: translateX(-100%);
}

.alpha-news-mobile.is-open {
	transform: translateX(0);
}

.alpha-news-mobile__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	background: var(--alpha-drawer-bg, #1e22b4);
	color: var(--alpha-drawer-text, #fff);
	border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.alpha-news-mobile__close {
	background: none;
	border: 0;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	color: inherit;
}

.alpha-news-mobile__body {
	padding: 16px;
}

.alpha-news-mobile .alpha-news-menu {
	flex-direction: column;
}

.alpha-news-mobile .sub-menu {
	display: block;
	padding-inline-start: 16px;
}

.alpha-news-mobile-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 9999;
}

.alpha-news-mobile-overlay[hidden] {
	display: none;
}

/* -------------------------------------------------- Nav-row inline search
 * Hespress keeps a compact pill search box inside the navigation row that
 * expands on focus. Rebuilt here with ALPHA NEWS tokens.
 */
.alpha-news-nav-row__search {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
}

.alpha-news-nav-row__search .search-form {
	display: flex;
	align-items: center;
	background: var(--alpha-gray, #f4f4f4);
	border: 1px solid var(--alpha-border, #e7e6f7);
	border-radius: 10rem;
	height: 30px;
	overflow: hidden;
	transition: width .3s ease;
	width: 180px;
}

.alpha-news-nav-row__search .search-form:focus-within {
	width: 260px;
}

.alpha-news-nav-row__search input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	border: 0;
	background: transparent;
	padding: 0 14px;
	height: 30px;
	font-size: 13px;
	color: var(--alpha-text, #000000);
}

.alpha-news-nav-row__search input[type="search"]:focus {
	outline: none;
}

.alpha-news-nav-row__search .search-submit {
	flex: 0 0 auto;
	width: 34px;
	height: 30px;
	border: 0;
	background: transparent;
	cursor: pointer;
	color: var(--alpha-muted, #6b6b6b);
}

/* -------------------------------------------------- Search panel */
.alpha-news-search-panel {
	border-top: 1px solid rgba(0, 0, 0, .08);
	padding-block: 16px;
}

.alpha-news-searchform {
	display: flex;
	gap: 8px;
}

.alpha-news-searchform__input {
	flex: 1;
	padding: 10px 14px;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 6px;
	font-size: 16px;
}

.alpha-news-searchform__submit,
.alpha-news-button {
	padding: 10px 18px;
	border: 0;
	border-radius: 6px;
	background: var(--alpha-primary, #1e22b4);
	color: #fff;
	font-weight: 600;
	cursor: pointer;
}

/* -------------------------------------------------- Single (Hespress-style article) */
.alpha-news-single {
	background: var(--alpha-body-bg, #fff);
}

.alpha-news-single__header {
	margin-bottom: 1.25rem;
}

.alpha-news-single__cat {
	display: inline-block;
	margin-block-end: .6rem;
	padding: 4px 12px;
	border-radius: 3px;
	background: var(--alpha-primary, #1e22b4);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .2px;
}

.alpha-news-single__cat:hover {
	background: var(--alpha-primary-dark, #171a88);
	color: #fff;
	text-decoration: none;
}

.alpha-news-single__title {
	font-size: clamp(1.5rem, 3.4vw, 2.35rem);
	line-height: 1.35;
	font-weight: 800;
	margin-block: .35rem .75rem;
	color: var(--alpha-heading, #232323);
}

.alpha-news-single__lead {
	font-size: 1.0625rem;
	line-height: 1.75;
	color: var(--alpha-muted, #6b6b6b);
	margin-block: 0 1rem;
	font-weight: 500;
}

.alpha-news-single__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	font-size: 13px;
	color: var(--alpha-muted, #6b6b6b);
	padding-block: .75rem;
	border-block: 1px solid var(--alpha-border, #e7e6f7);
	margin-bottom: 1.5rem;
}

.alpha-news-single__author {
	font-weight: 700;
	color: var(--alpha-heading, #232323);
}

.alpha-news-single__reading::before {
	content: "•";
	margin-inline-end: 8px;
	color: var(--alpha-border, #e7e6f7);
}

/* Single article featured image — professional news proportion.
 * Constrained to the article column, capped in height, cover-cropped so a
 * tall portrait or an oversized upload never dominates the screen. The
 * placeholder inherits the same box, so a missing image never renders a
 * giant grey block. */
.alpha-news-single__thumb {
	margin: 0 0 1.5rem;
	position: relative;
	width: 100%;
	max-width: 100%;
	aspect-ratio: 16 / 9;
	max-height: 520px;
	overflow: hidden;
	border-radius: var(--alpha-radius, 0);
	background: var(--alpha-gray, #f4f4f4);
}

.alpha-news-single__thumb img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: var(--alpha-radius, 0);
}

/* Fallback for engines without aspect-ratio support. */
@supports not (aspect-ratio: 16 / 9) {
	.alpha-news-single__thumb {
		height: 0;
		padding-bottom: 56.25%;
	}
}

@media (max-width: 767px) {
	.alpha-news-single__thumb {
		max-height: 380px;
	}
}

.alpha-news-single__caption {
	margin-block-start: .5rem;
	font-size: 12.5px;
	color: var(--alpha-muted, #6b6b6b);
	line-height: 1.6;
}

.alpha-news-single__content {
	font-size: 1.125rem;
	line-height: 1.95;
	color: var(--alpha-text, #000000);
}

.alpha-news-single__content > * + * {
	margin-top: 1.4em;
}

.alpha-news-single__content h2,
.alpha-news-single__content h3 {
	margin-block: 1.6em .6em;
	line-height: 1.4;
}

.alpha-news-single__content img {
	max-width: 100%;
	height: auto;
	border-radius: var(--alpha-radius, 0);
}

.alpha-news-single__content blockquote {
	margin-inline: 0;
	padding: .75rem 1.25rem;
	border-inline-start: 4px solid var(--alpha-primary, #1e22b4);
	background: var(--alpha-gray, #f4f4f4);
	font-weight: 600;
	color: var(--alpha-heading, #232323);
}

.alpha-news-single__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-block: 1.75rem;
}

.alpha-news-single__tags a {
	display: inline-block;
	padding: 5px 12px;
	border: 1px solid var(--alpha-border, #e7e6f7);
	border-radius: 3px;
	background: var(--alpha-gray, #f4f4f4);
	color: var(--alpha-text, #000000);
	font-size: 12.5px;
	font-weight: 600;
}

.alpha-news-single__tags a:hover {
	background: var(--alpha-primary, #1e22b4);
	border-color: var(--alpha-primary, #1e22b4);
	color: #fff;
	text-decoration: none;
}

.alpha-news-single__nav {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	margin-block: 2rem;
	padding-block-start: 1.5rem;
	border-block-start: 1px solid var(--alpha-border, #e7e6f7);
}

@media (min-width: 640px) {
	.alpha-news-single__nav {
		grid-template-columns: 1fr 1fr;
	}
}

.alpha-news-single__nav a {
	display: block;
	padding: .85rem 1rem;
	border: 1px solid var(--alpha-border, #e7e6f7);
	border-radius: var(--alpha-radius, 0);
	font-size: .9375rem;
	font-weight: 600;
	line-height: 1.5;
	color: var(--alpha-heading, #232323);
}

.alpha-news-single__nav a:hover {
	border-color: var(--alpha-primary, #1e22b4);
	color: var(--alpha-primary, #1e22b4);
	text-decoration: none;
}

.alpha-news-single__nav-next {
	text-align: end;
}

.alpha-news-share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-block: 1.5rem;
}

.alpha-news-share__item {
	padding: 8px 16px;
	border-radius: 3px;
	background: var(--alpha-gray, #f4f4f4);
	color: var(--alpha-text, #000000);
	font-size: 13px;
	font-weight: 700;
}

.alpha-news-share__item:hover {
	background: var(--alpha-primary, #1e22b4);
	color: #fff;
	text-decoration: none;
}

/* -------------------------------------------------- Breadcrumb */
.alpha-news-breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
	font-size: 14px;
	color: var(--alpha-muted, #6b6b6b);
}

.alpha-news-breadcrumb li + li::before {
	content: "/";
	margin-inline-end: 8px;
	color: var(--alpha-muted, #6b6b6b);
}

/* -------------------------------------------------- Archive / Category / Tag / Author / Search */
.alpha-news-archive-header {
	margin-bottom: 1.5rem;
	padding-block-end: 1rem;
	border-block-end: 2px solid var(--alpha-primary, #1e22b4);
}

.alpha-news-archive-header__title {
	font-size: clamp(1.5rem, 3vw, 2rem);
	font-weight: 800;
	line-height: 1.35;
	margin: 0;
	color: var(--alpha-heading, #232323);
}

.alpha-news-archive-header__title::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 1.1em;
	margin-inline-end: .6rem;
	vertical-align: -0.15em;
	background: var(--alpha-primary, #1e22b4);
	border-radius: 2px;
}

.alpha-news-archive-header__desc {
	margin-block-start: .6rem;
	font-size: .9375rem;
	line-height: 1.7;
	color: var(--alpha-muted, #6b6b6b);
}

.alpha-news-author-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1rem;
}

.alpha-news-author-header__avatar img {
	border-radius: 50%;
	width: 72px;
	height: 72px;
	object-fit: cover;
}

.alpha-news-author-header__bio {
	font-size: .9375rem;
	line-height: 1.7;
	color: var(--alpha-muted, #6b6b6b);
	margin-block-start: .35rem;
}

/* -------------------------------------------------- Pagination */
.pagination,
.alpha-news-comments .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-block: 32px;
}

.pagination .page-numbers,
.alpha-news-comments .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding-inline: 10px;
	border-radius: 6px;
	background: var(--alpha-gray, #f4f4f4);
	color: var(--alpha-text, #000000);
	font-weight: 600;
}

.pagination .page-numbers.current,
.alpha-news-comments .page-numbers.current {
	background: var(--alpha-primary, #1e22b4);
	color: #fff;
}

/* -------------------------------------------------- Sidebar & widgets */
.alpha-news-sidebar {
	min-width: 0;
}

.alpha-news-widget {
	margin-bottom: 1.75rem;
	padding: 1rem;
	border: 1px solid var(--alpha-border, #e7e6f7);
	border-radius: var(--alpha-radius, 0);
	background: var(--alpha-body-bg, #fff);
}

.alpha-news-widget__title,
.alpha-news-widget .widget-title {
	position: relative;
	margin: 0 0 1rem;
	padding-block-end: .6rem;
	border-block-end: 2px solid var(--alpha-primary, #1e22b4);
	font-family: var(--alpha-font-heading);
	font-size: 1.0625rem;
	font-weight: 800;
	color: var(--alpha-heading, #232323);
}

.alpha-news-widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.alpha-news-widget li {
	padding-block: .55rem;
	border-block-end: 1px solid var(--alpha-border, #e7e6f7);
	font-size: .9375rem;
	line-height: 1.6;
}

.alpha-news-widget li:last-child {
	border-block-end: 0;
}

.alpha-news-widget a {
	color: var(--alpha-text, #000000);
}

.alpha-news-widget a:hover {
	color: var(--alpha-primary, #1e22b4);
}

/* -------------------------------------------------- Footer (Hespress-style) */
.alpha-news-footer {
	background: var(--alpha-footer-bg, #1e22b4);
	color: #fff;
	margin-top: 2rem;
}

.alpha-news-footer a {
	color: rgba(255, 255, 255, .82);
}

.alpha-news-footer a:hover {
	color: #fff;
}

.alpha-news-footer__widgets {
	padding-block: 2.5rem;
	border-block-end: 1px solid rgba(255, 255, 255, .12);
}

.alpha-news-footer__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
}

@media (min-width: 600px) {
	.alpha-news-footer__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 992px) {
	.alpha-news-footer__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.alpha-news-footer__column .widget {
	margin-bottom: 1.5rem;
}

.alpha-news-footer__column .widget-title {
	position: relative;
	margin: 0 0 1rem;
	padding-block-end: .55rem;
	border-block-end: 2px solid var(--alpha-primary, #1e22b4);
	font-size: 1rem;
	font-weight: 800;
	color: #fff;
}

.alpha-news-footer__column ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.alpha-news-footer__column li {
	padding-block: .45rem;
	border-block-end: 1px solid rgba(255, 255, 255, .08);
	font-size: .875rem;
	line-height: 1.6;
}

.alpha-news-footer__column li:last-child {
	border-block-end: 0;
}

.alpha-news-footer__main {
	padding-block: 2rem;
}

.alpha-news-footer__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.25rem;
}

.alpha-news-footer__brand {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.alpha-news-footer__text {
	margin: 0;
	max-width: 42ch;
	font-size: .875rem;
	line-height: 1.7;
	color: rgba(255, 255, 255, .7);
}

.alpha-news-footer__nav .alpha-news-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: .875rem;
	font-weight: 600;
}

.alpha-news-footer__copyright {
	padding-block: 1rem;
	border-block-start: 1px solid rgba(255, 255, 255, .12);
	font-size: .8125rem;
	text-align: center;
	color: rgba(255, 255, 255, .65);
}

/* Footer logo mirrors original .alpha-logo img { width: 256px } */
.alpha-news-footer .alpha-news-logo img,
.alpha-news-footer__logo img {
	width: var(--alpha-footer-logo-width, 256px);
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

.alpha-news-social {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Original .social-link: 2rem square, 2px padding */
.alpha-news-social a,
.alpha-news-social .social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 2px;
	border-radius: var(--alpha-radius, 0);
	background: rgba(255, 255, 255, .12);
	color: #fff;
}

.alpha-news-social a:hover {
	background: rgba(255, 255, 255, .25);
}

.alpha-news-social__item a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding-inline: 10px;
	border-radius: 6px;
	background: rgba(255, 255, 255, .1);
	font-size: 13px;
}

.alpha-news-social__icon {
	display: block;
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
}

.alpha-news-share__item .alpha-news-social__icon {
	width: 16px;
	height: 16px;
}

.alpha-news-topbar .alpha-news-social__item a {
	background: rgba(255, 255, 255, .18);
}

/* -------------------------------------------------- 404 */
.alpha-news-404 {
	text-align: center;
	padding-block: 80px;
}

.alpha-news-404__code {
	font-size: clamp(64px, 12vw, 140px);
	margin: 0;
	color: var(--alpha-primary, #1e22b4);
}

/* -------------------------------------------------- Dark mode
 * The Theme Options "Dark Mode" switch controls whether the dark palette is
 * available at all. When it is disabled the body receives
 * .alpha-news--dark-disabled and every dark rule below is neutralised, so the
 * toggle can never apply a palette the administrator turned off. */
body.alpha-news--dark {
	background: #0b1220;
	color: var(--alpha-border, #e7e6f7);
}

body.alpha-news--dark-disabled.alpha-news--dark {
	background: var(--alpha-body-bg, #ffffff);
	color: var(--alpha-text, #000000);
}

body.alpha-news--dark-disabled.alpha-news--dark .alpha-news-card,
body.alpha-news--dark-disabled.alpha-news--dark .alpha-news-mobile,
body.alpha-news--dark-disabled.alpha-news--dark .alpha-news-search-panel,
body.alpha-news--dark-disabled.alpha-news--dark .alpha-news-section {
	background: var(--alpha-body-bg, #ffffff);
	color: var(--alpha-text, #000000);
}

body.alpha-news--dark-disabled.alpha-news--dark .alpha-news-card__title a,
body.alpha-news--dark-disabled.alpha-news--dark .alpha-news-card__excerpt,
body.alpha-news--dark-disabled.alpha-news--dark .alpha-news-menu a {
	color: var(--alpha-text, #000000);
}

body.alpha-news--dark .alpha-news-card,
body.alpha-news--dark .alpha-news-mobile,
body.alpha-news--dark .alpha-news-search-panel {
	background: var(--alpha-heading, #232323);
	color: var(--alpha-border, #e7e6f7);
}

body.alpha-news--dark .alpha-news-card__title a,
body.alpha-news--dark .alpha-news-menu a {
	color: var(--alpha-border, #e7e6f7);
}

/* -------------------------------------------------- Homepage sections
 * Homepage Builder section system:
 *   .sec-slider  -> 55% content + 246/326px sidebar-one + 246px sidebar-two
 *   .sec-sidebar -> 66.66% content + 33.33% sidebar-one
 *   .sec-two     -> 1 col mobile, 2 cols >=768
 *   .sec-three   -> 1 col mobile, 3 cols >=768
 *   .sec-full    -> full-width stacked blocks
 * Section vertical rhythm uses --site-space (1rem / 0.5rem <=992px). */
.alpha-news-section {
	padding-block: calc(var(--alpha-site-space, 1rem) * 1.5);
}

.alpha-news-section__inner {
	display: grid;
	gap: calc(var(--alpha-site-space, 1rem) * 1.5);
	grid-template-columns: minmax(0, 1fr);
}

.alpha-news-section--sec-two .alpha-news-section__inner,
.alpha-news-section--sec-three .alpha-news-section__inner,
.alpha-news-section--sec-sidebar .alpha-news-section__inner,
.alpha-news-section--sec-slider .alpha-news-section__inner {
	grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 768px) {
	.alpha-news-section--sec-two .alpha-news-section__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.alpha-news-section--sec-three .alpha-news-section__inner {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 992px) {
	/* .sec-sidebar: 66.66% / 33.33% */
	.alpha-news-section--sec-sidebar .alpha-news-section__inner {
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	}

	/* .sec-slider: 55% content + fixed sidebar-one (326px) + sidebar-two (246px) */
	.alpha-news-section--sec-slider .alpha-news-section__inner {
		grid-template-columns: minmax(0, 55fr) 326px 246px;
	}
}

@media (max-width: 991px) {
	.alpha-news-section--sec-slider .alpha-news-section__inner {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* -------------------------------------------------- Blocks */
.alpha-news-block {
	margin: 0;
}

/* Hespress-accurate section heading.
 *
 * Reconstructed from the live site: the block title is a bold, brand-coloured
 * label (1.3rem) sitting on a hairline rule; a short brand-coloured accent
 * segment sits on the inline-start edge of the rule. This mirrors the
 * `.title-head .lsa-widget-title` + `:before` pattern used by Hespress.
 */
.alpha-news-block__title {
	position: relative;
	display: flex;
	align-items: center;
	gap: .5rem;
	margin: 0 0 calc(var(--alpha-site-space, 1rem) * 1.25);
	padding: 0 0 .6rem;
	padding-inline-start: .9375rem;
	font-family: var(--alpha-font-heading);
	font-size: 1.3rem;
	line-height: 1.5;
	font-weight: 800;
	color: var(--alpha-primary, #1e22b4);
	border-bottom: 2px solid var(--alpha-border, #e7e6f7);
}

.alpha-news-block__title::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: .15em;
	bottom: .6rem;
	width: 4px;
	background: var(--alpha-primary, #1e22b4);
	border-radius: 2px;
}

/* Short brand-coloured accent segment on the rule (Hespress sub-menu:before). */
.alpha-news-block__title::after {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	bottom: -2px;
	width: 68px;
	height: 2px;
	background: var(--alpha-primary, #1e22b4);
}

.alpha-news-block__title a {
	color: inherit;
}

.alpha-news-block__title a:hover {
	color: var(--alpha-primary-dark, #171a88);
	text-decoration: none;
}

.alpha-news-block__title--center {
	justify-content: center;
	text-align: center;
	padding-inline-start: 0;
}

.alpha-news-block__title--center::before,
.alpha-news-block__title--center::after {
	display: none;
}

.alpha-news-block--dark {
	background: var(--alpha-primary, #1e22b4);
	color: #fff;
	padding: var(--alpha-site-space, 1rem);
	border-radius: var(--alpha-radius, 0);
}

.alpha-news-block--dark .alpha-news-block__title {
	color: #fff;
	border-bottom-color: rgba(255, 255, 255, .25);
}

.alpha-news-block--dark .alpha-news-block__title::before,
.alpha-news-block--dark .alpha-news-block__title::after {
	background: #fff;
}

/* -------------------------------------------------- Grids */
.alpha-news-grid {
	display: grid;
	gap: var(--alpha-site-space, 1rem);
	grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 600px) {
	.alpha-news-grid--cols-2,
	.alpha-news-grid--cols-3,
	.alpha-news-grid--cols-4,
	.alpha-news-grid--cols-5,
	.alpha-news-grid--cols-6 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 992px) {
	.alpha-news-grid--cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.alpha-news-grid--cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.alpha-news-grid--cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.alpha-news-grid--cols-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.alpha-news-grid--cols-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

/* Original .sec-full .block-news-5: 8-col grid, cards span 2, first spans 4 */
.alpha-news-section--sec-full .alpha-news-block--news-5 .alpha-news-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 992px) {
	.alpha-news-section--sec-full .alpha-news-block--news-5 .alpha-news-grid {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}

	.alpha-news-section--sec-full .alpha-news-block--news-5 .alpha-news-grid > * {
		grid-column: span 2;
	}

	.alpha-news-section--sec-full .alpha-news-block--news-5 .alpha-news-grid > *:first-child {
		grid-column: span 4;
	}
}

.alpha-news-list {
	display: grid;
	gap: var(--alpha-site-space, 1rem);
	grid-template-columns: minmax(0, 1fr);
}

/* -------------------------------------------------- Related posts
 * Compact, professional related-news section. Uses the shared card--3
 * (horizontal) variant so the thumbnail keeps the correct 3:2 ratio and
 * never grows into a full-width hero. Desktop: multi-column grid,
 * tablet: two columns, mobile: single column.
 */
.alpha-news-block--related {
	margin-block-start: 2rem;
	padding-block-start: 1.5rem;
	border-block-start: 1px solid var(--alpha-border, #e7e6f7);
}

.alpha-news-grid--related {
	gap: 1.25rem 1.5rem;
}

.alpha-news-grid--related .alpha-news-card--3 {
	align-items: flex-start;
}

.alpha-news-grid--related .alpha-news-card--3 .alpha-news-card__thumb {
	flex: 0 0 38%;
	max-width: 38%;
}

.alpha-news-grid--related .alpha-news-card--3 .alpha-news-card__thumb::before {
	padding-bottom: var(--alpha-ratio-medium, 66%);
}

.alpha-news-grid--related .alpha-news-card--3 .alpha-news-card__title {
	font-size: .9375rem;
	line-height: 1.6;
}

@media (max-width: 991px) {
	.alpha-news-grid--related.alpha-news-grid--cols-3,
	.alpha-news-grid--related.alpha-news-grid--cols-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 599px) {
	.alpha-news-grid--related {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* -------------------------------------------------- Cards (variants)
 * Hespress-inspired card system (RTL-first):
 *   .alpha-news-card--1  image on top, headline below (3:2 ratio)
 *   .alpha-news-card--2  full overlay with bottom-up gradient
 *   .alpha-news-card--3  horizontal, thumb basis 18rem
 *   .alpha-news-card--4  horizontal, thumb basis 13rem
 *   .alpha-news-card--video / -editor / -excerpt / -slide / -up / -down
 * Proportions follow the current Hespress cards: 3:2 lead images,
 * a compact red category chip, tight body padding, and a muted
 * grey meta line. All spacing uses logical properties for RTL.
 */
.alpha-news-card {
	position: relative;
	background: transparent;
	border-radius: var(--alpha-radius, 0);
	overflow: hidden;
}

.alpha-news-card__link {
	position: absolute;
	inset: 0;
	z-index: 5;
}

/* Shared thumbnail: fixed-ratio placeholder + cover image */
.alpha-news-card__thumb {
	position: relative;
	display: block;
	overflow: hidden;
	flex: 0 0 auto;
	border-radius: var(--alpha-radius, 0);
	background: var(--alpha-gray, #f4f4f4);
}

/* Default ratio = Hespress "ratio-medium" (66%). */
.alpha-news-card__thumb::before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: var(--alpha-ratio-medium, 66%);
}

.alpha-news-card__thumb img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}

.alpha-news-card:hover .alpha-news-card__thumb img {
	transform: scale(1.04);
}

/* Category chip — compact brand label, small radius (Hespress card chip). */
.alpha-news-card__cat {
	position: absolute;
	inset-block-start: 8px;
	inset-inline-start: 8px;
	z-index: 6;
	display: inline-block;
	padding: 3px 9px;
	border-radius: 3px;
	background: var(--alpha-primary, #1e22b4);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: .2px;
}

.alpha-news-card__cat:hover {
	text-decoration: none;
	opacity: .9;
}

.alpha-news-card__body {
	padding: 10px 0 0;
}

.alpha-news-card__title {
	margin: 0 0 8px;
	font-family: var(--alpha-font-heading);
	font-size: 1.0625rem;
	font-weight: 800;
	line-height: 1.55;
	color: var(--alpha-card-title, #000000);
}

.alpha-news-card__title a {
	color: inherit;
}

.alpha-news-card__title a:hover {
	color: var(--alpha-primary, #1e22b4);
}

.alpha-news-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	font-size: 12.5px;
	color: var(--alpha-time, #6c757d);
}

.alpha-news-card__reading {
	position: relative;
	padding-inline-start: 14px;
}

.alpha-news-card__reading::before {
	content: "";
	position: absolute;
	inset-block-start: 50%;
	inset-inline-start: 0;
	width: 4px;
	height: 4px;
	margin-block-start: -2px;
	border-radius: 50%;
	background: currentColor;
	opacity: .5;
}

.alpha-news-card__excerpt {
	margin: 8px 0 0;
	font-size: 13.5px;
	line-height: 1.7;
	color: var(--alpha-excerpt, #333333);
}

/* Card 1 — image on top, headline below (Hespress ratio-medium 66%). */
.alpha-news-card--1 {
	display: flex;
	flex-direction: column;
}

.alpha-news-card--1 .alpha-news-card__thumb {
	margin-bottom: .6rem;
}

.alpha-news-card--1 .alpha-news-card__thumb::before {
	padding-bottom: var(--alpha-ratio-medium, 66%);
}

.alpha-news-card--1 .alpha-news-card__body {
	display: flex;
	flex-direction: column;
	padding: 0;
}

.alpha-news-card--1 .alpha-news-card__title {
	margin-bottom: .75rem;
	font-size: 1.0625rem;
	font-weight: 800;
	line-height: 1.55;
}

/* Card 2 — full overlay with bottom-up gradient (Hespress .card.overlay). */
.alpha-news-card--2 .alpha-news-card__thumb::before {
	padding-bottom: var(--alpha-ratio-medium, 66%);
}

.alpha-news-card--2 .alpha-news-card__body {
	position: absolute;
	inset: 0;
	z-index: 6;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 1rem;
	color: #fff;
	background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));
}

.alpha-news-card--2 .alpha-news-card__cat {
	position: static;
	align-self: flex-start;
	margin-bottom: .5rem;
}

.alpha-news-card--2 .alpha-news-card__title {
	font-size: 1.125rem;
	line-height: 1.7;
	font-weight: 800;
	transition: margin .5s cubic-bezier(.4, 0, .2, 1);
}

.alpha-news-card--2 .alpha-news-card__meta {
	font-size: .8125rem;
	line-height: 1.4;
	color: rgba(255, 255, 255, .9);
	transition: opacity .7s cubic-bezier(.4, 0, .2, 1);
}

.alpha-news-card--2:hover .alpha-news-card__title {
	margin-bottom: .5rem;
}

.alpha-news-card--2:hover .alpha-news-card__meta {
	margin-bottom: .5rem;
	opacity: 0;
}

/* Card 3 — horizontal, compact list row (Hespress list item). */
.alpha-news-card--3 {
	display: flex;
	gap: .75rem;
}

.alpha-news-card--3 .alpha-news-card__thumb {
	flex-basis: 8.5rem;
}

.alpha-news-card--3 .alpha-news-card__thumb::before {
	padding-bottom: var(--alpha-ratio-medium, 66%);
}

.alpha-news-card--3 .alpha-news-card__body {
	display: flex;
	flex-direction: column;
	padding: 0;
}

.alpha-news-card--3 .alpha-news-card__title {
	font-size: 1rem;
	line-height: 1.6;
	font-weight: 800;
}

@media (min-width: 992px) {
	.alpha-news-card--3 .alpha-news-card__thumb {
		flex-basis: 11rem;
	}
}

/* Card 4 — horizontal, wide list row (Hespress wide list item). */
.alpha-news-card--4 {
	display: flex;
	gap: .75rem;
}

.alpha-news-card--4 .alpha-news-card__thumb {
	flex-basis: 11rem;
}

.alpha-news-card--4 .alpha-news-card__thumb::before {
	padding-bottom: var(--alpha-ratio-169, 56.25%);
}

.alpha-news-card--4 .alpha-news-card__body {
	display: flex;
	flex-direction: column;
	padding: 0;
}

.alpha-news-card--4 .alpha-news-card__title {
	font-size: .9375rem;
	line-height: 1.6;
	font-weight: 800;
}

@media (min-width: 992px) {
	.alpha-news-card--4 .alpha-news-card__thumb {
		flex-basis: 16rem;
	}
}

/* Card — video (overlay + play button)
 * The thumbnail is locked to a 16:9 box so neither the image nor the
 * placeholder can grow vertically beyond the intended video ratio. */
.alpha-news-card--video .alpha-news-card__thumb::before {
	padding-bottom: var(--alpha-ratio-169, 56.25%);
}

.alpha-news-card--video .alpha-news-card__body {
	position: absolute;
	inset: 0;
	z-index: 6;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 1rem;
	color: #fff;
	background-image: linear-gradient(to top, rgba(0, 0, 0, .92), rgba(0, 0, 0, .05));
}

.alpha-news-card--video .alpha-news-card__title {
	padding-inline-end: 3.5rem;
	font-size: 1.0625rem;
	line-height: 1.6;
	font-weight: 800;
}

.alpha-news-card__play {
	position: absolute;
	inset-inline-end: .5rem;
	inset-block-end: 1rem;
	z-index: 7;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .92);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--alpha-primary, #1e22b4);
	font-size: 20px;
	transition: transform .25s ease;
}

.alpha-news-card:hover .alpha-news-card__play {
	transform: scale(1.08);
}

/* Video block — keep the section balanced and the cards compact.
 * The first (lead) card may span wider on desktop; the rest stay in a
 * tight grid so the whole section never grows into a giant video wall. */
.alpha-news-block--videos .alpha-news-grid {
	align-items: start;
}

.alpha-news-block--videos .alpha-news-card--video .alpha-news-card__title {
	font-size: 1rem;
}

@media (min-width: 992px) {
	.alpha-news-block--videos .alpha-news-grid--cols-4 > *:first-child {
		grid-column: span 2;
	}

	.alpha-news-block--videos .alpha-news-grid--cols-4 > *:first-child .alpha-news-card__title {
		font-size: 1.25rem;
	}
}

/* Card — image only */
.alpha-news-card--image .alpha-news-card__thumb::before {
	padding-bottom: var(--alpha-ratio-medium, 66%);
}

/* Card — editor / opinion writer (round avatar + name above headline) */
.alpha-news-card--editor {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .6rem;
	padding: 1rem .5rem;
	text-align: center;
	border: 1px solid var(--alpha-border, #e7e6f7);
	border-radius: var(--alpha-radius, 0);
	transition: border-color .2s ease, box-shadow .2s ease;
}

.alpha-news-card--editor:hover {
	border-color: var(--alpha-primary, #1e22b4);
	box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
}

.alpha-news-card--editor .alpha-news-card__thumb {
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 9999px;
	overflow: hidden;
}

.alpha-news-card--editor .alpha-news-card__thumb::before {
	display: none;
}

.alpha-news-card--editor .alpha-news-card__avatar {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 9999px;
}

.alpha-news-card--editor .alpha-news-card__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0;
}

.alpha-news-card--editor .alpha-news-card__title {
	margin: 0;
	font-size: .9375rem;
	line-height: 1.6;
	font-weight: 800;
}

.alpha-news-card__author {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 .25rem;
	font-size: .8125rem;
	font-weight: 700;
	color: var(--alpha-primary, #1e22b4);
}

.alpha-news-card__author a {
	color: inherit;
}

/* Card — timeline (24-hour news rail) */
.alpha-news-timeline {
	position: relative;
}

.alpha-news-card--timeline {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: .85rem;
	padding-block: .7rem;
	padding-inline-start: 1.1rem;
	border-bottom: 1px solid var(--alpha-border, #e7e6f7);
}

.alpha-news-card--timeline:last-child {
	border-bottom: 0;
}

/* Vertical rail + marker dot */
.alpha-news-card--timeline::before {
	content: "";
	position: absolute;
	inset-block: 0;
	inset-inline-start: 3px;
	width: 2px;
	background: var(--alpha-border, #e7e6f7);
}

.alpha-news-card--timeline::after {
	content: "";
	position: absolute;
	inset-block-start: 1.05rem;
	inset-inline-start: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--alpha-primary, #1e22b4);
	box-shadow: 0 0 0 3px var(--alpha-body-bg, #fff);
}

.alpha-news-card--timeline .alpha-news-card__time {
	flex: 0 0 auto;
	min-width: 3rem;
	font-size: .8125rem;
	line-height: 1.5;
	font-weight: 700;
	color: var(--alpha-primary, #1e22b4);
	font-variant-numeric: tabular-nums;
}

.alpha-news-card--timeline .alpha-news-card__timeline-body {
	display: flex;
	flex-direction: column;
	gap: .15rem;
	min-width: 0;
}

.alpha-news-card--timeline .alpha-news-card__title {
	margin: 0;
	font-size: .9375rem;
	line-height: 1.6;
	font-weight: 800;
}

.alpha-news-card--timeline .alpha-news-card__timeline-meta {
	font-size: .75rem;
	color: var(--alpha-muted, #6b6b6b);
}

/* Card — up / down (round thumb + arrow badge) */
.alpha-news-card--up,
.alpha-news-card--down {
	display: flex;
	align-items: center;
	gap: var(--alpha-site-space, 16px);
	margin-bottom: 1.25rem;
}

.alpha-news-card--up .alpha-news-card__cover,
.alpha-news-card--down .alpha-news-card__cover {
	position: relative;
	flex: 0 0 auto;
}

.alpha-news-card--up .alpha-news-card__thumb,
.alpha-news-card--down .alpha-news-card__thumb {
	width: 105px;
	height: 105px;
	border-radius: 9999px;
}

.alpha-news-card--up .alpha-news-card__thumb::before,
.alpha-news-card--down .alpha-news-card__thumb::before {
	display: none;
}

.alpha-news-card__arrow {
	position: absolute;
	inset-block-end: -.75rem;
	inset-inline-start: 50%;
	transform: translateX(-50%);
	z-index: 7;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 9999px;
	padding: .5rem;
	background: #10b981;
	color: #fff;
}

.alpha-news-card__arrow svg {
	width: 100%;
	height: 100%;
}

.alpha-news-card--down .alpha-news-card__arrow {
	background: #f43f5e;
}

.alpha-news-card--down .alpha-news-card__arrow svg {
	transform: rotate(180deg);
}

.alpha-news-card--up .alpha-news-card__title,
.alpha-news-card--down .alpha-news-card__title {
	margin-bottom: .25rem;
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 800;
}

/* Card — excerpt only */
.alpha-news-card--excerpt {
	display: flex;
	align-items: center;
	gap: var(--alpha-site-space, 16px);
	padding: .5rem;
}

.alpha-news-card--excerpt .alpha-news-card__excerpt {
	margin: 0;
	font-size: .875rem;
	line-height: 1.25rem;
	font-weight: 500;
	color: var(--alpha-text, #222);
}

/* -------------------------------------------------- Slider
   Mirrors original .block-slider-desktop / .hs-carousel:
   full-bleed 62% image ratio, centered headline over gradient,
   full-height 5rem edge controls, 12px dots pinned bottom .75rem. */
.alpha-news-slider {
	position: relative;
	overflow: hidden;
	border-radius: var(--alpha-radius, 0);
	background: var(--alpha-gray, #f4f4f4);
}

.alpha-news-slider__track {
	position: relative;
}

.alpha-news-slider__slide {
	display: none;
}

.alpha-news-slider__slide.is-active {
	display: block;
	animation: alpha-news-fade .4s ease;
}

@keyframes alpha-news-fade {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* Slide card: image with centered overlay headline (original .alpha-card-slide) */
.alpha-news-slider .alpha-news-card--slide {
	position: relative;
	display: block;
}

.alpha-news-slider .alpha-news-card--slide .alpha-news-card__thumb::before {
	padding-bottom: 62%;
}

.alpha-news-slider .alpha-news-card--slide .alpha-news-card__body {
	position: absolute;
	inset: 0;
	z-index: 10;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 1rem 4.5rem;
	text-align: center;
	color: #fff;
	background-image: linear-gradient(to top, rgba(0, 0, 0, .9), rgba(0, 0, 0, .15) 60%, transparent);
}

.alpha-news-slider .alpha-news-card--slide .alpha-news-card__title {
	font-family: var(--alpha-font-heading);
	font-size: 1.35rem;
	font-weight: 800;
	color: #fff;
	-webkit-line-clamp: 2;
}

/* Full-height edge controls (original 5rem wide, white chevrons) */
.alpha-news-slider__prev,
.alpha-news-slider__next {
	position: absolute;
	inset-block: 0;
	z-index: 4;
	width: 5rem;
	height: 100%;
	border: 0;
	background: none;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: .85;
	transition: opacity .2s ease, background-color .2s ease;
}

.alpha-news-slider__prev:hover,
.alpha-news-slider__next:hover {
	opacity: 1;
	background: rgba(0, 0, 0, .15);
}

.alpha-news-slider__prev span,
.alpha-news-slider__next span {
	font-size: 3rem;
	line-height: 1;
}

.alpha-news-slider__prev {
	inset-inline-start: 0;
}

.alpha-news-slider__next {
	inset-inline-end: 0;
}

/* 12px dots pinned bottom .75rem (original .hs-carousel-pagination) */
.alpha-news-slider__dots {
	position: absolute;
	inset-block-end: .75rem;
	inset-inline: 0;
	z-index: 4;
	display: flex;
	justify-content: center;
	gap: .5rem;
}

.alpha-news-slider__dot {
	width: 12px;
	height: 12px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .6);
	cursor: pointer;
	transition: background-color .2s ease;
}

.alpha-news-slider__dot.is-active {
	background: var(--alpha-primary, #1e22b4);
}

@media (max-width: 992px) {
	.alpha-news-slider .alpha-news-card--slide .alpha-news-card__body {
		padding: 1rem 3rem;
	}

	.alpha-news-slider__prev,
	.alpha-news-slider__next {
		width: 3rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.alpha-news-slider__slide.is-active {
		animation: none;
	}
}

/* -------------------------------------------------- Ads */
.alpha-news-ad {
	margin-block: 24px;
	text-align: center;
}

.alpha-news-ad--ad_header,
.alpha-news-ad--ad_footer {
	margin-block: 0;
	padding-block: 16px;
}

.alpha-news-ad--ad_sidebar {
	margin-block: 0 24px;
}

.alpha-news-ad img {
	margin-inline: auto;
}

/* -------------------------------------------------- Weather */
.alpha-news-weather {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px;
	border-radius: var(--alpha-radius, 0);
	background: linear-gradient(135deg, var(--alpha-primary, #1e22b4), var(--alpha-primary-dark, #171a88));
	color: #fff;
}

.alpha-news-weather__icon {
	position: relative;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .2);
	flex: 0 0 auto;
}

.alpha-news-weather__icon::before {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	width: 24px;
	height: 24px;
	background: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.alpha-news-weather__icon--clear::before {
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(255, 255, 255, .35);
}

.alpha-news-weather__icon--cloudy::before {
	border-radius: 50% 50% 40% 40%;
	opacity: .9;
}

.alpha-news-weather__icon--rain::before {
	border-radius: 40% 40% 60% 60%;
	transform: rotate(45deg);
}

.alpha-news-weather__icon--snow::before {
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, .3), 0 0 0 6px rgba(255, 255, 255, .15);
}

.alpha-news-weather__icon--thunder::before {
	clip-path: polygon(55% 0, 20% 55%, 45% 55%, 40% 100%, 80% 40%, 55% 40%);
	border-radius: 0;
}

.alpha-news-weather__body {
	display: flex;
	flex-direction: column;
}

.alpha-news-weather__temp {
	font-size: 30px;
	font-weight: 800;
	line-height: 1.1;
}

.alpha-news-weather__condition {
	font-size: 14px;
	font-weight: 600;
}

.alpha-news-weather__location {
	font-size: 13px;
	opacity: .85;
}

/* -------------------------------------------------- Poll */
.alpha-news-block--polls .alpha-news-block__content {
	padding: 1.25rem;
	border: 1px solid var(--alpha-border, #e7e6f7);
	border-radius: var(--alpha-radius, 0);
	background: var(--alpha-body-bg, #fff);
}

.alpha-news-block--polls .alpha-news-block__content form {
	margin: 0;
}

.alpha-news-block--polls .alpha-news-block__content input[type="radio"] {
	margin-inline-end: .5rem;
}

.alpha-news-block--polls .alpha-news-block__content label {
	display: block;
	padding: .5rem 0;
	font-size: .9375rem;
	line-height: 1.6;
	cursor: pointer;
}

.alpha-news-block--polls .alpha-news-block__content input[type="submit"],
.alpha-news-block--polls .alpha-news-block__content button {
	display: inline-block;
	margin-block-start: .75rem;
	padding: .6rem 1.4rem;
	border: 0;
	border-radius: var(--alpha-radius, 0);
	background: var(--alpha-primary, #1e22b4);
	color: #fff;
	font-size: .9375rem;
	font-weight: 700;
	cursor: pointer;
}

.alpha-news-block--polls .alpha-news-block__content input[type="submit"]:hover,
.alpha-news-block--polls .alpha-news-block__content button:hover {
	opacity: .9;
}

/* -------------------------------------------------- Up / Down block */
.alpha-news-updown {
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 768px) {
	.alpha-news-updown {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* -------------------------------------------------- Apps block */
.alpha-news-apps {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.alpha-news-apps__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	border-radius: 6px;
	background: var(--alpha-heading, #232323);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}

.alpha-news-apps__link:hover {
	text-decoration: none;
	opacity: .9;
}

/* -------------------------------------------------- Content block */
.alpha-news-content {
	font-size: 16px;
	line-height: 1.7;
}

/* -------------------------------------------------- Dark mode additions */
body.alpha-news--dark .alpha-news-section {
	background: transparent;
}

body.alpha-news--dark .alpha-news-card {
	background: var(--alpha-heading, #232323);
}

body.alpha-news--dark .alpha-news-card__title a,
body.alpha-news--dark .alpha-news-card__excerpt {
	color: var(--alpha-border, #e7e6f7);
}

body.alpha-news--dark .alpha-news-card--editor {
	border-color: var(--alpha-text, #000000);
}

body.alpha-news--dark .alpha-news-card--timeline {
	border-bottom-color: var(--alpha-text, #000000);
}

body.alpha-news--dark .alpha-news-card--timeline::before {
	background: var(--alpha-text, #000000);
}

body.alpha-news--dark .alpha-news-card--timeline::after {
	box-shadow: 0 0 0 3px var(--alpha-heading, #232323);
}

body.alpha-news--dark .alpha-news-card--timeline .alpha-news-card__timeline-meta {
	color: var(--alpha-muted, #6b6b6b);
}

body.alpha-news--dark .alpha-news-block__title {
	color: var(--alpha-gray, #f4f4f4);
}

body.alpha-news--dark .alpha-news-single__meta,
body.alpha-news--dark .alpha-news-single__lead,
body.alpha-news--dark .alpha-news-single__caption {
	color: var(--alpha-muted, #6b6b6b);
}

body.alpha-news--dark .alpha-news-single__meta {
	border-color: var(--alpha-text, #000000);
}

body.alpha-news--dark .alpha-news-single__content {
	color: var(--alpha-border, #e7e6f7);
}

body.alpha-news--dark .alpha-news-single__content blockquote {
	background: var(--alpha-heading, #232323);
	color: var(--alpha-gray, #f4f4f4);
}

body.alpha-news--dark .alpha-news-single__nav a,
body.alpha-news--dark .alpha-news-single__tags a {
	border-color: var(--alpha-text, #000000);
	background: var(--alpha-heading, #232323);
	color: var(--alpha-border, #e7e6f7);
}

body.alpha-news--dark .alpha-news-widget,
body.alpha-news--dark .alpha-news-archive-header {
	border-color: var(--alpha-text, #000000);
}

body.alpha-news--dark .alpha-news-widget li {
	border-color: var(--alpha-text, #000000);
}

/* -------------------------------------------------- Responsive (390 / 768 / 1024 / 1440) */
@media (max-width: 480px) {
	.alpha-news-container {
		padding-inline: 12px;
	}

	.alpha-news-layout {
		gap: 20px;
		padding-block: 20px;
	}

	.alpha-news-single__title {
		font-size: 1.375rem;
	}

	.alpha-news-single__content {
		font-size: 1.0625rem;
		line-height: 1.85;
	}

	.alpha-news-single__meta {
		gap: 10px;
		font-size: 12px;
	}

	.alpha-news-single__nav {
		grid-template-columns: 1fr;
	}

	.alpha-news-footer__inner {
		flex-direction: column;
		align-items: flex-start;
		text-align: start;
	}
}

@media (min-width: 768px) {
	.alpha-news-layout {
		gap: 28px;
	}
}

@media (min-width: 1024px) {
	.alpha-news-layout {
		gap: 36px;
		padding-block: 36px;
	}
}

@media (min-width: 1440px) {
	.alpha-news-container {
		max-width: 1320px;
	}
}

/* -------------------------------------------------------------------------
 * Forced RTL (Site Design → RTL Support)
 *
 * When the option is enabled the body receives .alpha-news--rtl-support so
 * the layout flips to right-to-left even on an LTR WordPress locale. This
 * mirrors the physical overrides shipped in alpha-news-rtl.css.
 * ---------------------------------------------------------------------- */

body.alpha-news--rtl-support {
	direction: rtl;
	unicode-bidi: embed;
}

body.alpha-news--rtl-support .alpha-news-utility__inner,
body.alpha-news--rtl-support .alpha-news-brand-row__inner,
body.alpha-news--rtl-support .alpha-news-nav-row__inner {
	flex-direction: row;
}

.alpha-news-ad-item[data-hide~="desktop"],.alpha-news-ad[data-hide~="desktop"]{display:none}@media(max-width:767px){.alpha-news-ad-item[data-hide~="mobile"],.alpha-news-ad[data-hide~="mobile"]{display:none}.alpha-news-ad-item[data-hide~="desktop"],.alpha-news-ad[data-hide~="desktop"]{display:block}}.alpha-news-ad--custom,.alpha-news-ad-item{margin:1rem auto;text-align:center}.alpha-news-ad--custom img,.alpha-news-ad-item img{max-width:100%;height:auto}.alpha-news-ad-drag{cursor:grab}