/* Adack News - main stylesheet */

:root{
	--adk-max-width: 1320px;
	--adk-radius: 0px;
	--adk-radius-sm: 0px;
	--adk-gap: 24px;

	--adk-color-bg: #faf9f7;
	--adk-color-surface: #f1efe9;
	--adk-color-text: #1a1a1a;
	--adk-color-muted: #6b6b6b;
	--adk-color-border: #d8d5cd;
	--adk-color-primary: #0c2b40;
	--adk-color-primary-dark: #08202f;
	--adk-color-accent: #b3211f;
	--adk-color-dark-bg: #0c2b40;
	--adk-color-dark-text: #f2f2f2;

	/* Shadows are reserved for true floating overlays (search modal) — everywhere
	   else, borders and spacing carry elevation/separation instead. */
	--adk-shadow-sm: 0 1px 2px rgba(0,0,0,.05);
	--adk-shadow-md: 0 16px 40px rgba(8,32,47,.22);

	--adk-font: "Vazirmatn", "Segoe UI", Tahoma, sans-serif;

	--adk-fs-kicker: .75rem;   /* 12px — eyebrow / kicker labels */
	--adk-fs-xs: .8125rem;     /* 13px — meta, caption */
	--adk-fs-sm: .9375rem;     /* 15px */
	--adk-fs-base: 1rem;       /* 16px — body */
	--adk-fs-md: 1.125rem;     /* 18px — card headline */
	--adk-fs-lg: 1.375rem;     /* 22px — section headline */
	--adk-fs-xl: 1.75rem;      /* 28px */
	--adk-fs-2xl: 2.25rem;     /* 36px */
	--adk-fs-article-h1: clamp(1.6rem, 1.2rem + 1.6vw, 2.25rem);

	--adk-transition: 180ms ease;
}

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

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{
	outline: 2px solid var(--adk-color-primary);
	outline-offset: 2px;
}

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

body{
	margin: 0;
	background: var(--adk-color-bg);
	color: var(--adk-color-text);
	font-family: var(--adk-font);
	font-size: var(--adk-fs-base);
	line-height: 1.8;
	direction: rtl;
	text-align: right;
	-webkit-font-smoothing: antialiased;
}

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

a{ color: inherit; text-decoration: none; }

ul{ margin: 0; padding: 0; list-style: none; }

h1,h2,h3,h4{ margin: 0 0 .5em; font-weight: 700; line-height: 1.4; }

.adk-container{
	max-width: var(--adk-max-width);
	margin-inline: auto;
	padding-inline: 20px;
}

.adk-section{ margin-block: clamp(32px, 4vw, 56px); }

/* ---------- Section title (masthead rule: label + full-width bottom border) ---------- */
.adk-section-title{
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: var(--adk-fs-lg);
	font-weight: 800;
	letter-spacing: -.01em;
	margin: 0 0 20px;
	padding-bottom: 14px;
	border-bottom: 2px solid var(--adk-color-primary);
}

.adk-section-title.adk-has-icon{ font-size: var(--adk-fs-md); }

.adk-title-icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	flex-shrink: 0;
	background: rgba(12,43,64,.1);
	color: var(--adk-color-primary);
}
.adk-title-icon svg{ width: 18px; height: 18px; }
.adk-title-icon--accent{ background: rgba(179,33,31,.12); color: var(--adk-color-accent); }

/* Section head: title + "view all" link sharing one full-width divider rule. */
.adk-section-head{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
	padding-bottom: 14px;
	border-bottom: 2px solid var(--adk-color-primary);
}
.adk-section-head .adk-section-title{ margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.adk-section-more{ display: inline-flex; align-items: center; gap: 6px; font-size: var(--adk-fs-sm); font-weight: 700; color: var(--adk-color-accent); white-space: nowrap; transition: color var(--adk-transition); }
.adk-section-more:hover{ color: var(--adk-color-primary); }
.adk-section-more svg{ width: 16px; height: 16px; }

.adk-btn{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 1px solid var(--adk-color-primary);
	background: transparent;
	color: var(--adk-color-primary);
	padding: 9px 20px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: background var(--adk-transition), color var(--adk-transition), border-color var(--adk-transition);
}
.adk-btn:hover{ background: var(--adk-color-primary); border-color: var(--adk-color-primary); color: #fff; }

/* ---------- Skip link ---------- */
.adk-skip-link{
	position: absolute;
	right: -999px;
	top: 0;
	background: var(--adk-color-primary);
	color: #fff;
	padding: 10px 16px;
	z-index: 999;
}
.adk-skip-link:focus{ right: 0; }

/* ---------- Top bar: utility links (only rendered when a "topbar" menu is assigned) ---------- */
.adk-topbar{
	background: var(--adk-color-primary-dark);
	color: rgba(255,255,255,.82);
	font-size: var(--adk-fs-xs);
}
.adk-topbar-inner{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-block: 9px;
	border-bottom: 1px solid rgba(255,255,255,.08);
}
.adk-topbar-menu{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px 20px; }
.adk-topbar-menu a{ color: rgba(255,255,255,.68); transition: color var(--adk-transition); }
.adk-topbar-menu a:hover{ color: #fff; }

/* ---------- Breaking news bar (bn-breaking-news plugin, skinned) ---------- */
.adk-breaking.bn-breaking-news{
	border: 0;
	border-bottom: 1px solid red;
	border-radius: 0;
	background: var(--adk-color-bg);
	font-family: var(--adk-font);
	padding-inline: 20px !important;
}
.adk-breaking .bn-label{
	display: flex;
	align-items: center;
	gap: 8px;
	background: var(--adk-color-accent) !important;
	color: #fff;
	font-size: var(--adk-fs-xs);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .04em;
	padding-inline: 16px;
}

.adk-breaking-badge-icon{ display: flex; width: 16px; height: 16px; flex-shrink: 0; }
.adk-breaking-badge-icon svg{ width: 100%; height: 100%; }
.adk-breaking-dot{
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #fff;
	animation: adk-pulse 1.6s ease-in-out infinite;
	flex-shrink: 0;
}
.adk-breaking .bn-news ul li a{
	font-size: var(--adk-fs-sm);
	font-weight: 500;
	color: var(--adk-color-text);
	transition: color var(--adk-transition);
	padding-inline: 0 18px;
}
.adk-breaking .bn-news ul li a:hover{ color: var(--adk-color-accent); }
.adk-breaking .bn-seperator{
	width: 24px;
	position: relative;
	top: 8px;
	height: 24px !important;
	margin-block: auto;
	}
/* Reserve the separator's width at all times (visibility, not display) so the leading item
   never changes width the instant it becomes/stops being first - that width change is what
   caused the visible jump as the ticker looped. */
.adk-breaking li:first-child .bn-seperator{ visibility: hidden; }

@keyframes adk-pulse{
	0%, 100%{ opacity: 1; transform: scale(1); }
	50%{ opacity: .5; transform: scale(.75); }
}
@media (prefers-reduced-motion: reduce){
	.adk-breaking-dot{ animation: none; }
}
@media (max-width: 782px){
	.adk-breaking .bn-label{ padding-inline: 12px; font-size: .75rem; }
}

/* ---------- Main header ---------- */
.adk-header{
	background: var(--adk-color-dark-bg);
	position: sticky;
	top: 0;
	z-index: 50;
	transition: box-shadow var(--adk-transition), border-color var(--adk-transition);
	border-bottom: 1px solid transparent;
}
.adk-header.is-stuck{ border-bottom-color: rgba(255,255,255,.14); }

/* WordPress admin bar is fixed at the viewport top for logged-in users;
   the sticky header must dock below it, not underneath it. */
body.admin-bar .adk-header{ top: 32px; }
@media (max-width: 782px){
	body.admin-bar .adk-header{ top: 46px; }
}

.adk-header .adk-container{
	display: flex;
	align-items: center;
	gap: 24px;
	padding-block: 16px;
	transition: padding-block var(--adk-transition);
}
.adk-header.is-stuck .adk-container{padding-block: 5px 10px 0;}
.adk-logo{display: flex;align-items: center;flex-shrink: 0;font-size: var(--adk-fs-xl);font-weight: 800;color: #fff;justify-content: center;}
.adk-logo img{display: block;width: auto;height: 80px;max-width: 220px;object-fit: contain;transition: height var(--adk-transition);}
.adk-header.is-stuck .adk-logo img{ height: 32px; }

/* Groups the date with the search icon at the end of the header; row-reverse keeps
   DOM/reading order as "date, then search action" while placing the date visually
   to the left of the icon (RTL: first DOM child sits rightmost by default). */
.adk-header-actions{ display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; margin-inline-start: auto; }
.adk-header-date{ font-size: var(--adk-fs-xs); font-weight: 600; color: rgba(255,255,255,.75); white-space: nowrap; }

.adk-search-toggle{display: flex;align-items: center;justify-content: center;width: 43px;height: 44px;border: unset;background: rgb(255 255 255 / 0%);color: #fff;cursor: pointer;flex-shrink: 0;transition: background var(--adk-transition), color var(--adk-transition), border-color var(--adk-transition);}
.adk-search-toggle:hover{ background: var(--adk-color-accent); color: #fff; }
.adk-search-toggle svg{width: 22px;height: 22px;}

/* ---------- Header search modal ---------- */
body.adk-no-scroll{ overflow: hidden; }
.adk-search-modal{ position: fixed; inset: 0; z-index: 100; display: flex; justify-content: center; padding-top: min(14vh, 120px); }
.adk-search-modal[hidden]{ display: none; }
.adk-search-modal-backdrop{ position: absolute; inset: 0; background: rgba(8,32,47,.6); backdrop-filter: blur(2px); animation: adk-fade-in 200ms ease; }
.adk-search-modal-panel{
	/* The one deliberate shadow in the system: a true floating overlay needs to
	   visually separate from the page behind it, which a border alone can't do here. */
	position: relative;
	width: 100%;
	max-width: 640px;
	max-height: 70vh;
	margin-inline: 20px;
	background: var(--adk-color-bg);
	border: 1px solid var(--adk-color-border);
	box-shadow: var(--adk-shadow-md);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	animation: adk-modal-in 200ms ease;
}
.adk-search-modal-form{ display: flex; align-items: center; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--adk-color-border); flex-shrink: 0; }
.adk-search-modal-form svg{ width: 20px; height: 20px; color: var(--adk-color-muted); flex-shrink: 0; }
.adk-search-modal-form input[type="search"]{ flex: 1; border: 0; background: transparent; font-family: inherit; font-size: var(--adk-fs-md); outline: 0; color: var(--adk-color-text); }
.adk-search-modal-close{ display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid var(--adk-color-border); background: var(--adk-color-surface); color: var(--adk-color-muted); font-size: 1.25rem; line-height: 1; cursor: pointer; flex-shrink: 0; transition: background var(--adk-transition), color var(--adk-transition); }
.adk-search-modal-close:hover{ background: var(--adk-color-primary); border-color: var(--adk-color-primary); color: #fff; }

.adk-search-results{ overflow-y: auto; padding: 8px; }
.adk-search-result{ display: flex; align-items: center; gap: 12px; padding: 10px; transition: background var(--adk-transition); }
.adk-search-result:hover{ background: var(--adk-color-surface); }
.adk-search-result-thumb{ width: 56px; height: 56px; overflow: hidden; flex-shrink: 0; background: var(--adk-color-surface); }
.adk-search-result-thumb img{ width: 100%; height: 100%; object-fit: cover; }
.adk-search-result-thumb--empty{ background: var(--adk-color-border); }
.adk-search-result-body{ min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.adk-search-result-title{ font-size: var(--adk-fs-sm); font-weight: 600; color: var(--adk-color-text); display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.adk-search-empty{ padding: 20px; text-align: center; color: var(--adk-color-muted); font-size: var(--adk-fs-sm); margin: 0; }

.adk-search-recent{ padding: 16px; }
.adk-search-recent-label{ display: block; font-size: var(--adk-fs-xs); font-weight: 700; color: var(--adk-color-muted); margin-bottom: 10px; }
.adk-search-recent-chips{ display: flex; flex-wrap: wrap; gap: 8px; }
.adk-search-recent-chip{ border: 1px solid var(--adk-color-border); background: var(--adk-color-surface); padding: 8px 14px; font-family: inherit; font-size: var(--adk-fs-xs); color: var(--adk-color-text); cursor: pointer; transition: background var(--adk-transition), border-color var(--adk-transition); }
.adk-search-recent-chip:hover{ background: var(--adk-color-primary); border-color: var(--adk-color-primary); color: #fff; }

@keyframes adk-fade-in{ from{ opacity: 0; } to{ opacity: 1; } }
@keyframes adk-modal-in{ from{ opacity: 0; transform: translateY(-8px) scale(.98); } to{ opacity: 1; transform: translateY(0) scale(1); } }
@media (prefers-reduced-motion: reduce){
	.adk-search-modal-backdrop, .adk-search-modal-panel{ animation: none; }
}

.adk-menu-toggle{ display: none; border: 0; background: transparent; color: #fff; cursor: pointer; padding: 8px; }
.adk-menu-toggle:hover{ background: rgba(255,255,255,.12); }
.adk-menu-toggle svg{ width: 24px; height: 24px; }

/* ---------- Navigation ---------- */
.adk-nav{ background: var(--adk-color-dark-bg); border-top: 1px solid rgba(255,255,255,.08); }
.adk-nav .adk-container{display: flex;padding: 0 24px;}
.adk-nav-menu{display: flex;align-items: center;flex-wrap: wrap;gap: 4px;}
.adk-nav-menu > li{ position: relative; }
.adk-nav-menu > li > a{display: block;padding: 14px 16px;font-size: var(--adk-fs-sm);font-weight: 600;color: rgba(255,255,255,.85);background: transparent;border-bottom: 2px solid transparent;transition: color var(--adk-transition), border-color var(--adk-transition);}
.adk-nav-menu > li > a:hover, .adk-nav-menu > li.current-menu-item > a{color: #fff;border-bottom-color: var(--adk-color-accent);}

.adk-nav-menu ul{
	position: absolute;
	top: 100%;
	right: 0;
	min-width: 220px;
	background: var(--adk-color-bg);
	border: 1px solid var(--adk-color-border);
	padding: 6px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity var(--adk-transition), transform var(--adk-transition), visibility var(--adk-transition);
	z-index: 60;
}
.adk-nav-menu li:hover > ul,
.adk-nav-menu li.adk-submenu-open > ul{ opacity: 1; visibility: visible; transform: translateY(0); }
.adk-nav-menu ul ul{ top: 0; right: 100%; }
.adk-nav-menu ul li a{ display: block; padding: 10px 12px; font-weight: 500; font-size: var(--adk-fs-sm); color: var(--adk-color-text); }
.adk-nav-menu ul li a:hover{ background: var(--adk-color-surface); color: var(--adk-color-primary); }
.adk-nav-menu li.menu-item-has-children > a::after{ content: "\25BE"; font-size: .7em; margin-inline-start: 4px; }

/* ---------- Card ---------- */
.adk-card{
	background: var(--adk-color-bg);
	overflow: hidden;
	transition: border-color var(--adk-transition);
}
.adk-card-media{ position: relative; aspect-ratio: 16/9; overflow: hidden; background: var(--adk-color-surface); }
.adk-card-media img{ width: 100%; height: 100%; object-fit: cover; transition: transform 400ms ease; }
.adk-card:hover .adk-card-media img{ transform: scale(1.04); }
.adk-cat{ display: inline-block; font-size: var(--adk-fs-kicker); font-weight: 700; color: #fff; background: var(--adk-color-primary); padding: 4px 10px; margin-block: 10px 6px; }
.adk-card-title{ font-size: var(--adk-fs-md); font-weight: 700; margin: 0 0 8px; }
.adk-card-excerpt{ color: var(--adk-color-muted); font-size: var(--adk-fs-sm); margin: 0 0 8px; }
.adk-meta{ color: var(--adk-color-muted); font-size: var(--adk-fs-xs); display: flex; gap: 6px; align-items: center; }
.adk-meta svg{ width: 13px; height: 13px; flex-shrink: 0; opacity: .7; }

/* ---------- Hero + most-viewed sidebar grid (alternate homepage template, kept in sync) ---------- */
.adk-grid-hero{ display: grid; grid-template-columns: 2fr 1fr; gap: var(--adk-gap); align-items: stretch; }
.adk-grid-hero > *{ min-width: 0; }

/* ---------- Overlay-on-image slide (alternate homepage template, kept in sync) ---------- */
.adk-hero-main{ position: relative; width: 100%; aspect-ratio: 16/9; overflow: hidden; background: var(--adk-color-surface); }
.adk-slide-link{ display: block; width: 100%; height: 100%; }
.adk-hero-main img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 400ms ease; }
.adk-slide-link:hover img{ transform: scale(1.02); }
.adk-slide-overlay{
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(8, 32, 47, .94) 0%, rgba(8, 32, 47, .6) 32%, rgba(8, 32, 47, 0) 65%);
	display: flex;
	align-items: flex-end;
}
.adk-slide-content{ padding: 20px 28px 10px; color: #fff; }
.adk-slide-content .adk-cat{ background: var(--adk-color-accent); color: #fff; margin-block: 0 10px; }
.adk-slide-content .adk-kicker{ color: rgba(255,255,255,.78); }
.adk-slide-content h3{ font-size: var(--adk-fs-xl); font-weight: 800; line-height: 1.35; color: #fff; margin-block: 0 8px; transition: color var(--adk-transition); }
.adk-slide-link:hover .adk-slide-content h3{ color: var(--adk-color-accent); }
.adk-slide-content p{ color: rgba(255,255,255,.82); font-size: var(--adk-fs-sm); line-height: 1.7; margin: 0 0 10px; }
.adk-slide-content time{ font-size: var(--adk-fs-xs); color: rgba(255,255,255,.65); }

/* ---------- Image-beside-text slide: the active homepage hero pattern ---------- */
.adk-hero-slider-row{display: flex;gap: 21px;align-items: stretch;}
.adk-hero-slider-row > *{ min-width: 0; }
.adk-hero-block .adk-hero-main{aspect-ratio: auto;height: 430px;background: none;flex: 1;border: 1px solid #eee;}
.adk-hero-slide{ display: flex; align-items: stretch; gap: 32px; height: 100%; }
.adk-hero-slide-media{ display: block; flex: 0 0 45%; overflow: hidden; background: var(--adk-color-surface); }
.adk-hero-slide-media img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 400ms ease; }
.adk-hero-slide-media:hover img{ transform: scale(1.03); }
.adk-hero-slide-body{flex: 1;min-width: 0;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;padding-bottom: 19px;}
.adk-hero-slide-body .adk-cat{ margin-block: 0 10px; }
.adk-hero-slide-body h3{ font-size: var(--adk-fs-xl); font-weight: 800; line-height: 1.4; margin: 0 0 10px; }
.adk-hero-slide-body h3 a:hover{ color: var(--adk-color-primary); }
.adk-hero-slide-body p{ display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: var(--adk-color-muted); font-size: var(--adk-fs-sm); line-height: 1.75; margin: 0 0 12px; }

.adk-hero-thumbs{ display: flex; gap: 14px; margin-top: 22px; overflow-x: auto; padding-bottom: 4px; }
.adk-hero-thumb{ display: flex; flex-direction: column; gap: 8px; flex: 1 1 0; min-width: 140px; border: 0; background: none; padding: 0; cursor: pointer; font-family: inherit; opacity: .5; transition: opacity var(--adk-transition); }
.adk-hero-thumb:hover{ opacity: .8; }
.adk-hero-thumb.is-active{ opacity: 1; }
.adk-hero-thumb img{ display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; transition: outline-color var(--adk-transition); outline: 2px solid transparent; outline-offset: 2px; }
.adk-hero-thumb.is-active img{ outline-color: var(--adk-color-accent); }
.adk-hero-thumb span{display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: var(--adk-fs-xs);font-weight: 600;color: var(--adk-color-text);line-height: 1.5;text-align: right;}
.adk-hero-thumb.is-active span{ color: var(--adk-color-accent); }

/* Vertical rail variant: thumbnails stacked left of the slider, each thumb a
   small image + label row instead of the horizontal strip's stacked column.
   .adk-hero-thumbs-col holds the scrollable thumb list plus the prev/next
   nav row beneath it (moved here from inside the slide image itself). */
.adk-hero-thumbs-col{display: flex;flex-direction: column;flex: 0 0 291px;/* max-height: 420px; */}
.adk-hero-thumbs--vertical{
	flex: 1;
	min-height: 0;
	flex-direction: column;
	margin-top: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 0;
	padding-inline-end: 4px;
	background: #ededed;
	padding: 24px;
}
.adk-hero-thumbs--vertical .adk-hero-thumb{flex: 0 0 auto;flex-direction: row;align-items: center;gap: 10px;min-width: 0;}
.adk-hero-thumbs--vertical .adk-hero-thumb img{ width: 92px; flex-shrink: 0; aspect-ratio: 16/9; }
.adk-hero-thumbs--vertical .adk-hero-thumb span{ -webkit-line-clamp: 3; line-clamp: 3; }

/* Prev/next nav, relocated below the thumbnail rail instead of overlaid on the slide image. */
.adk-hero-thumbs-nav{ display: flex; flex: 0 0 auto; gap: 8px; margin-top: 14px; }
.adk-hero-thumbs-nav .swiper-button-prev,
.adk-hero-thumbs-nav .swiper-button-next{
	position: static;
	inset: auto;
	margin: 0;
	transform: none;
	flex: 1;
	width: auto;
	height: 40px;
	--swiper-navigation-size: 16px;
	background: #faf9f7;
	border: 1px solid var(--adk-color-border);
	color: var(--adk-color-text);
	opacity: 1;
	transition: background var(--adk-transition), color var(--adk-transition), border-color var(--adk-transition);
}
.adk-hero-thumbs-nav .swiper-button-prev:hover,
.adk-hero-thumbs-nav .swiper-button-next:hover{ background: var(--adk-color-primary); border-color: var(--adk-color-primary); color: #fff; }
.adk-hero-thumbs-nav .swiper-button-prev::after,
.adk-hero-thumbs-nav .swiper-button-next::after{ font-weight: 700; }

.adk-slider-hero .swiper-button-next, .adk-slider-hero .swiper-button-prev{
	color: #fff;
	--swiper-navigation-size: 16px;
	width: 40px;
	height: 40px;
	background: rgb(255 255 255);
	backdrop-filter: blur(2px);
	opacity: .85;
	z-index: 20;
	transition: opacity var(--adk-transition), background var(--adk-transition);
	border: 1px solid #0000001f;
}
.adk-slider-hero .swiper-button-next:hover, .adk-slider-hero .swiper-button-prev:hover,
.adk-slider-hero .swiper-button-next:focus-visible, .adk-slider-hero .swiper-button-prev:focus-visible{ opacity: 1; background: var(--adk-color-accent); }
.adk-slider-hero .swiper-button-next::after, .adk-slider-hero .swiper-button-prev::after{font-weight: 700;color: #000000;}

.swiper-pagination-bullet{ background: #fff; opacity: .6; border-radius: 0; }
.swiper-pagination-bullet-active{ opacity: 1; background: var(--adk-color-primary); }
.swiper-button-next, .swiper-button-prev{ color: #fff; --swiper-navigation-size: 18px; width: 34px; height: 34px; background: rgba(8,32,47,.5); }
@media (max-width: 782px){
	.adk-slider-hero .swiper-button-next, .adk-slider-hero .swiper-button-prev{ opacity: 1; width: 34px; height: 34px; --swiper-navigation-size: 14px; }
}

/* ---------- Grid layouts ---------- */
.adk-grid-3{ display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--adk-gap); }
.adk-grid-3 > *{ min-width: 0; }
.adk-grid-2{ display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--adk-gap); }
.adk-grid-2 > *{ min-width: 0; }
.adk-layout-main-sidebar{ display: grid; grid-template-columns: 2fr 1fr; gap: var(--adk-gap); align-items: start; }
.adk-layout-main-sidebar > *{ min-width: 0; }

/* ---------- Latest news: dense, compact horizontal list (homepage) ---------- */
.adk-latest-list{ display: flex; flex-direction: column; }
.adk-latest-item{ display: flex; align-items: center; gap: 16px; padding-block: 16px; border-bottom: 1px solid var(--adk-color-border); }
.adk-latest-item:first-child{ padding-top: 0; }
.adk-latest-item:last-child{ border-bottom: 0; padding-bottom: 0; }
.adk-latest-item-thumb{ display: block; flex-shrink: 0; width: 130px; aspect-ratio: 16/9; overflow: hidden; background: var(--adk-color-surface); }
.adk-latest-item-thumb img{ width: 100%; height: 100%; object-fit: cover; transition: transform 300ms ease; }
.adk-latest-item:hover .adk-latest-item-thumb img{ transform: scale(1.05); }
.adk-latest-item-body{ min-width: 0; flex: 1; }
.adk-latest-item-top{ display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.adk-latest-item-top .adk-cat{ margin-block: 0; padding: 3px 8px; font-size: 11px; }
.adk-latest-item-top time{ font-size: var(--adk-fs-xs); color: var(--adk-color-muted); }
.adk-latest-item-body h3{ font-size: var(--adk-fs-md); font-weight: 700; margin: 0; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.adk-latest-item-body h3 a:hover{ color: var(--adk-color-primary); }

/* ---------- Tabs widget ---------- */
.adk-tabs{ display: flex; flex-direction: column; background: var(--adk-color-dark-bg); padding: 20px; height: 100%; }
.adk-tabs-head{
	display: flex;
	gap: 2px;
	margin-bottom: 16px;
	background: rgba(255,255,255,.08);
	padding: 4px;
}
.adk-tabs-head button{
	position: relative;
	flex: 1;
	border: 0;
	background: transparent;
	padding: 8px 14px;
	font-family: inherit;
	font-size: var(--adk-fs-sm);
	font-weight: 700;
	color: rgba(255,255,255,.6);
	cursor: pointer;
	transition: color var(--adk-transition), background var(--adk-transition);
}
.adk-tabs-head button:hover{ color: #fff; }
.adk-tabs-head button[aria-selected="true"]{ color: #fff; background: var(--adk-color-accent); }
.adk-tab-panel{ display: none; }
.adk-tab-panel.is-active{ display: flex; flex-direction: column; gap: 14px; }
.adk-tab-panel .adk-simple-item + .adk-simple-item{ border-top: 1px solid rgba(255,255,255,.12); margin-top: 0; padding-top: 14px; }

.adk-tabs .adk-simple-item-thumb{ background: rgba(255,255,255,.08); }
.adk-tabs .adk-simple-item-body h4 a{ color: var(--adk-color-dark-text); }
.adk-tabs .adk-simple-item-body h4 a:hover{ color: #fff; }
.adk-tabs .adk-kicker{color: #ffffff82;}
.adk-tabs .adk-meta{ color: rgba(255,255,255,.5); }
.adk-tabs .adk-meta svg{ opacity: .6; }

/* ---------- Light tabs variant (media/multimedia column) ---------- */
.adk-tabs--light{ background: var(--adk-color-bg); border: 1px solid var(--adk-color-border); }
.adk-tabs--light .adk-tabs-head{ background: none; border-bottom: 1px solid var(--adk-color-border); padding: 0 0 12px; gap: 24px; }
.adk-tabs--light .adk-tabs-head button{ flex: 0 0 auto; padding: 0 0 12px; margin-bottom: -13px; color: var(--adk-color-muted); border-bottom: 2px solid transparent; }
.adk-tabs--light .adk-tabs-head button:hover{ color: var(--adk-color-text); }
.adk-tabs--light .adk-tabs-head button[aria-selected="true"]{ background: none; color: var(--adk-color-accent); border-bottom-color: var(--adk-color-accent); }
.adk-tabs--light .adk-simple-item-thumb{ background: var(--adk-color-surface); }
.adk-tabs--light .adk-simple-item-body h4 a{ color: var(--adk-color-text); }
.adk-tabs--light .adk-simple-item-body h4 a:hover{ color: var(--adk-color-primary); }
.adk-tabs--light .adk-meta{ color: var(--adk-color-muted); }
.adk-tabs--light .adk-tab-panel .adk-simple-item + .adk-simple-item{ border-top-color: var(--adk-color-border); }

.adk-media-feature{ position: relative; display: block; aspect-ratio: 16/9; overflow: hidden; background: var(--adk-color-surface); }
.adk-media-feature img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.adk-media-feature-wrap h4{ margin: 12px 0 4px; font-size: var(--adk-fs-sm); }
.adk-media-feature-wrap h4 a:hover{ color: var(--adk-color-primary); }

/* Wide variant: feature + list side by side, for the full-width "چندرسانه‌ای" section */
.adk-tabs--wide .adk-tab-panel.is-active{ display: block; }
.adk-media-panel-row{ display: flex; gap: 28px; align-items: flex-start; }
.adk-media-feature-wrap{ flex: 0 0 42%; }
.adk-media-panel-list{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.adk-media-panel-list .adk-simple-item + .adk-simple-item{ border-top: 1px solid var(--adk-color-border); padding-top: 14px; }

/* Four-column variant of the news card grid, for the "مقالات و یادداشت‌ها" section */
.adk-news-grid--4{ grid-template-columns: repeat(4, 1fr); }

/* ---------- Byline (writer photo + name) ---------- */
.adk-byline{ display: flex; align-items: center; gap: 6px; margin-bottom: 6px; font-size: var(--adk-fs-xs); font-weight: 600; color: var(--adk-color-muted); }
.adk-byline img{ width: 22px; height: 22px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.adk-byline-avatar-fallback{ display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: var(--adk-color-surface); color: var(--adk-color-muted); font-size: 11px; font-weight: 700; flex-shrink: 0; }

.adk-simple-item{display: flex;gap: 12px;align-items: center;}
.adk-simple-item-thumb{width: 100px;height: 100px;overflow: hidden;flex-shrink: 0;background: var(--adk-color-border);}
.adk-simple-item-thumb img{ width: 100%; height: 100%; object-fit: cover; transition: transform 300ms ease; }
.adk-simple-item:hover .adk-simple-item-thumb img{ transform: scale(1.06); }
.adk-simple-item-body{ min-width: 0; }
.adk-simple-item-body h4{ display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.adk-simple-item-body h4 a:hover{ color: var(--adk-color-primary); }
.adk-simple-item-body h4{ font-size: var(--adk-fs-sm); margin: 0 0 4px; font-weight: 600; }

.adk-simple-item--ranked{ align-items: center; }
.adk-simple-item-rank{ font-size: var(--adk-fs-xl); font-weight: 800; font-style: italic; color: var(--adk-color-border); width: 26px; flex-shrink: 0; line-height: 1; }

/* Kicker: short label shown above a title when the post has a subtitle field set. */
.adk-kicker{display: block;font-size: var(--adk-fs-kicker);font-weight: 600;color: var(--adk-color-accent);letter-spacing: .01em;margin-bottom: 4px;}

/* ---------- News list (archive/search/full-width card grid) ---------- */
.adk-news-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--adk-gap); }
.adk-news-list-item{ display: flex; flex-direction: column; gap: 0; padding: 16px; border: 1px solid var(--adk-color-border); transition: border-color var(--adk-transition); }
.adk-news-list-item:hover{ border-color: var(--adk-color-primary); }
.adk-news-list-item .adk-card-media{ width: 100%; margin-bottom: 14px; }
.adk-card-date{
	position: absolute;
	top: 10px;
	inset-inline-end: 10px;
	background: rgba(8,32,47,.72);
	backdrop-filter: blur(2px);
	color: #fff;
	font-size: var(--adk-fs-xs);
	font-weight: 600;
	padding: 4px 10px;
}
.adk-card-cat{ position: absolute; bottom: 10px; inset-inline-start: 10px; background: var(--adk-color-accent); color: #fff; margin: 0; }
.adk-overline{ font-size: var(--adk-fs-kicker); font-weight: 700; color: var(--adk-color-accent); }
.adk-news-list-item h3{font-size: 16px;margin-block: 8px;}
.adk-news-list-item p{color: var(--adk-color-muted);margin: 0 0 10px;font-size: 14px;}

/* ---------- Sidebar / most viewed ---------- */
.adk-sidebar-box{ background: var(--adk-color-surface); border: 1px solid var(--adk-color-border); padding: 20px; }
.adk-sidebar-box .adk-simple-item + .adk-simple-item{ border-top: 1px solid var(--adk-color-border); margin-top: 14px; padding-top: 14px; }
.adk-sidebar-box--sticky{ position: sticky; top: 96px; }
body.admin-bar .adk-sidebar-box--sticky{ top: 128px; }

.adk-sidebar-box--accent{ background: var(--adk-color-accent); border-color: var(--adk-color-accent); }
.adk-sidebar-box--accent .adk-section-title{ color: #fff; border-bottom-color: rgba(255,255,255,.3); }
.adk-sidebar-box--accent .adk-title-icon{ background: rgba(255,255,255,.2); color: #fff; }
.adk-sidebar-box--accent .adk-simple-item + .adk-simple-item{ border-top-color: rgba(255,255,255,.25); }
.adk-sidebar-box--accent .adk-simple-item-rank{ color: rgba(255,255,255,.45); }
.adk-sidebar-box--accent .adk-simple-item-thumb{ background: rgba(255,255,255,.2); }
.adk-sidebar-box--accent .adk-kicker{color: rgb(255 255 255 / 78%);}
.adk-sidebar-box--accent .adk-simple-item-body h4 a{ color: #fff; }
.adk-sidebar-box--accent .adk-simple-item-body h4 a:hover{ color: var(--adk-color-dark-bg); }
.adk-sidebar-box--accent .adk-meta{ color: rgba(255,255,255,.75); }
.adk-sidebar-box--accent .adk-meta svg{ opacity: .85; }

/* ---------- Ad slot (Theme Settings -> homepage) ---------- */
.adk-ad-slot{ margin-top: 20px; aspect-ratio: 1 / 1; overflow: hidden; }
.adk-ad-slot a{ display: block; width: 100%; height: 100%; }
.adk-ad-slot img{width: 100%;height: auto;}
.adk-ad-slot-placeholder{
	display: flex; align-items: center; justify-content: center;
	width: 100%; height: 100%;
	border: 1px dashed var(--adk-color-border);
	color: var(--adk-color-muted);
	font-size: var(--adk-fs-xs);
	text-align: center;
	background: var(--adk-color-bg);
}

.adk-ads-row{ display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--adk-gap); }
.adk-ad-slot--row{ margin-top: 0; aspect-ratio: 16 / 6; }
@media (max-width: 782px){
	.adk-ads-row{ grid-template-columns: 1fr; }
	.adk-ad-slot--row{ aspect-ratio: 16 / 9; }
}

/* ---------- Photo reports (section 4, dark) ---------- */
.adk-photo-reports{ background: var(--adk-color-dark-bg); color: var(--adk-color-dark-text); padding-block: 40px; }
.adk-photo-reports .adk-section-title{ color: #fff; border-bottom-color: rgba(255,255,255,.25); }
.adk-pr-grid{ display: grid; grid-template-columns: 1.6fr 1fr; gap: var(--adk-gap); }
.adk-pr-main .swiper-slide{ position: relative; aspect-ratio: 16/9; overflow: hidden; }
.adk-pr-main img{ width: 100%; height: 100%; object-fit: cover; }
.adk-pr-side{ display: grid; grid-template-rows: repeat(4, 1fr); gap: 12px; }
.adk-pr-side-item{ position: relative; overflow: hidden; display: flex; align-items: center; gap: 12px; background: rgba(255,255,255,.04); padding: 8px; }
.adk-pr-side-item img{ width: 72px; height: 56px; object-fit: cover; flex-shrink: 0; }
.adk-pr-side-item h4{ font-size: var(--adk-fs-sm); margin: 0; color: #fff; font-weight: 600; }

/* ---------- Media section (photo / video): single-category, black bg, bento grid ---------- */
.adk-media-section{ background: #0d0d0f; color: var(--adk-color-dark-text); padding: 28px; }
.adk-media-section .adk-section-title{ color: #fff; margin-bottom: 18px; border-bottom-color: rgba(255,255,255,.25); }
.adk-media-section .adk-title-icon--accent{ background: rgba(179,33,31,.22); }

/* Bento grid: latest post large (2x2), next 3 posts smaller - promotes the newest item. */
.adk-bento-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, minmax(140px, auto));
	grid-template-areas:
		"big big s1 s2"
		"big big s3 s3";
	gap: 20px;
}
.adk-bento-big{ grid-area: big; }
.adk-bento-s1{ grid-area: s1; }
.adk-bento-s2{ grid-area: s2; }
.adk-bento-s3{ grid-area: s3; }

.adk-media-card{ position: relative; display: block; height: 100%; overflow: hidden; background: #1a1a1d; }
.adk-media-card img{ width: 100%; height: 100%; object-fit: cover; transition: transform 450ms ease; }
.adk-media-card:hover img{ transform: scale(1.06); }
.adk-bento-big .adk-media-title{ font-size: var(--adk-fs-lg); -webkit-line-clamp: 3; line-clamp: 3; }
.adk-bento-big .adk-media-play{ width: 64px; height: 64px; }
.adk-bento-big .adk-media-play svg{ width: 24px; height: 24px; }
.adk-media-play{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background: rgba(8,32,47,.6);
	backdrop-filter: blur(2px);
	color: #fff;
	transition: background var(--adk-transition), transform var(--adk-transition);
}
.adk-media-play svg{ width: 18px; height: 18px; margin-inline-start: 3px; }
.adk-media-card:hover .adk-media-play{ background: var(--adk-color-accent); transform: translate(-50%, -50%) scale(1.08); }
.adk-media-overlay{
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 16px 14px 14px;
	background: linear-gradient(0deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.5) 55%, rgba(0,0,0,0) 100%);
}
.adk-media-overlay .adk-cat{ margin-block: 0 8px; }
.adk-media-overlay .adk-kicker{ color: var(--adk-color-accent); }
.adk-media-title{ display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--adk-fs-sm); font-weight: 700; line-height: 1.5; color: #fff; margin-bottom: 6px; transition: color var(--adk-transition); }
.adk-media-overlay .adk-meta{ color: rgba(255,255,255,.65); }
.adk-media-card:hover .adk-media-title{ color: var(--adk-color-accent); }

/* ---------- Special reports carousel (deliberate portrait card, distinct from the 16:9 system) ---------- */
.adk-slider-reports{ padding-bottom: 4px; }
.adk-sr-card{ position: relative; display: block; aspect-ratio: 4/4; overflow: hidden; background: #1a1a1d; }
.adk-sr-card img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 450ms ease; }
.adk-sr-card:hover img{ transform: scale(1.06); }
.adk-sr-card .adk-cat{ background: var(--adk-color-accent); color: #fff; }

/* ---------- Section 5: three columns ---------- */
.adk-col{display: flex;flex-direction: column;height: 100%;border: 1px solid var(--adk-color-border);padding: 20px;}
.adk-col-head-item .adk-card-media{ display: block; }
.adk-col-head-overlay{
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	padding: 16px 14px 14px;
	background: linear-gradient(0deg, rgba(8, 32, 47, .94) 0%, rgb(8 32 47 / 68%) 55%, rgba(8, 32, 47, 0) 100%);
	height: 62%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.adk-col-head-overlay .adk-kicker{color: var(--adk-color-accent);font-weight: 600;}
.adk-col-head-title{ display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--adk-fs-md); font-weight: 800; line-height: 1.4; color: #fff; }

.adk-col-list{display: flex;flex-direction: column;gap: 12px;margin-top: 14px;margin-bottom: 22px;}
.adk-col-list .adk-simple-item{ transition: opacity var(--adk-transition); }
.adk-col-list .adk-simple-item:hover{ opacity: .8; }

.adk-btn-outline{ background: transparent; border-color: var(--adk-color-primary); color: var(--adk-color-primary); }
.adk-btn-outline:hover{ background: var(--adk-color-primary); border-color: var(--adk-color-primary); color: #fff; }
.adk-col-more{display: flex;justify-content: center;width: 100%;text-align: center;margin-top: auto;background: var(--adk-color-surface);border-color: var(--adk-color-border);color: var(--adk-color-muted);}
.adk-col-more:hover{ background: var(--adk-color-primary); border-color: var(--adk-color-primary); color: #fff; }

/* ---------- Footer ---------- */
.adk-footer{ background: var(--adk-color-dark-bg); color: var(--adk-color-dark-text); margin-top: 60px; padding-block: 40px 20px; }
.adk-footer-grid{ display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: var(--adk-gap); margin-bottom: 24px; }
.adk-footer-logo img{display: block;width: auto;height: auto;max-width: 200px;max-height: 53px;object-fit: contain;margin-bottom: 12px;}
.adk-footer-logo strong{ color: #fff; font-size: var(--adk-fs-lg); }
.adk-footer-desc{ color: rgba(255,255,255,.65); font-size: var(--adk-fs-sm); }
.adk-footer h4{ font-size: var(--adk-fs-sm); margin-bottom: 14px; color: #fff; }
.adk-footer-menu li{ margin-bottom: 8px; }
.adk-footer-menu a{ color: rgba(255,255,255,.65); font-size: var(--adk-fs-sm); transition: color var(--adk-transition); }
.adk-footer-menu a:hover{ color: var(--adk-color-accent); }
.adk-footer-social{ display: flex; gap: 10px; margin-top: 14px; }
.adk-footer-social a{ width: 34px; height: 34px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); color: #fff; display: flex; align-items: center; justify-content: center; transition: background var(--adk-transition), color var(--adk-transition); }
.adk-footer-social svg{ width: 16px; height: 16px; }
.adk-footer-social a:hover{ background: var(--adk-color-accent); color: #fff; border-color: var(--adk-color-accent); }
.adk-footer-bottom{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 20px; font-size: var(--adk-fs-xs); color: rgba(255,255,255,.55); padding-top: 16px; border-top: 1px solid rgba(255,255,255,.1); }
@media (max-width: 600px){
	.adk-footer-bottom{ flex-direction: column; text-align: center; }
}

.adk-footer-columns{ display: grid; grid-template-columns: 2fr 1fr 1fr; gap: var(--adk-gap); padding-top: 24px; margin-bottom: 24px; border-top: 1px solid rgba(255,255,255,.1); }
.adk-footer-column-1{ grid-column: 1; }
.adk-footer-column-2{ grid-column: 2; }
.adk-footer-column-3{ grid-column: 3; }
.adk-footer-column h4{ font-size: var(--adk-fs-sm); margin-bottom: 14px; color: #fff; }
.adk-footer-column-content{ color: rgba(255,255,255,.65); font-size: var(--adk-fs-sm); line-height: 1.9; }
.adk-footer-column-content p{ margin: 0 0 10px; }
.adk-footer-column-content p:last-child{ margin-bottom: 0; }
.adk-footer-column-content img{ max-width: 100%; height: auto; margin-top: 10px; }
@media (max-width: 782px){
	.adk-footer-columns{ grid-template-columns: 1fr; }
	.adk-footer-column-1, .adk-footer-column-2, .adk-footer-column-3{ grid-column: 1; }
}

/* ---------- Single post ---------- */
.adk-breadcrumb{ font-size: var(--adk-fs-xs); color: var(--adk-color-muted); margin-bottom: 14px; }
.adk-breadcrumb a{ color: var(--adk-color-muted); }
.adk-breadcrumb a:hover{ color: var(--adk-color-primary); }
.adk-article-header{ max-width: 800px; margin-inline: auto; text-align: center; margin-bottom: 24px; }
.adk-article-header .adk-cat{ margin-block: 0 10px; }
.adk-article-top-title{ font-size: var(--adk-fs-sm); font-weight: 700; color: var(--adk-color-primary); margin: 8px 0 4px; }
.adk-article-title{ font-size: var(--adk-fs-article-h1); }
.adk-article-meta{ display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; color: var(--adk-color-muted); font-size: var(--adk-fs-xs); }
.adk-article-meta span{ display: inline-flex; align-items: center; gap: 4px; }
.adk-article-meta svg{ width: 14px; height: 14px; flex-shrink: 0; opacity: .7; }

/* Cover hero: featured image as a contained banner, in the same visual language as the homepage lead. */
.adk-article-cover{ position: relative; width: 100%; overflow: hidden; margin-bottom: 32px; background: var(--adk-color-surface); }
.adk-article-cover img{ display: block; width: 100%; height: auto; }
.adk-article-cover-overlay{
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-start;
	background: linear-gradient(0deg, rgba(8,32,47,.94) 0%, rgba(8,32,47,.6) 45%, rgba(8,32,47,0) 85%);
	padding: 0 28px 28px;
	flex-direction: column;
	justify-content: flex-end;
}
.adk-article-cover .adk-article-header{ max-width: 800px; margin-inline: 0; margin-bottom: 0; text-align: right; }
.adk-article-cover .adk-article-top-title{ color: var(--adk-color-accent); }
.adk-article-cover .adk-article-title{ color: #fff; }
.adk-article-cover .adk-article-meta{ justify-content: flex-start; color: rgba(255,255,255,.75); }

.adk-article-content{ max-width: 760px; margin-inline: auto; font-size: 1.0625rem; line-height: 2; }
.adk-article-body{ border: 1px solid var(--adk-color-border); padding: 24px; }
.adk-article-content p{ margin: 0 0 1.4em; }
.adk-article-lead{ font-size: 1.1875rem; font-weight: 600; line-height: 1.9; color: var(--adk-color-text); padding-bottom: 1.2em; margin-bottom: 1.4em; border-bottom: 1px solid var(--adk-color-border); }
.adk-article-content img{ margin-block: 1.4em; }
.adk-article-content h2, .adk-article-content h3{ margin-top: 1.6em; }
.adk-article-gallery{ max-width: 760px; margin-inline: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-block: 24px; }
.adk-article-gallery .adk-gallery-item{ display: block; overflow: hidden; }
.adk-article-gallery img{ display: block; width: 100%; height: 100%; aspect-ratio: 1/1; object-fit: cover; }
.adk-tags{ max-width: 760px; margin-inline: auto; display: flex; flex-wrap: wrap; gap: 8px; margin-block: 24px; }
.adk-tags a{ font-size: var(--adk-fs-xs); border: 1px solid var(--adk-color-border); background: var(--adk-color-surface); padding: 6px 14px; transition: background var(--adk-transition), border-color var(--adk-transition); }
.adk-tags a:hover{ background: var(--adk-color-primary); border-color: var(--adk-color-primary); color: #fff; }
.adk-share{ max-width: 760px; margin-inline: auto; display: flex; gap: 10px; margin-block: 24px; }
.adk-share a{ width: 38px; height: 38px; border: 1px solid var(--adk-color-border); background: var(--adk-color-surface); display: flex; align-items: center; justify-content: center; transition: background var(--adk-transition), color var(--adk-transition), border-color var(--adk-transition); }
.adk-share svg{ width: 17px; height: 17px; }
.adk-share a:hover{ background: var(--adk-color-primary); border-color: var(--adk-color-primary); color: #fff; }

/* ---------- Shortlink copy box ---------- */
.adk-shortlink{ max-width: 760px; margin-inline: auto; margin-block: 24px; display: flex; align-items: center; gap: 10px; background: var(--adk-color-surface); border: 1px solid var(--adk-color-border); padding: 6px 6px 6px 18px; }
.adk-shortlink-label{ font-size: var(--adk-fs-xs); font-weight: 700; color: var(--adk-color-muted); flex-shrink: 0; }
.adk-shortlink-input{ flex: 1; min-width: 0; border: 0; background: transparent; font-family: inherit; font-size: var(--adk-fs-xs); color: var(--adk-color-text); outline: 0; text-overflow: ellipsis; }
.adk-shortlink-copy{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
	border: 0;
	padding: 9px 16px;
	background: var(--adk-color-primary);
	color: #fff;
	font-family: inherit;
	font-size: var(--adk-fs-xs);
	font-weight: 700;
	cursor: pointer;
	transition: background var(--adk-transition);
}
.adk-shortlink-copy:hover{ background: var(--adk-color-primary-dark); }
.adk-shortlink-copy.is-copied{ background: var(--adk-color-accent); }
.adk-shortlink-copy-icon{ display: flex; width: 15px; height: 15px; }
.adk-shortlink-copy-icon svg{ width: 100%; height: 100%; }
.adk-shortlink-copy-icon--done{ display: none; }
.adk-shortlink-copy.is-copied .adk-shortlink-copy-icon--default{ display: none; }
.adk-shortlink-copy.is-copied .adk-shortlink-copy-icon--done{ display: flex; }

.adk-post-nav{ max-width: 760px; margin-inline: auto; display: grid; grid-template-columns: 1fr 1fr; gap: var(--adk-gap); margin-block: 32px; }
.adk-post-nav a{ display: block; background: var(--adk-color-surface); border: 1px solid var(--adk-color-border); padding: 16px; transition: border-color var(--adk-transition); }
.adk-post-nav a:hover{ border-color: var(--adk-color-primary); }
.adk-post-nav span{ font-size: var(--adk-fs-xs); color: var(--adk-color-muted); }
.adk-post-nav strong{ display: block; margin-top: 6px; font-size: var(--adk-fs-sm); }

.adk-article-main{ min-width: 0; }
.adk-article-main .adk-article-header,
.adk-article-main .adk-article-content,
.adk-article-main .adk-article-gallery,
.adk-article-main .adk-tags,
.adk-article-main .adk-share,
.adk-article-main .adk-shortlink,
.adk-article-main .adk-post-nav{ max-width: none; margin-inline: 0; }
.adk-related{
	max-width: var(--adk-max-width);
	margin-inline: auto;
	padding: 24px;
	border: 1px solid var(--adk-color-border);
}
.adk-related-grid{ gap: 20px; }
.adk-related-card{display: flex;gap: 16px;padding: 12px;align-items: flex-start;}
.adk-related-card .adk-card-media{width: 100px;aspect-ratio: 1/1;flex-shrink: 0;margin-bottom: 0;}
.adk-related-card-body{ display: flex; flex-direction: column; justify-content: space-between; min-width: 0; flex: 1; padding: 2px 0; }
.adk-related-card-title{font-size: var(--adk-fs-sm);font-weight: 700;margin: 0;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.adk-related-card-title a:hover{ color: var(--adk-color-primary); }
.adk-related-card-meta{ display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.adk-related-card-meta .adk-cat{ margin-block: 0; font-size: 11px; padding: 3px 8px; }
.adk-related-card:hover .adk-card-media img{ transform: scale(1.04); }

/* ---------- Comments ---------- */
.adk-comments{ max-width: 760px; margin-inline: auto; margin-block: 40px; }
.comment-list{ margin: 0 0 24px; }
.comment-list .children{ margin: 0; padding-inline-start: 32px; }
.adk-comment + .adk-comment,
.adk-comment .children .adk-comment{ margin-top: 20px; }
.adk-comment-inner{ display: flex; gap: 14px; padding: 16px; border: 1px solid var(--adk-color-border); }
.adk-comment-avatar{ flex-shrink: 0; }
.adk-comment-avatar img{ width: 48px; height: 48px; border-radius: 50%; display: block; }
.adk-comment-body{ min-width: 0; flex: 1; }
.adk-comment-meta{ display: flex; align-items: baseline; gap: 10px; margin-bottom: 6px; flex-wrap: wrap; }
.adk-comment-author{ font-weight: 700; font-size: var(--adk-fs-sm); }
.adk-comment-meta time{ font-size: var(--adk-fs-xs); color: var(--adk-color-muted); }
.adk-comment-content{ font-size: var(--adk-fs-sm); line-height: 1.9; color: var(--adk-color-text); }
.adk-comment-content p{ margin: 0 0 .8em; }
.adk-comment-content p:last-child{ margin-bottom: 0; }
.adk-comment-pending{ font-size: var(--adk-fs-xs); color: var(--adk-color-accent); font-weight: 600; margin: 0 0 8px; }
.adk-comment-reply{ margin-top: 10px; }
.adk-comment-reply a{ font-size: var(--adk-fs-xs); font-weight: 700; color: var(--adk-color-primary); }
.adk-comment-reply a:hover{ text-decoration: underline; text-underline-offset: 2px; }

#respond{ margin-top: 24px; }
#respond .comment-reply-title{ font-size: var(--adk-fs-md); font-weight: 800; margin-bottom: 16px; }
#respond .comment-notes, #respond .logged-in-as{ font-size: var(--adk-fs-xs); color: var(--adk-color-muted); margin-bottom: 16px; }
.comment-form p{ margin: 0 0 14px; }
.comment-form label{ display: block; font-size: var(--adk-fs-xs); font-weight: 600; margin-bottom: 6px; }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
	width: 100%;
	border: 1px solid var(--adk-color-border);
	padding: 10px 14px;
	font-family: inherit;
	font-size: var(--adk-fs-sm);
	color: var(--adk-color-text);
	background: var(--adk-color-bg);
	transition: border-color var(--adk-transition);
}
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus{ outline: 0; border-color: var(--adk-color-primary); }
.comment-form textarea{ min-height: 140px; resize: vertical; }
.comment-form-cookies-consent{ display: flex; align-items: center; gap: 8px; }
.comment-form .form-submit{ margin: 0; }
.comment-form #submit{
	display: inline-flex;
	align-items: center;
	border: 0;
	padding: 10px 24px;
	background: var(--adk-color-primary);
	color: #fff;
	font-family: inherit;
	font-size: var(--adk-fs-sm);
	font-weight: 700;
	cursor: pointer;
	transition: background var(--adk-transition);
}
.comment-form #submit:hover{ background: var(--adk-color-primary-dark); }

/* ---------- Utility / no results ---------- */
.adk-empty{ text-align: center; padding: 60px 20px; color: var(--adk-color-muted); }
.adk-pagination{ display: flex; justify-content: center; gap: 8px; margin-block: 32px; }
.adk-pagination a, .adk-pagination span{ display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; border: 1px solid var(--adk-color-border); background: var(--adk-color-surface); font-size: var(--adk-fs-sm); }
.adk-pagination .current{ background: var(--adk-color-primary); border-color: var(--adk-color-primary); color: #fff; }

.pagination .nav-links{ display: flex; justify-content: center; gap: 8px; margin-block: 32px; }
.pagination .page-numbers{ display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; border: 1px solid var(--adk-color-border); background: var(--adk-color-surface); font-size: var(--adk-fs-sm); }
.pagination .page-numbers.current{ background: var(--adk-color-primary); border-color: var(--adk-color-primary); color: #fff; }

/* ---------- Responsive ---------- */
@media (max-width: 1200px){
	.adk-related-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 960px){
	.adk-grid-3{ grid-template-columns: 1fr; }
	.adk-pr-grid{ grid-template-columns: 1fr; }
	.adk-footer-grid{ grid-template-columns: 1fr 1fr; }
	.adk-bento-grid{
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: minmax(220px, auto) repeat(2, minmax(120px, auto));
		grid-template-areas:
			"big big"
			"s1 s2"
			"s3 s3";
	}
}

/* ---------- Mobile nav drawer ---------- */
.adk-nav-backdrop{
	position: fixed;
	inset: 0;
	background: rgba(8,32,47,.6);
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--adk-transition);
	z-index: 199;
}
.adk-nav-backdrop.is-open{ opacity: 1; visibility: visible; }
.adk-nav-drawer-head{ display: none; }

@media (max-width: 1024px){
	.adk-news-grid{ grid-template-columns: repeat(2, 1fr); }
	.adk-media-panel-row{ flex-direction: column; }
	.adk-media-feature-wrap{ flex-basis: auto; width: 100%; }
	.adk-hero-block .adk-hero-main{ height: auto; }
	.adk-hero-slide{ flex-direction: column; align-items: stretch; height: auto; }
	.adk-hero-slide-media{ flex-basis: auto; width: 100%; aspect-ratio: 16/9; }

	/* Narrower than this, a side rail has no room — thumbnails move below the
	   slide as a horizontal strip instead. */
	.adk-hero-slider-row{ flex-direction: column; }
	.adk-hero-thumbs-col{ width: 100%; max-height: none; }
	.adk-hero-thumbs--vertical{
		flex-direction: row;
		width: 100%;
		max-height: none;
		margin-top: 18px;
		overflow-x: auto;
		overflow-y: hidden;
		padding-inline-end: 0;
		padding-bottom: 4px;
	}
	.adk-hero-thumbs--vertical .adk-hero-thumb{ flex-direction: column; flex: 1 1 0; min-width: 140px; }
	.adk-hero-thumbs--vertical .adk-hero-thumb img{ width: 100%; }
	.adk-hero-thumbs--vertical .adk-hero-thumb span{ -webkit-line-clamp: 2; line-clamp: 2; }
	.adk-hero-thumbs-nav{ max-width: 220px; }
}

@media (max-width: 782px){
	.adk-topbar-menu{ gap: 14px; }

	/* The compact icon-row header below has no room for the date string. */
	.adk-header-date{ display: none; }

	.adk-menu-toggle{ display: inline-flex; }

	.adk-header .adk-container{display: flex;grid-template-columns: 40px 1fr 40px;align-items: stretch;gap: 8px;justify-content: center;flex-direction: column;}
	.adk-logo img{grid-column: 2;justify-self: center;width: 90px;height: 38px;}
	.adk-menu-toggle{grid-column: 1;justify-self: start;position: absolute;right: 17px;}
	.adk-search-toggle{grid-column: 3;justify-self: end;margin-inline-start: 0;position: absolute;left: 9px;}

	.adk-nav{
		position: fixed;
		top: 0;
		right: 0;
		height: 100%;
		width: min(320px, 85vw);
		background: var(--adk-color-bg);
		z-index: 200;
		overflow-y: auto;
		border-inline-start: 1px solid var(--adk-color-border);
		transform: translateX(112%);
		transition: transform 280ms ease;
	}
	.adk-nav.is-open{ transform: translateX(0); }
	.adk-nav-drawer-head{display: flex;align-items: center;justify-content: space-between;padding: 16px 20px;border-bottom: 1px solid var(--adk-color-border);background: var(--adk-color-dark-bg);}
	.adk-nav-drawer-head .adk-logo{ color: var(--adk-color-text); }
	.adk-nav-close{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border: 0;background: transparent;color: #ffffff;font-size: 1.25rem;line-height: 1;cursor: pointer;flex-shrink: 0;}
	.adk-nav .adk-container{padding: 8px 12px 24px;max-width: none;width: 100%;}
	.adk-nav-menu{ flex-direction: column; align-items: stretch; gap: 0; padding-block: 0; }
	.adk-nav-menu > li > a{
		display: flex;
		align-items: center;
		padding: 14px 12px;
		background: transparent;
		color: var(--adk-color-text);
		border-bottom: 1px solid var(--adk-color-border);
	}
	.adk-nav-menu > li:last-child > a{ border-bottom: 0; }
	.adk-nav-menu > li > a:hover, .adk-nav-menu > li.current-menu-item > a{ background: var(--adk-color-surface); color: var(--adk-color-primary); border-bottom-color: var(--adk-color-border); }
	.adk-nav-menu ul{ position: static; box-shadow: none; opacity: 1; visibility: visible; transform: none; display: none; border: 0; background: transparent; padding: 0 0 0 16px; }
	.adk-nav-menu li.adk-submenu-open > ul{ display: block; }
	.adk-nav-menu ul li a{ padding: 12px; }

	.adk-grid-hero, .adk-layout-main-sidebar{ grid-template-columns: 1fr; }
	.adk-grid-2{ grid-template-columns: 1fr; }
	.adk-news-grid{ grid-template-columns: 1fr; }
	.adk-footer-grid{ grid-template-columns: 1fr; }
	.adk-post-nav{ grid-template-columns: 1fr; }
	.adk-article-gallery{ grid-template-columns: repeat(2, 1fr); }
	.adk-bento-grid{
		grid-template-columns: 1fr;
		grid-template-rows: none;
		grid-template-areas: "big" "s1" "s2" "s3";
	}
	.adk-bento-grid .adk-media-card{ aspect-ratio: 16/10; height: auto; }

	/* Search modal: full-screen on small viewports for a real mobile search experience. */
	.adk-search-modal{ padding-top: 0; }
	.adk-search-modal-panel{ max-width: none; max-height: none; width: 100%; height: 100%; margin-inline: 0; }
	.adk-search-modal-form{ padding: 14px 16px; }
	.adk-search-modal-form input[type="search"]{ font-size: var(--adk-fs-md); }

	/* Compact, mobile-first typography and spacing */
	.adk-container{ padding-inline: 16px; }
	.adk-section-title{ font-size: var(--adk-fs-md); margin-bottom: 14px; padding-bottom: 10px; }
	.adk-latest-item-thumb{ width: 96px; }
	.adk-article-title{ font-size: var(--adk-fs-xl); }
	.adk-article-content{ font-size: 1rem; line-height: 1.85; }
	.adk-news-list-item h3{ font-size: var(--adk-fs-md); }
	.adk-tabs{ padding: 14px; }
}

@media (max-width: 480px){
	.adk-article-title{ font-size: var(--adk-fs-lg); }
	.adk-hero-main{ aspect-ratio: 4/3; }
	.adk-latest-item{ align-items: flex-start; }
	.adk-latest-item-thumb{ width: 84px; }
}

/* ---------- City news (regional / Hormozgan) ---------- */
.adk-grid-cities{ display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--adk-gap); }
.adk-city-card{ position: relative; display: block; aspect-ratio: 4/3; overflow: hidden; background: var(--adk-color-surface); }
.adk-city-card img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 400ms ease; }
.adk-city-card:hover img{ transform: scale(1.05); }
.adk-city-card-overlay{
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 4px;
	padding: 16px;
	background: linear-gradient(0deg, rgba(8,32,47,.9) 0%, rgba(8,32,47,.2) 60%, rgba(8,32,47,0) 100%);
}
.adk-city-card-name{ color: #fff; font-size: var(--adk-fs-md); font-weight: 800; }
.adk-city-card-count{ color: rgba(255,255,255,.75); font-size: var(--adk-fs-xs); }
@media (max-width: 900px){
	.adk-grid-cities{ grid-template-columns: repeat(3, 1fr); gap: 12px; }
}
@media (max-width: 600px){
	.adk-grid-cities{ grid-template-columns: repeat(2, 1fr); }
}

/* ---------- Newsletter ---------- */
.adk-newsletter{
	display: flex;
	align-items: center;
	gap: 24px;
	background: var(--adk-color-dark-bg);
	color: var(--adk-color-dark-text);
	padding: 28px 32px;
}
.adk-newsletter-icon{ display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; background: rgba(179,33,31,.2); color: #fff; flex-shrink: 0; }
.adk-newsletter-icon svg{ width: 24px; height: 24px; }
.adk-newsletter-body{ flex: 1; min-width: 200px; }
.adk-newsletter-body h2{ color: #fff; font-size: var(--adk-fs-lg); margin: 0 0 6px; }
.adk-newsletter-body p{ color: rgba(255,255,255,.65); font-size: var(--adk-fs-sm); margin: 0; }
.adk-newsletter-form{ display: flex; align-items: center; gap: 10px; background: #fff; padding: 6px 6px 6px 18px; flex-shrink: 0; width: 100%; max-width: 460px; }
.adk-newsletter-form input[type="email"]{ flex: 1; min-width: 0; border: 0; background: transparent; font-family: inherit; font-size: var(--adk-fs-sm); outline: 0; color: var(--adk-color-text); }
.adk-newsletter-form .adk-btn{ flex-shrink: 0; background: var(--adk-color-accent); border-color: var(--adk-color-accent); color: #fff; padding: 10px 22px; font-weight: 700; }
.adk-newsletter-form .adk-btn:hover{ background: var(--adk-color-primary); border-color: var(--adk-color-primary); }
.adk-newsletter-form .adk-btn:disabled{ opacity: .6; cursor: default; }
.adk-newsletter-status{ margin: 10px 0 0; font-size: var(--adk-fs-xs); color: var(--adk-color-muted); }
.adk-newsletter-status.is-success{ color: #1a7a3c; }
.adk-newsletter-status.is-error{ color: var(--adk-color-accent); }
@media (max-width: 782px){
	.adk-newsletter{ flex-direction: column; text-align: center; padding: 24px; }
	.adk-newsletter-form{ max-width: 100%; }
}

/* ---------- Media partners ---------- */
.adk-slider-partners{ padding: 4px 0; }
.adk-partner-slide a{ display: flex; align-items: center; justify-content: center; height: 64px; filter: grayscale(1); opacity: .75; transition: filter var(--adk-transition), opacity var(--adk-transition); }
.adk-partner-slide a:hover{ filter: grayscale(0); opacity: 1; }
.adk-partner-slide img{ display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
.adk-partners .swiper-button-next, .adk-partners .swiper-button-prev{ background: var(--adk-color-surface); color: var(--adk-color-text); }