/*
Theme Name: Kartalistan 1903
Description: A custom block theme scaffolded by Studio Code.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kartalistan-1903
Tags: full-site-editing, block-patterns, block-styles, wide-blocks, accessibility-ready, style-variations
*/

/* WordPress inserts margin-block-start: var(--wp--style--block-gap) between the
   template's top-level sections (header part, main, footer part) — a gap that
   exists even when no markup asks for it. Zero it so sections butt edge-to-edge
   and own their vertical rhythm via padding; this does not affect block gaps
   inside nested layouts. */
.wp-site-blocks > * + * {
	margin-block-start: 0;
}

/* === category archive editorial reimagine ===
   Shared by Futbol, Basketbol and Medya. The ticker, match centre and
   standings stay exclusive to the homepage. */
main.archive-page {
	width: min(100%, 1328px);
	max-width: none;
	margin: 0 auto;
	padding: clamp(34px, 4.2vw, 64px) clamp(16px, 2.5vw, 34px) 72px;
}

main.archive-page > * {
	width: 100%;
	max-width: none !important;
}

.archive-page__title {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 clamp(28px, 3.4vw, 46px);
	padding: 0 0 16px;
	border-bottom: 3px solid var(--wp--preset--color--kartal-red);
	border-radius: 0;
	background: transparent;
	color: var(--wp--preset--color--ink);
	font-family: "Bebas Neue", var(--wp--preset--font-family--display);
	font-size: clamp(74px, 10vw, 144px);
	font-weight: 400;
	letter-spacing: -0.018em;
	line-height: 0.8;
	text-align: left;
	text-transform: uppercase;
}

.archive-page__title::after {
	position: absolute;
	right: 0;
	bottom: -3px;
	width: clamp(72px, 10vw, 132px);
	height: 3px;
	background: var(--wp--preset--color--ink);
	content: "";
}

.archive-page__hero-query {
	margin: 0;
}

.archive-page__hero-query .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 14px;
	min-height: 546px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.archive-page__hero-query .wp-block-post-template > li {
	min-width: 0;
	margin: 0 !important;
}

.archive-page__hero-query .wp-block-post-template > li:first-child {
	grid-column: 1 / span 8;
	grid-row: 1 / span 2;
}

.archive-page__hero-query .wp-block-post-template > li:nth-child(2),
.archive-page__hero-query .wp-block-post-template > li:nth-child(3) {
	grid-column: 9 / span 4;
}

.archive-page__hero-query .wp-block-post-template > li:nth-child(2) {
	grid-row: 1;
}

.archive-page__hero-query .wp-block-post-template > li:nth-child(3) {
	grid-row: 2;
}

.archive-page__hero-card {
	position: relative;
	height: 100%;
	min-height: 0;
	overflow: hidden;
	border-radius: 16px;
	background: #101010;
	box-shadow: 0 10px 28px rgba(9, 9, 9, 0.12);
	isolation: isolate;
}

.archive-page__hero-card::after {
	position: absolute;
	z-index: 1;
	inset: 0;
	background: linear-gradient(180deg, transparent 30%, rgba(7, 7, 7, 0.93) 100%);
	content: "";
	pointer-events: none;
}

.archive-page__hero-media,
.archive-page__hero-image,
.archive-page__hero-image a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
}

.archive-page__hero-media {
	position: absolute;
	inset: 0;
}

.archive-page__hero-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 420ms ease;
}

.archive-page__hero-card:hover .archive-page__hero-image img {
	transform: scale(1.035);
}

.archive-page__hero-copy {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
	left: 0;
	padding: clamp(20px, 3vw, 34px);
	color: #fff;
}

.archive-page__hero-copy::before {
	position: absolute;
	top: clamp(20px, 3vw, 34px);
	bottom: clamp(23px, 3vw, 37px);
	left: clamp(12px, 1.5vw, 20px);
	width: 3px;
	border-radius: 2px;
	background: var(--wp--preset--color--kartal-red);
	content: "";
}

.archive-page__hero-author,
.archive-page__hero-author a {
	margin: 0 0 8px;
	color: var(--wp--preset--color--kartal-red);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.055em;
	text-decoration: none;
	text-transform: uppercase;
}

.archive-page__hero-title {
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(27px, 3.2vw, 44px);
	font-weight: 800;
	letter-spacing: -0.025em;
	line-height: 1.06;
}

.archive-page__hero-title a {
	color: #fff;
	text-decoration: none;
}

.archive-page__hero-excerpt {
	max-width: 680px;
	margin: 13px 0 0;
	color: rgba(255, 255, 255, 0.72);
	font-size: 14px;
	line-height: 1.55;
}

.archive-page__hero-excerpt p {
	margin: 0;
}

.archive-page__hero-date {
	margin: 16px 0 0;
	color: rgba(255, 255, 255, 0.64);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

.archive-page__hero-query .wp-block-post-template > li:nth-child(n + 2) .archive-page__hero-copy {
	padding: 22px;
}

.archive-page__hero-query .wp-block-post-template > li:nth-child(n + 2) .archive-page__hero-copy::before {
	top: 22px;
	bottom: 24px;
	left: 12px;
}

.archive-page__hero-query .wp-block-post-template > li:nth-child(n + 2) .archive-page__hero-title {
	font-size: clamp(21px, 2vw, 27px);
}

.archive-page__hero-query .wp-block-post-template > li:nth-child(n + 2) .archive-page__hero-excerpt {
	display: none;
}

.archive-page-is-paged .archive-page__hero-query {
	display: none;
}

.archive-page__section-head {
	position: relative;
	gap: 20px;
	align-items: flex-end;
	width: 100%;
	margin: clamp(42px, 5vw, 66px) 0 22px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.archive-page__section-head::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 92px;
	height: 3px;
	border-radius: 3px;
	background: var(--wp--preset--color--kartal-red);
	content: "";
}

.archive-page__section-title {
	margin: 0;
	color: var(--wp--preset--color--ink);
	font-family: "Bebas Neue", var(--wp--preset--font-family--display);
	font-size: clamp(38px, 4.1vw, 58px);
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 0.9;
	text-transform: uppercase;
}

.archive-page__section-count {
	margin: 0;
	color: var(--wp--preset--color--silver);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.065em;
	text-transform: uppercase;
}

.archive-page__grid .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-flow: dense;
	gap: 18px;
	align-items: stretch;
	margin: 0;
	padding: 0;
	list-style: none;
}

.archive-page__grid .wp-block-post-template > li {
	min-width: 0;
	margin: 0 !important;
}

.archive-page__grid .wp-block-post-template > li:nth-child(3) {
	grid-column: 1 / span 2;
	grid-row: 1 / span 2;
}

.archive-page__grid .wp-block-post-template > li:first-child {
	grid-column: 3;
	grid-row: 1;
}

.archive-page__grid .wp-block-post-template > li:nth-child(2) {
	grid-column: 4;
	grid-row: 1;
}

.archive-page__grid .wp-block-post-template > li:nth-child(4) {
	grid-column: 3;
	grid-row: 2;
}

.archive-page__card {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
	overflow: hidden;
	border: 1px solid rgba(9, 9, 9, 0.07);
	border-radius: 13px;
	background: #fff;
	box-shadow: 0 7px 20px rgba(9, 9, 9, 0.065);
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.archive-page__card:hover {
	transform: translateY(-3px);
	box-shadow: 0 13px 30px rgba(9, 9, 9, 0.11);
}

.archive-page__card-media {
	position: relative;
	flex: 0 0 auto;
	margin: 0;
	overflow: hidden;
	background: #181818;
}

.archive-page__card-image,
.archive-page__card-image a {
	display: block;
	width: 100%;
	margin: 0;
}

.archive-page__card-image img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	transition: transform 320ms ease;
}

.archive-page__card:hover .archive-page__card-image img {
	transform: scale(1.045);
}

.archive-page__card-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	padding: 15px 16px 17px;
}

.archive-page__card-author,
.archive-page__card-author a {
	margin: 0 0 7px;
	color: var(--wp--preset--color--kartal-red);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-transform: uppercase;
}

.archive-page__card-title {
	margin: 0;
	font-size: clamp(16px, 1.45vw, 20px);
	font-weight: 800;
	letter-spacing: -0.018em;
	line-height: 1.18;
}

.archive-page__card-title a {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.archive-page__card-title a:hover {
	color: var(--wp--preset--color--kartal-red);
}

.archive-page__card-excerpt {
	display: -webkit-box;
	margin: 10px 0 0;
	overflow: hidden;
	color: var(--wp--preset--color--silver);
	font-size: 12px;
	line-height: 1.48;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.archive-page__card-excerpt p {
	margin: 0;
}

.archive-page__card-date {
	margin: auto 0 0;
	padding-top: 15px;
	color: #9b9b9b;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

.archive-page__grid .wp-block-post-template > li:nth-child(3) .archive-page__card {
	position: relative;
	width: 100%;
	min-height: 582px;
	border: 0;
	background: #111;
}

.archive-page__grid .wp-block-post-template > li:nth-child(3) .archive-page__card-media,
.archive-page__grid .wp-block-post-template > li:nth-child(3) .archive-page__card-image,
.archive-page__grid .wp-block-post-template > li:nth-child(3) .archive-page__card-image a {
	position: absolute;
	inset: 0;
	height: 100%;
}

.archive-page__grid .wp-block-post-template > li:nth-child(3) .archive-page__card-image img {
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	object-fit: cover;
}

.archive-page__grid .wp-block-post-template > li:nth-child(3) .archive-page__card::after {
	position: absolute;
	z-index: 1;
	inset: 0;
	background: linear-gradient(180deg, transparent 20%, rgba(8, 8, 8, 0.94) 100%);
	content: "";
	pointer-events: none;
}

.archive-page__grid .wp-block-post-template > li:nth-child(3) .archive-page__card-body {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 28px 24px;
	color: #fff;
}

.archive-page__grid .wp-block-post-template > li:nth-child(3) .archive-page__card-title {
	font-size: clamp(27px, 2.5vw, 36px);
	line-height: 1.06;
}

.archive-page__grid .wp-block-post-template > li:nth-child(3) .archive-page__card-title a {
	color: #fff;
}

.archive-page__grid .wp-block-post-template > li:nth-child(3) .archive-page__card-excerpt {
	color: rgba(255, 255, 255, 0.7);
	font-size: 13px;
}

.archive-page__grid .wp-block-post-template > li:nth-child(3) .archive-page__card-date {
	color: rgba(255, 255, 255, 0.62);
}

.archive-page .front-media__badge {
	display: none;
}

body.category-medya .archive-page .front-media__badge {
	position: absolute;
	z-index: 3;
	top: 14px;
	right: 14px;
	display: inline-flex;
}

.archive-page__pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 42px;
}

.archive-page__pagination .wp-block-query-pagination-previous,
.archive-page__pagination .wp-block-query-pagination-next,
.archive-page__pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 11px;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 7px;
	background: #fff;
	color: var(--wp--preset--color--ink);
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
	transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.archive-page__pagination .page-numbers.current {
	border-color: var(--wp--preset--color--ink);
	background: var(--wp--preset--color--ink);
	color: #fff;
}

.archive-page__pagination .wp-block-query-pagination-previous:hover,
.archive-page__pagination .wp-block-query-pagination-next:hover,
.archive-page__pagination .page-numbers:not(.current):hover {
	border-color: var(--wp--preset--color--kartal-red);
	color: var(--wp--preset--color--kartal-red);
}

@media (prefers-reduced-motion: reduce) {
	.archive-page__hero-image img,
	.archive-page__card,
	.archive-page__card-image img {
		transition: none;
	}

	.archive-page__hero-card:hover .archive-page__hero-image img,
	.archive-page__card:hover,
	.archive-page__card:hover .archive-page__card-image img {
		transform: none;
	}
}

@media (max-width: 1024px) {
	.archive-page__hero-query .wp-block-post-template {
		min-height: 500px;
	}

	.archive-page__grid .wp-block-post-template {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.archive-page__grid .wp-block-post-template > li:nth-child(4) {
		grid-column: auto;
		grid-row: auto;
	}

	.archive-page__grid .wp-block-post-template > li:nth-child(3) {
		grid-column: 1 / span 2;
	}

	.archive-page__grid .wp-block-post-template > li:first-child {
		grid-column: 3;
	}

	.archive-page__grid .wp-block-post-template > li:nth-child(2) {
		grid-column: auto;
		grid-row: auto;
	}
}

@media (max-width: 760px) {
	main.archive-page {
		padding-top: 34px;
	}

	.archive-page__title {
		font-size: clamp(68px, 19vw, 110px);
	}

	.archive-page__hero-query .wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: 420px 235px;
		min-height: 0;
	}

	.archive-page__hero-query .wp-block-post-template > li:first-child {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	.archive-page__hero-query .wp-block-post-template > li:nth-child(2),
	.archive-page__hero-query .wp-block-post-template > li:nth-child(3) {
		grid-column: auto;
		grid-row: 2;
	}

	.archive-page__hero-excerpt {
		display: none;
	}

	.archive-page__grid .wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.archive-page__grid .wp-block-post-template > li:first-child,
	.archive-page__grid .wp-block-post-template > li:nth-child(2),
	.archive-page__grid .wp-block-post-template > li:nth-child(4) {
		grid-column: auto;
		grid-row: auto;
	}

	.archive-page__grid .wp-block-post-template > li:nth-child(3) {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	.archive-page__grid .wp-block-post-template > li:nth-child(3) .archive-page__card {
		min-height: 440px;
	}
}

@media (max-width: 520px) {
	.archive-page__hero-query .wp-block-post-template {
		grid-template-columns: 1fr;
		grid-template-rows: 380px repeat(2, 220px);
	}

	.archive-page__hero-query .wp-block-post-template > li:nth-child(2),
	.archive-page__hero-query .wp-block-post-template > li:nth-child(3) {
		grid-column: 1;
		grid-row: auto;
	}

	.archive-page__section-count {
		display: none;
	}

	.archive-page__grid .wp-block-post-template {
		grid-template-columns: 1fr;
	}

	.archive-page__grid .wp-block-post-template > li:nth-child(3) .archive-page__card {
		min-height: 410px;
	}
}

/* === Kartalistan header === */
.site-header {
	border-bottom: 2px solid var(--wp--preset--color--kartal-red);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.16);
}

/* Sticky positioning lives on the template-part wrapper (the actual direct
   child of .wp-site-blocks), not on .site-header itself — the wrapper is a
   plain block-level div with no layout constraints applied to it, so it's
   the safest place for `position: sticky` to actually take effect. The
   header template-part is always the first one included in every template,
   so :first-child reliably selects it without needing a class on every
   template file. */
.wp-site-blocks > .wp-block-template-part:first-child {
	position: sticky;
	top: 0;
	z-index: 1000;
}

/* Offset for the WP admin bar, which is itself fixed to the viewport top
   and would otherwise overlap the sticky header while logged in. */
body.admin-bar .wp-site-blocks > .wp-block-template-part:first-child {
	top: 32px;
}

@media (max-width: 782px) {
	body.admin-bar .wp-site-blocks > .wp-block-template-part:first-child {
		top: 46px;
	}
}

.site-header__inner {
	min-height: 72px;
	box-sizing: border-box;
	/* Match .front-hero__row's max-width and drop the left inset so the
	   logo's left edge lines up with the hero media's left edge below it.
	   !important beats core's .alignwide rule, which otherwise caps this
	   at the theme's wideSize (1180px) instead of the hero row's 1360px,
	   throwing the two containers out of alignment above 1180px wide. */
	max-width: 1360px !important;
	padding-left: 5px;
	padding-right: 24px;
	gap: clamp(20px, 3vw, 48px);
}

.site-header__brand-group {
	flex: 0 0 auto;
	gap: 14px;
}

.site-header__brand {
	flex: 0 0 auto;
	width: 205px;
	margin: 0;
}

.site-header__brand img {
	display: block;
	width: 100% !important;
	height: auto;
}

/* "2009'dan beri" mark: a transparent-background outline wordmark, sits
   quietly to the right of the logo without competing with it. */
/* "2009'dan beri" mark: outline-only text (transparent fill, thin stroke)
   echoing the reference wordmark's hollow letterforms, instead of an image
   — renders crisp at any size and needs no cropping/transparency work. */
.site-header__since {
	flex: 0 0 auto;
	margin: 0;
	color: var(--wp--preset--color--paper);
	font-family: "Bebas Neue", var(--wp--preset--font-family--heading);
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	white-space: nowrap;
}

.site-header__nav {
	flex: 1 1 auto;
}

.site-header__nav .wp-block-navigation__container {
	gap: clamp(18px, 2.2vw, 34px);
}

.site-header__nav .wp-block-navigation-item__content {
	position: relative;
	padding-block: 24px;
	color: var(--wp--preset--color--white) !important;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-decoration: none;
	transition: color 180ms ease;
}

.site-header__nav .wp-block-navigation-item__content::after {
	position: absolute;
	right: 0;
	bottom: 16px;
	left: 0;
	height: 2px;
	background: var(--wp--preset--color--kartal-red);
	content: "";
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 180ms ease;
}

.site-header__nav .wp-block-navigation-item__content:hover,
.site-header__nav .wp-block-navigation-item__content:focus-visible {
	color: var(--wp--preset--color--kartal-red) !important;
}

.site-header__nav .wp-block-navigation-item__content:hover::after,
.site-header__nav .wp-block-navigation-item__content:focus-visible::after {
	transform: scaleX(1);
}

.site-header__search {
	flex: 0 0 46px;
	width: 46px;
	transition: flex-basis 220ms ease, width 220ms ease;
}

.site-header__search:hover,
.site-header__search:focus-within {
	flex-basis: 220px;
	width: 220px;
}

.site-header__search .wp-block-search__inside-wrapper {
	height: 42px;
	justify-content: flex-end;
}

.site-header__search .wp-block-search__input {
	min-width: 0;
	width: 0;
	padding-inline: 0;
	border-width: 0;
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--white);
	opacity: 0;
	transition: width 220ms ease, padding 220ms ease, border-width 220ms ease, opacity 140ms ease;
}

.site-header__search:hover .wp-block-search__input,
.site-header__search:focus-within .wp-block-search__input {
	width: 174px;
	padding-inline: 12px;
	border: 1px solid #383838;
	opacity: 1;
}

.site-header__search .wp-block-search__input::placeholder {
	color: var(--wp--preset--color--silver);
}

.site-header__search .wp-block-search__button.wp-element-button {
	width: 46px;
	margin: 0;
	padding: 0;
	border: 0;
	background: var(--wp--preset--color--kartal-red);
	color: var(--wp--preset--color--white);
}

.site-header__search .wp-block-search__button.wp-element-button:hover {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
}

.site-header .wp-block-navigation__responsive-container-open,
.site-header .wp-block-navigation__responsive-container-close {
	color: var(--wp--preset--color--white);
}

@media (max-width: 781px) {
	.site-header__inner {
		min-height: 62px;
		padding-inline: 16px;
		gap: 14px;
	}

	.site-header__brand {
		width: 148px;
	}

	.site-header__since {
		display: none;
	}

	.site-header__nav {
		order: 3;
		flex: 0 0 28px;
	}

	.site-header__search {
		order: 2;
		flex: 0 0 42px;
	}

	.site-header__search .wp-block-search__inside-wrapper {
		height: 42px;
	}

	.site-header__search .wp-block-search__input {
		display: none;
	}

	.site-header__search .wp-block-search__button.wp-element-button {
		width: 42px;
		background: transparent;
	}

	.site-header__nav .wp-block-navigation__responsive-container {
		padding: 28px;
		background: var(--wp--preset--color--charcoal) !important;
	}

	.site-header__nav .wp-block-navigation-item__content {
		padding-block: 10px;
		font-size: 22px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.site-header *,
	.site-header *::before,
	.site-header *::after {
		scroll-behavior: auto !important;
		transition: none !important;
	}
}

/* === matchday === */
/* Milliyet-style stacked match cards: dark label bar + white body with
   badge/team on each side and the score (or kickoff time) centered. */
.kmd-matchday-section {
	padding: 20px 24px;
}

.kmd-strip {
	display: flex;
	/* Cards stack vertically in a narrow right-hand column, like the
	   reference: Son Maç on top, Gelecek Maç below. */
	flex-direction: column;
	margin-left: auto;
	width: 100%;
	max-width: 300px;
	gap: 14px;
}

.kmd-card {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 6px;
	/* White card on a white page background makes the rounded corners
	   invisible everywhere except the top (where the dark label bar
	   creates contrast); a light border makes the shape read on all
	   four corners, bottom included. */
	border: 0;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
	background: #FAF9F6;
}

.kmd-card__label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 10px 14px;
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--white);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.kmd-card__body {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 14px;
}

.kmd-card__team {
	display: flex;
	flex: 1 1 0;
	min-width: 0;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	text-align: center;
	/* A long team name (e.g. "FC Midtjylland") wraps to two lines,
	   making this box taller than the opposing single-line team's box.
	   .kmd-card__body centers children vertically, so the shorter box
	   would drift down and its badge would sit lower than the other
	   team's — pin both team boxes to the top of the row instead so
	   both badges land on the same line regardless of name length. */
	align-self: flex-start;
}

.kmd-card__badge {
	width: 46px;
	height: 46px;
	object-fit: contain;
}

.kmd-card__center {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}

.kmd-card__league {
	color: var(--wp--preset--color--charcoal);
	opacity: 0.6;
	font-size: 10px;
	text-align: center;
	white-space: nowrap;
}

.kmd-card__date {
	color: var(--wp--preset--color--charcoal);
	opacity: 0.6;
	font-size: 10px;
	text-align: center;
	white-space: nowrap;
}

.kmd-team {
	max-width: 100%;
	color: var(--wp--preset--color--ink);
	font-size: 13px;
	font-weight: 700;
	word-break: normal;
	overflow-wrap: normal;
	hyphens: none;
}

.kmd-score {
	color: var(--wp--preset--color--ink);
	font-size: 18px;
	font-weight: 800;
	white-space: nowrap;
}

.kmd-score--time {
	color: var(--wp--preset--color--kartal-red);
}

/* Row that holds the competition emblem + wordmark, centered under the
   dark label bar (mirrors .kmd-upcoming__comp on the carousel below it,
   so both cards share the same competition-row placement/style). */
.kmd-card__comp {
	display: flex;
	justify-content: center;
	padding: 10px 14px 0;
}

.kmd-europa-bar {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-shrink: 0;
}

.kmd-europa-bar__emblem {
	width: 17px;
	height: 17px;
	object-fit: contain;
	flex-shrink: 0;
}

.kmd-europa-bar__label {
	font-size: 11px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #303030;
	white-space: nowrap;
}

/* UEFA Şampiyonlar Ligi emblem + wordmark, same layout as .kmd-europa-bar. */
.kmd-champions-bar {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-shrink: 0;
}

.kmd-champions-bar__emblem {
	width: 17px;
	height: 17px;
	object-fit: contain;
	flex-shrink: 0;
}

.kmd-champions-bar__label {
	font-size: 11px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #303030;
	white-space: nowrap;
}

/* Trendyol Süper Lig emblem + wordmark, mirrors .kmd-europa-bar but the
   emblem sits on a small white chip — its black + red shapes would
   disappear against the dark label bar without one. */
.kmd-superlig-bar {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-shrink: 0;
}

.kmd-superlig-bar__chip {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--wp--preset--color--white);
	flex-shrink: 0;
}

.kmd-superlig-bar__emblem {
	width: 14px;
	height: 14px;
	object-fit: contain;
}

.kmd-superlig-bar__label {
	font-size: 11px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #303030;
	white-space: nowrap;
}

/* Ziraat Türkiye Kupası emblem + wordmark, same white-chip treatment as
   .kmd-superlig-bar (the cup's red + white shapes need contrast too). */
.kmd-turkcup-bar {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-shrink: 0;
}

.kmd-turkcup-bar__chip {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--wp--preset--color--white);
	flex-shrink: 0;
}

.kmd-turkcup-bar__emblem {
	width: 14px;
	height: 14px;
	object-fit: contain;
}

.kmd-turkcup-bar__label {
	font-size: 11px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #303030;
	white-space: nowrap;
}

/* UEFA Konferans Ligi emblem + wordmark, same layout as .kmd-europa-bar
   (emblem has its own contrast, no white chip needed). */
.kmd-conference-bar {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-shrink: 0;
}

.kmd-conference-bar__emblem {
	width: 17px;
	height: 17px;
	object-fit: contain;
	flex-shrink: 0;
}

.kmd-conference-bar__label {
	font-size: 11px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #303030;
	white-space: nowrap;
}

/* === front-hero === */
/* Transparent so the page's own off-white (paper) background shows through
   the full-width hero section instead of overriding it with white. */
.front-hero {
	padding: 0;
	background: transparent;
}

/* Row that holds the hero (image + panel) on the left and the matchday
   cards on the right, side by side within the same centered width the
   hero used to have on its own. */
.front-hero__row {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	max-width: 1360px;
	margin-inline: auto;
}

.front-hero__main {
	flex: 1 1 auto;
	min-width: 0;
}

.front-hero__side {
	flex: 0 0 300px;
	padding-top: 20px;
}

.front-hero__panels {
	width: 100%;
	position: relative;
}

.front-hero__panels .wp-block-post-template {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.front-hero__panels .wp-block-post-template > li {
	position: relative;
	display: none;
}

.front-hero__panels .wp-block-post-template > li:first-child {
	display: flex;
}

.front-hero__panels .wp-block-post-template > li {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	/* Rounded charcoal card: the image sits absolutely inside it and the
	   gradient overlay (on .front-hero__media) fades into this same solid
	   color, so there is no seam wherever the image's box happens to end. */
	border-radius: 20px;
	background: #171717;
	/* Fills the width the flex row above (.front-hero__row) gives
	   .front-hero__main, now that the matchday cards sit beside it. */
	width: 100%;
	height: clamp(280px, 28vw, 380px);
	/* WordPress's flow-layout support adds margin-block-start to every panel
	   after the first; apply that same amount to every panel (including the
	   first) so they all sit at one consistent position. That position is
	   nudged an extra ~20px below the row's top edge to match the sidebar's
	   own offset (its 24px inter-item margin + its own 20px padding-top),
	   so the hero image's top lines up with the "Son Maç" card's top. */
	margin-block-start: 44px !important;
}

/* Image absolutely fills the left ~73% of the card and sits under the
   text side (.front-hero__content overlays it) instead of sitting beside
   it in its own column. */
.front-hero__media {
	position: absolute;
	inset: 0;
	width: 73%;
	height: 100%;
	margin: 0;
	z-index: 0;
	overflow: hidden;
}

.front-hero__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Left-to-right gradient overlay, scoped to the image's own box: it reaches
   the card's own solid charcoal (#171717) before the image's box ends, so
   the remaining strip of bare card background past the image's right edge
   is the exact same flat color — no hard vertical edge between the two. */
.front-hero__media::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	/* Compact, decisive blend: the photograph (and the subject's face) stays
	   fully clean through ~53%, then darkens quickly to reach the card's
	   solid #171717 by ~69%, well before the text column begins at 66%. */
	/* Stops are expressed relative to .front-hero__media's own box (73% of
	   the full card width), not the full card: e.g. 72.6% here lands at
	   72.6% * 73% = 53% of the complete hero, matching .front-hero__content's
	   66% start (94.5% * 73% = 69%, fully solid well before the text). */
	background: linear-gradient(
		90deg,
		rgba(23, 23, 23, 0) 0%,
		rgba(23, 23, 23, 0) 72.6%,
		rgba(23, 23, 23, 0.10) 75.3%,
		rgba(23, 23, 23, 0.35) 80.8%,
		rgba(23, 23, 23, 0.70) 86.3%,
		rgba(23, 23, 23, 0.92) 90.4%,
		#171717 94.5%,
		#171717 100%
	);
}

.front-hero__content {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* Text column begins only after the image-to-charcoal blend has fully
	   resolved (~71%), so the headline always sits on solid, stable dark
	   background rather than over the transition itself. */
	padding: 40px 44px 40px 66%;
	background: transparent;
}

.front-hero__kicker {
	display: inline-block;
	align-self: flex-start;
	margin: 0 0 18px;
	padding: 6px 14px;
	border-radius: 999px;
	background: var(--wp--preset--color--kartal-red);
	color: var(--wp--preset--color--white);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.front-hero__kicker a {
	color: inherit;
	text-decoration: none;
}

.front-hero__title {
	margin: 0;
	position: relative;
	padding-left: 15px;
	color: var(--wp--preset--color--white);
	/* Sora at a heavy weight: a clean, modern display face for the one
	   headline on the page that should stand out, without Anton's
	   all-caps tabloid shout. */
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	font-size: clamp(26px, 3vw, 38px);
	line-height: 1.2;
	letter-spacing: -0.01em;
	/* Use all remaining space between the content column's 66% start and
	   the hero's right padding, instead of a fixed width that could clip
	   a one-line title's trailing characters (line-clamp cuts a partial
	   line, not a fixed box). Titles that are still short enough for one
	   line stay on one line; longer ones (e.g. "Sergen Gitti Dertler
	   Bitti") still wrap onto a second line naturally. */
	max-width: none;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	/* Override core .wp-block-post-title's word-break: break-word, which
	   otherwise splits words mid-way (e.g. "MADENCİLERİN" -> "MADENCİLERİ"
	   + "N"). Wrap at word boundaries instead, hyphenating only if a
	   single word is too long to fit on its own line. */
	word-break: normal;
	overflow-wrap: break-word;
	hyphens: auto;
}

.front-hero__title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: auto;
	transform: none;
	width: 3px;
	background: #E31B36;
}

.front-hero__title a {
	color: inherit;
	text-decoration: none;
	display: block;
	white-space: normal;
	word-break: normal;
	overflow-wrap: anywhere;
}

/* Single-word titles (no whitespace) get a desktop-only "shrink to fit"
   treatment via front-hero.js: kept on one line and shrunk with an inline
   font-size until they fit the available width, instead of wrapping mid-
   word or being clipped. Multi-word titles are untouched by this rule
   entirely, and this whole block only applies above the mobile/tablet
   breakpoint so mobile typography and wrapping stay exactly as they are. */
@media (min-width: 901px) {
	.front-hero__title.is-single-word,
	.front-hero__title.is-single-word a {
		white-space: nowrap;
		word-break: normal;
		overflow-wrap: normal;
		hyphens: none;
	}

	/* Fallback once even the 22px floor still overflows: drop back to
	   wrapping rather than let the word run past the container. */
	.front-hero__title.is-single-word.is-min-size,
	.front-hero__title.is-single-word.is-min-size a {
		white-space: normal;
		overflow-wrap: anywhere;
	}
}

.front-hero__date {
	/* Short subtle divider line above the date, in normal flow below the
	   title instead of anchored to the panel's corner. */
	position: relative;
	margin: 16px 0 0;
	padding-top: 14px;
	color: var(--wp--preset--color--silver);
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.front-hero__date::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 1px;
	background: rgba(255, 255, 255, 0.18);
}

/* Play button: only makes sense as an affordance for video/gallery posts,
   so it's hidden by default and only drawn back in for the two post-
   template list items whose post carries the Videolar or Galeri category
   (post_class() puts a category-<slug> class on the <li> wrapper). */
.front-hero__content::before,
.front-hero__content::after {
	display: none;
}

li.category-videolar .front-hero__content::before,
li.category-galeri .front-hero__content::before {
	display: block;
	position: absolute;
	right: 44px;
	bottom: 36px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--wp--preset--color--kartal-red);
	content: "";
}

li.category-videolar .front-hero__content::after,
li.category-galeri .front-hero__content::after {
	display: block;
	position: absolute;
	right: 60px;
	bottom: 52px;
	width: 16px;
	height: 16px;
	background: var(--wp--preset--color--white);
	content: "";
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / contain no-repeat;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Thumbnail strip: click/hover targets that swap the active panel above.
   Sits below the hero card in normal document flow, entirely inside
   .front-hero__main (never under the sidebar). The prev/next arrows and
   the scrollable thumbs list are laid out as a row; the row itself is
   the full width of .front-hero__main so the first thumbnail lines up
   with the media panel's left edge instead of the full-bleed edge. */
.front-hero__thumbs-row {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 10px 0 1px;
	border-top: 0;
	margin-block-start: 0 !important;
}

/* Neutralize WordPress's flow-layout margin-block-start on the row's
   children (the query block sits after the arrow button in source
   order), which otherwise pushes it down and misaligns the row. */
.front-hero__thumbs-row > * {
	margin-block-start: 0 !important;
}

.front-hero__thumbs-arrow {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 50%;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	cursor: pointer;
	transition: border-color 160ms ease, color 160ms ease;
}

.front-hero__thumbs-arrow:hover {
	border-color: #D71920;
	color: #D71920;
}

.front-hero__thumbs-arrow svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
}

.front-hero__thumbs {
	flex: 1 1 auto;
	min-width: 0;
	/* Hide the native scrollbar while keeping mouse/touch/programmatic
	   horizontal scrolling fully functional. */
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.front-hero__thumbs::-webkit-scrollbar {
	display: none;
}

.front-hero__thumbs .wp-block-post-template {
	display: flex;
	flex-wrap: nowrap;
	gap: 12px;
	margin: 0;
	/* Extra bottom padding gives the active-thumb indicator dot (positioned
	   just below each li) room to render before overflow-x: auto's implied
	   overflow-y clipping cuts it off. */
	padding: 0 2px 12px;
	list-style: none;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.front-hero__thumbs .wp-block-post-template::-webkit-scrollbar {
	display: none;
}

.front-hero__thumbs li {
	position: relative;
	flex: 0 0 auto;
	/* Neutralize WordPress's flow-layout margin-block-start on every child
	   after the first, which otherwise pushes thumbnails 2-5 lower than the
	   first and misaligns the whole strip. */
	margin-block-start: 0 !important;
}

/* Small red indicator dot under the active thumbnail, toggled alongside
   the ring by the same hover/data-active rules further down. */
.front-hero__thumbs li::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -9px;
	transform: translateX(-50%);
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #D71920;
	opacity: 0;
	transition: opacity 160ms ease;
}

.front-hero__thumb {
	margin: 0;
	width: 54px;
	height: 54px;
	overflow: hidden;
	border-radius: 50%;
	border: 2px solid transparent;
	opacity: 0.55;
	transition: opacity 160ms ease, border-color 160ms ease;
}

.front-hero__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.front-hero__thumbs li:first-child .front-hero__thumb {
	opacity: 1;
	border-color: #D71920;
}

.front-hero__thumbs li:first-child::after {
	opacity: 1;
}

.front-hero__thumb:hover {
	opacity: 1;
}

/* Panel swap: shows panel N when its thumbnail is hovered (no-JS fallback,
   only lasts while the pointer stays over the thumbnail) or when
   front-hero.js has marked it as the last-hovered thumbnail via the
   data-active attribute (persists after the pointer leaves the strip). */
.front-hero:has(.front-hero__thumbs li:nth-child(1):hover) .front-hero__panels li, .front-hero[data-active="1"] .front-hero__panels li { display: none; }
.front-hero:has(.front-hero__thumbs li:nth-child(1):hover) .front-hero__panels li:nth-child(1), .front-hero[data-active="1"] .front-hero__panels li:nth-child(1) { display: flex; }
.front-hero:has(.front-hero__thumbs li:nth-child(1):hover) .front-hero__thumbs li:nth-child(1) .front-hero__thumb, .front-hero[data-active="1"] .front-hero__thumbs li:nth-child(1) .front-hero__thumb { opacity: 1; border-color: #D71920; }
.front-hero:has(.front-hero__thumbs li:nth-child(1):hover) .front-hero__thumbs li:nth-child(1)::after, .front-hero[data-active="1"] .front-hero__thumbs li:nth-child(1)::after { opacity: 1; }
.front-hero:has(.front-hero__thumbs li:nth-child(1):hover) .front-hero__thumbs li:not(:nth-child(1))::after, .front-hero[data-active="1"] .front-hero__thumbs li:not(:nth-child(1))::after { opacity: 0; }
.front-hero:has(.front-hero__thumbs li:nth-child(1):hover) .front-hero__thumbs li:not(:nth-child(1)) .front-hero__thumb, .front-hero[data-active="1"] .front-hero__thumbs li:not(:nth-child(1)) .front-hero__thumb { opacity: 0.55; border-color: transparent; }

.front-hero:has(.front-hero__thumbs li:nth-child(2):hover) .front-hero__panels li, .front-hero[data-active="2"] .front-hero__panels li { display: none; }
.front-hero:has(.front-hero__thumbs li:nth-child(2):hover) .front-hero__panels li:nth-child(2), .front-hero[data-active="2"] .front-hero__panels li:nth-child(2) { display: flex; }
.front-hero:has(.front-hero__thumbs li:nth-child(2):hover) .front-hero__thumbs li:nth-child(2) .front-hero__thumb, .front-hero[data-active="2"] .front-hero__thumbs li:nth-child(2) .front-hero__thumb { opacity: 1; border-color: #D71920; }
.front-hero:has(.front-hero__thumbs li:nth-child(2):hover) .front-hero__thumbs li:nth-child(2)::after, .front-hero[data-active="2"] .front-hero__thumbs li:nth-child(2)::after { opacity: 1; }
.front-hero:has(.front-hero__thumbs li:nth-child(2):hover) .front-hero__thumbs li:not(:nth-child(2))::after, .front-hero[data-active="2"] .front-hero__thumbs li:not(:nth-child(2))::after { opacity: 0; }
.front-hero:has(.front-hero__thumbs li:nth-child(2):hover) .front-hero__thumbs li:not(:nth-child(2)) .front-hero__thumb, .front-hero[data-active="2"] .front-hero__thumbs li:not(:nth-child(2)) .front-hero__thumb { opacity: 0.55; border-color: transparent; }

.front-hero:has(.front-hero__thumbs li:nth-child(3):hover) .front-hero__panels li, .front-hero[data-active="3"] .front-hero__panels li { display: none; }
.front-hero:has(.front-hero__thumbs li:nth-child(3):hover) .front-hero__panels li:nth-child(3), .front-hero[data-active="3"] .front-hero__panels li:nth-child(3) { display: flex; }
.front-hero:has(.front-hero__thumbs li:nth-child(3):hover) .front-hero__thumbs li:nth-child(3) .front-hero__thumb, .front-hero[data-active="3"] .front-hero__thumbs li:nth-child(3) .front-hero__thumb { opacity: 1; border-color: #D71920; }
.front-hero:has(.front-hero__thumbs li:nth-child(3):hover) .front-hero__thumbs li:nth-child(3)::after, .front-hero[data-active="3"] .front-hero__thumbs li:nth-child(3)::after { opacity: 1; }
.front-hero:has(.front-hero__thumbs li:nth-child(3):hover) .front-hero__thumbs li:not(:nth-child(3))::after, .front-hero[data-active="3"] .front-hero__thumbs li:not(:nth-child(3))::after { opacity: 0; }
.front-hero:has(.front-hero__thumbs li:nth-child(3):hover) .front-hero__thumbs li:not(:nth-child(3)) .front-hero__thumb, .front-hero[data-active="3"] .front-hero__thumbs li:not(:nth-child(3)) .front-hero__thumb { opacity: 0.55; border-color: transparent; }

.front-hero:has(.front-hero__thumbs li:nth-child(4):hover) .front-hero__panels li, .front-hero[data-active="4"] .front-hero__panels li { display: none; }
.front-hero:has(.front-hero__thumbs li:nth-child(4):hover) .front-hero__panels li:nth-child(4), .front-hero[data-active="4"] .front-hero__panels li:nth-child(4) { display: flex; }
.front-hero:has(.front-hero__thumbs li:nth-child(4):hover) .front-hero__thumbs li:nth-child(4) .front-hero__thumb, .front-hero[data-active="4"] .front-hero__thumbs li:nth-child(4) .front-hero__thumb { opacity: 1; border-color: #D71920; }
.front-hero:has(.front-hero__thumbs li:nth-child(4):hover) .front-hero__thumbs li:nth-child(4)::after, .front-hero[data-active="4"] .front-hero__thumbs li:nth-child(4)::after { opacity: 1; }
.front-hero:has(.front-hero__thumbs li:nth-child(4):hover) .front-hero__thumbs li:not(:nth-child(4))::after, .front-hero[data-active="4"] .front-hero__thumbs li:not(:nth-child(4))::after { opacity: 0; }
.front-hero:has(.front-hero__thumbs li:nth-child(4):hover) .front-hero__thumbs li:not(:nth-child(4)) .front-hero__thumb, .front-hero[data-active="4"] .front-hero__thumbs li:not(:nth-child(4)) .front-hero__thumb { opacity: 0.55; border-color: transparent; }

.front-hero:has(.front-hero__thumbs li:nth-child(5):hover) .front-hero__panels li, .front-hero[data-active="5"] .front-hero__panels li { display: none; }
.front-hero:has(.front-hero__thumbs li:nth-child(5):hover) .front-hero__panels li:nth-child(5), .front-hero[data-active="5"] .front-hero__panels li:nth-child(5) { display: flex; }
.front-hero:has(.front-hero__thumbs li:nth-child(5):hover) .front-hero__thumbs li:nth-child(5) .front-hero__thumb, .front-hero[data-active="5"] .front-hero__thumbs li:nth-child(5) .front-hero__thumb { opacity: 1; border-color: #D71920; }
.front-hero:has(.front-hero__thumbs li:nth-child(5):hover) .front-hero__thumbs li:nth-child(5)::after, .front-hero[data-active="5"] .front-hero__thumbs li:nth-child(5)::after { opacity: 1; }
.front-hero:has(.front-hero__thumbs li:nth-child(5):hover) .front-hero__thumbs li:not(:nth-child(5))::after, .front-hero[data-active="5"] .front-hero__thumbs li:not(:nth-child(5))::after { opacity: 0; }
.front-hero:has(.front-hero__thumbs li:nth-child(5):hover) .front-hero__thumbs li:not(:nth-child(5)) .front-hero__thumb, .front-hero[data-active="5"] .front-hero__thumbs li:not(:nth-child(5)) .front-hero__thumb { opacity: 0.55; border-color: transparent; }

.front-hero:has(.front-hero__thumbs li:nth-child(6):hover) .front-hero__panels li, .front-hero[data-active="6"] .front-hero__panels li { display: none; }
.front-hero:has(.front-hero__thumbs li:nth-child(6):hover) .front-hero__panels li:nth-child(6), .front-hero[data-active="6"] .front-hero__panels li:nth-child(6) { display: flex; }
.front-hero:has(.front-hero__thumbs li:nth-child(6):hover) .front-hero__thumbs li:nth-child(6) .front-hero__thumb, .front-hero[data-active="6"] .front-hero__thumbs li:nth-child(6) .front-hero__thumb { opacity: 1; border-color: #D71920; }
.front-hero:has(.front-hero__thumbs li:nth-child(6):hover) .front-hero__thumbs li:nth-child(6)::after, .front-hero[data-active="6"] .front-hero__thumbs li:nth-child(6)::after { opacity: 1; }
.front-hero:has(.front-hero__thumbs li:nth-child(6):hover) .front-hero__thumbs li:not(:nth-child(6))::after, .front-hero[data-active="6"] .front-hero__thumbs li:not(:nth-child(6))::after { opacity: 0; }
.front-hero:has(.front-hero__thumbs li:nth-child(6):hover) .front-hero__thumbs li:not(:nth-child(6)) .front-hero__thumb, .front-hero[data-active="6"] .front-hero__thumbs li:not(:nth-child(6)) .front-hero__thumb { opacity: 0.55; border-color: transparent; }

.front-hero:has(.front-hero__thumbs li:nth-child(7):hover) .front-hero__panels li, .front-hero[data-active="7"] .front-hero__panels li { display: none; }
.front-hero:has(.front-hero__thumbs li:nth-child(7):hover) .front-hero__panels li:nth-child(7), .front-hero[data-active="7"] .front-hero__panels li:nth-child(7) { display: flex; }
.front-hero:has(.front-hero__thumbs li:nth-child(7):hover) .front-hero__thumbs li:nth-child(7) .front-hero__thumb, .front-hero[data-active="7"] .front-hero__thumbs li:nth-child(7) .front-hero__thumb { opacity: 1; border-color: #D71920; }
.front-hero:has(.front-hero__thumbs li:nth-child(7):hover) .front-hero__thumbs li:nth-child(7)::after, .front-hero[data-active="7"] .front-hero__thumbs li:nth-child(7)::after { opacity: 1; }
.front-hero:has(.front-hero__thumbs li:nth-child(7):hover) .front-hero__thumbs li:not(:nth-child(7))::after, .front-hero[data-active="7"] .front-hero__thumbs li:not(:nth-child(7))::after { opacity: 0; }
.front-hero:has(.front-hero__thumbs li:nth-child(7):hover) .front-hero__thumbs li:not(:nth-child(7)) .front-hero__thumb, .front-hero[data-active="7"] .front-hero__thumbs li:not(:nth-child(7)) .front-hero__thumb { opacity: 0.55; border-color: transparent; }

.front-hero:has(.front-hero__thumbs li:nth-child(8):hover) .front-hero__panels li, .front-hero[data-active="8"] .front-hero__panels li { display: none; }
.front-hero:has(.front-hero__thumbs li:nth-child(8):hover) .front-hero__panels li:nth-child(8), .front-hero[data-active="8"] .front-hero__panels li:nth-child(8) { display: flex; }
.front-hero:has(.front-hero__thumbs li:nth-child(8):hover) .front-hero__thumbs li:nth-child(8) .front-hero__thumb, .front-hero[data-active="8"] .front-hero__thumbs li:nth-child(8) .front-hero__thumb { opacity: 1; border-color: #D71920; }
.front-hero:has(.front-hero__thumbs li:nth-child(8):hover) .front-hero__thumbs li:nth-child(8)::after, .front-hero[data-active="8"] .front-hero__thumbs li:nth-child(8)::after { opacity: 1; }
.front-hero:has(.front-hero__thumbs li:nth-child(8):hover) .front-hero__thumbs li:not(:nth-child(8))::after, .front-hero[data-active="8"] .front-hero__thumbs li:not(:nth-child(8))::after { opacity: 0; }
.front-hero:has(.front-hero__thumbs li:nth-child(8):hover) .front-hero__thumbs li:not(:nth-child(8)) .front-hero__thumb, .front-hero[data-active="8"] .front-hero__thumbs li:not(:nth-child(8)) .front-hero__thumb { opacity: 0.55; border-color: transparent; }

.front-hero:has(.front-hero__thumbs li:nth-child(9):hover) .front-hero__panels li, .front-hero[data-active="9"] .front-hero__panels li { display: none; }
.front-hero:has(.front-hero__thumbs li:nth-child(9):hover) .front-hero__panels li:nth-child(9), .front-hero[data-active="9"] .front-hero__panels li:nth-child(9) { display: flex; }
.front-hero:has(.front-hero__thumbs li:nth-child(9):hover) .front-hero__thumbs li:nth-child(9) .front-hero__thumb, .front-hero[data-active="9"] .front-hero__thumbs li:nth-child(9) .front-hero__thumb { opacity: 1; border-color: #D71920; }
.front-hero:has(.front-hero__thumbs li:nth-child(9):hover) .front-hero__thumbs li:nth-child(9)::after, .front-hero[data-active="9"] .front-hero__thumbs li:nth-child(9)::after { opacity: 1; }
.front-hero:has(.front-hero__thumbs li:nth-child(9):hover) .front-hero__thumbs li:not(:nth-child(9))::after, .front-hero[data-active="9"] .front-hero__thumbs li:not(:nth-child(9))::after { opacity: 0; }
.front-hero:has(.front-hero__thumbs li:nth-child(9):hover) .front-hero__thumbs li:not(:nth-child(9)) .front-hero__thumb, .front-hero[data-active="9"] .front-hero__thumbs li:not(:nth-child(9)) .front-hero__thumb { opacity: 0.55; border-color: transparent; }

.front-hero:has(.front-hero__thumbs li:nth-child(10):hover) .front-hero__panels li, .front-hero[data-active="10"] .front-hero__panels li { display: none; }
.front-hero:has(.front-hero__thumbs li:nth-child(10):hover) .front-hero__panels li:nth-child(10), .front-hero[data-active="10"] .front-hero__panels li:nth-child(10) { display: flex; }
.front-hero:has(.front-hero__thumbs li:nth-child(10):hover) .front-hero__thumbs li:nth-child(10) .front-hero__thumb, .front-hero[data-active="10"] .front-hero__thumbs li:nth-child(10) .front-hero__thumb { opacity: 1; border-color: #D71920; }
.front-hero:has(.front-hero__thumbs li:nth-child(10):hover) .front-hero__thumbs li:nth-child(10)::after, .front-hero[data-active="10"] .front-hero__thumbs li:nth-child(10)::after { opacity: 1; }
.front-hero:has(.front-hero__thumbs li:nth-child(10):hover) .front-hero__thumbs li:not(:nth-child(10))::after, .front-hero[data-active="10"] .front-hero__thumbs li:not(:nth-child(10))::after { opacity: 0; }
.front-hero:has(.front-hero__thumbs li:nth-child(10):hover) .front-hero__thumbs li:not(:nth-child(10)) .front-hero__thumb, .front-hero[data-active="10"] .front-hero__thumbs li:not(:nth-child(10)) .front-hero__thumb { opacity: 0.55; border-color: transparent; }

.front-hero:has(.front-hero__thumbs li:nth-child(11):hover) .front-hero__panels li, .front-hero[data-active="11"] .front-hero__panels li { display: none; }
.front-hero:has(.front-hero__thumbs li:nth-child(11):hover) .front-hero__panels li:nth-child(11), .front-hero[data-active="11"] .front-hero__panels li:nth-child(11) { display: flex; }
.front-hero:has(.front-hero__thumbs li:nth-child(11):hover) .front-hero__thumbs li:nth-child(11) .front-hero__thumb, .front-hero[data-active="11"] .front-hero__thumbs li:nth-child(11) .front-hero__thumb { opacity: 1; border-color: #D71920; }
.front-hero:has(.front-hero__thumbs li:nth-child(11):hover) .front-hero__thumbs li:nth-child(11)::after, .front-hero[data-active="11"] .front-hero__thumbs li:nth-child(11)::after { opacity: 1; }
.front-hero:has(.front-hero__thumbs li:nth-child(11):hover) .front-hero__thumbs li:not(:nth-child(11))::after, .front-hero[data-active="11"] .front-hero__thumbs li:not(:nth-child(11))::after { opacity: 0; }
.front-hero:has(.front-hero__thumbs li:nth-child(11):hover) .front-hero__thumbs li:not(:nth-child(11)) .front-hero__thumb, .front-hero[data-active="11"] .front-hero__thumbs li:not(:nth-child(11)) .front-hero__thumb { opacity: 0.55; border-color: transparent; }

.front-hero:has(.front-hero__thumbs li:nth-child(12):hover) .front-hero__panels li, .front-hero[data-active="12"] .front-hero__panels li { display: none; }
.front-hero:has(.front-hero__thumbs li:nth-child(12):hover) .front-hero__panels li:nth-child(12), .front-hero[data-active="12"] .front-hero__panels li:nth-child(12) { display: flex; }
.front-hero:has(.front-hero__thumbs li:nth-child(12):hover) .front-hero__thumbs li:nth-child(12) .front-hero__thumb, .front-hero[data-active="12"] .front-hero__thumbs li:nth-child(12) .front-hero__thumb { opacity: 1; border-color: #D71920; }
.front-hero:has(.front-hero__thumbs li:nth-child(12):hover) .front-hero__thumbs li:nth-child(12)::after, .front-hero[data-active="12"] .front-hero__thumbs li:nth-child(12)::after { opacity: 1; }
.front-hero:has(.front-hero__thumbs li:nth-child(12):hover) .front-hero__thumbs li:not(:nth-child(12))::after, .front-hero[data-active="12"] .front-hero__thumbs li:not(:nth-child(12))::after { opacity: 0; }
.front-hero:has(.front-hero__thumbs li:nth-child(12):hover) .front-hero__thumbs li:not(:nth-child(12)) .front-hero__thumb, .front-hero[data-active="12"] .front-hero__thumbs li:not(:nth-child(12)) .front-hero__thumb { opacity: 0.55; border-color: transparent; }

.front-hero:has(.front-hero__thumbs li:nth-child(13):hover) .front-hero__panels li, .front-hero[data-active="13"] .front-hero__panels li { display: none; }
.front-hero:has(.front-hero__thumbs li:nth-child(13):hover) .front-hero__panels li:nth-child(13), .front-hero[data-active="13"] .front-hero__panels li:nth-child(13) { display: flex; }
.front-hero:has(.front-hero__thumbs li:nth-child(13):hover) .front-hero__thumbs li:nth-child(13) .front-hero__thumb, .front-hero[data-active="13"] .front-hero__thumbs li:nth-child(13) .front-hero__thumb { opacity: 1; border-color: #D71920; }
.front-hero:has(.front-hero__thumbs li:nth-child(13):hover) .front-hero__thumbs li:nth-child(13)::after, .front-hero[data-active="13"] .front-hero__thumbs li:nth-child(13)::after { opacity: 1; }
.front-hero:has(.front-hero__thumbs li:nth-child(13):hover) .front-hero__thumbs li:not(:nth-child(13))::after, .front-hero[data-active="13"] .front-hero__thumbs li:not(:nth-child(13))::after { opacity: 0; }
.front-hero:has(.front-hero__thumbs li:nth-child(13):hover) .front-hero__thumbs li:not(:nth-child(13)) .front-hero__thumb, .front-hero[data-active="13"] .front-hero__thumbs li:not(:nth-child(13)) .front-hero__thumb { opacity: 0.55; border-color: transparent; }

.front-hero:has(.front-hero__thumbs li:nth-child(14):hover) .front-hero__panels li, .front-hero[data-active="14"] .front-hero__panels li { display: none; }
.front-hero:has(.front-hero__thumbs li:nth-child(14):hover) .front-hero__panels li:nth-child(14), .front-hero[data-active="14"] .front-hero__panels li:nth-child(14) { display: flex; }
.front-hero:has(.front-hero__thumbs li:nth-child(14):hover) .front-hero__thumbs li:nth-child(14) .front-hero__thumb, .front-hero[data-active="14"] .front-hero__thumbs li:nth-child(14) .front-hero__thumb { opacity: 1; border-color: #D71920; }
.front-hero:has(.front-hero__thumbs li:nth-child(14):hover) .front-hero__thumbs li:nth-child(14)::after, .front-hero[data-active="14"] .front-hero__thumbs li:nth-child(14)::after { opacity: 1; }
.front-hero:has(.front-hero__thumbs li:nth-child(14):hover) .front-hero__thumbs li:not(:nth-child(14))::after, .front-hero[data-active="14"] .front-hero__thumbs li:not(:nth-child(14))::after { opacity: 0; }
.front-hero:has(.front-hero__thumbs li:nth-child(14):hover) .front-hero__thumbs li:not(:nth-child(14)) .front-hero__thumb, .front-hero[data-active="14"] .front-hero__thumbs li:not(:nth-child(14)) .front-hero__thumb { opacity: 0.55; border-color: transparent; }
/* === front-hero__news ===
   Compact "Son Haberler" strip that lives under the hero thumbnails, in
   the leftover space of the left column (beside the matchday/standings
   sidebar). A soft grey backdrop (Milliyet-style) so the white, shadowed
   cards below lift off the page instead of blending into it. */
.front-hero__news {
	/* No horizontal padding: the outer wrapper must share the hero's and
	   heritage banner's left/right edges. Horizontal spacing inside this
	   section (card gutters, card-internal padding) is handled lower down
	   by .front-hero__news-grid's gap and .front-hero__news-body's own
	   padding, not by inset here. */
	padding: 20px 0 4px;
	background: var(--wp--preset--color--paper);
	border-radius: 6px;
}

/* Wide-desktop only (once .front-hero__row has reached its 1360px
   max-width cap, so .front-hero__main is a fixed 1036px): the Son
   Haberler section's default 24px flow block-gap sits a little lower
   than the Puan Durumu panel's bottom border at this specific
   composition. Trim just that top spacing so the two bottoms align,
   without touching the block-gap used at narrower desktop or mobile
   widths, where the vertical geometry differs naturally. */
@media (min-width: 1400px) {
	.front-hero__news {
		margin-block-start: 4px !important;
		padding-top: 8px;
	}

	.kmd-standings__table td {
		padding: 4.6667px 4px !important;
	}
}

.front-hero__news-header {
	margin: 0 0 16px;
	padding-bottom: 9px;
	/* Single baseline rule under the whole row: a short red segment on the
	   left (under "Son Haberler") continuing as a thin grey line under the
	   rest of the row, all the way under "Tüm Haberler". Both texts sit on
	   top of this shared line via vertical-align center on the row. */
	background-image: linear-gradient(to right,
		var(--wp--preset--color--kartal-red) 0, var(--wp--preset--color--kartal-red) 132px,
		var(--wp--preset--color--line) 132px, var(--wp--preset--color--line) 100%);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% 2px;
}

.front-hero__news-title {
	margin: 0;
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--display);
	font-size: 19px;
	font-weight: 700;
	flex-shrink: 0;
}

.front-hero__news-all {
	margin: 0;
	flex-shrink: 0;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.front-hero__news-all a {
	color: var(--wp--preset--color--kartal-red);
	text-decoration: none;
}

.front-hero__news-all a:hover {
	text-decoration: underline;
}

/* Two-column layout: one large featured card on the left, a 2x3 grid of
   small cards on the right — matches the reference layout's proportions. */
.front-hero__news-layout {
	display: flex;
	align-items: stretch;
	gap: 20px;
}

.front-hero__news-featured {
	flex: 0 0 34%;
	min-width: 0;
}

.front-hero__news-featured .wp-block-post-template {
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.front-hero__news-featured .wp-block-post-template > li {
	height: 100%;
	margin-block-start: 0 !important;
}

.front-hero__news-featured .wp-block-post-template > li {
	border-radius: 12px;
}

/* Featured headline card: image fills the whole card with a bottom-up
   dark gradient overlay, and the title/author/date float on top of it.
   This is a permanent, content-agnostic treatment on .featured-news-card
   — nothing here targets a specific post ID, title, or image URL, so it
   keeps working automatically whenever the query loop swaps in a new
   featured post. */
.featured-news-card {
	position: relative;
	height: 100%;
	border-radius: 12px;
	overflow: hidden;
	background: #FAF9F6;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
}

.featured-news-card .front-hero__news-feat-media {
	position: absolute;
	inset: 0;
	z-index: 0;
	margin: 0;
}

.featured-news-card .front-hero__news-feat-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 320ms ease;
}

.featured-news-card:hover .front-hero__news-feat-media img {
	transform: scale(1.05);
}

.featured-news-card::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(
		to top,
		rgba(5, 7, 10, 0.98) 0%,
		rgba(5, 7, 10, 0.96) 36%,
		rgba(5, 7, 10, 0.78) 55%,
		rgba(5, 7, 10, 0.18) 76%,
		rgba(5, 7, 10, 0) 88%
	);
}

.featured-news-card .front-hero__news-feat-body {
	position: absolute;
	left: 24px;
	right: 24px;
	bottom: 24px;
	z-index: 2;
	margin: 0;
	padding: 0;
	color: #fff;
}

.featured-news-card .front-hero__news-feat-title {
	position: relative;
	margin: 0 0 10px;
	padding-left: 14px;
	color: #fff;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 30px;
	line-height: 1.25;
	font-weight: 800;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.featured-news-card .front-hero__news-feat-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	bottom: 3px;
	width: 3px;
	background: #e31d35;
}

.featured-news-card .front-hero__news-feat-title a {
	color: inherit;
	text-decoration: none;
}

.featured-news-card .front-hero__news-feat-title a:hover {
	color: #fff;
	text-decoration: underline;
}

.featured-news-card .front-hero__news-feat-author {
	display: block;
	margin: 0 0 6px;
	color: rgba(255, 255, 255, 0.9);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.featured-news-card .front-hero__news-feat-date {
	display: block;
	margin: 0;
	color: rgba(255, 255, 255, 0.7);
	font-size: 12.5px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.front-hero__news-grid {
	flex: 1 1 auto;
	min-width: 0;
	/* Cancel the block-gap margin WordPress adds between this and its
	   sibling .front-hero__news-featured — without it the grid's top row
	   sits lower than the featured card instead of sharing its top edge. */
	margin-top: 0 !important;
}

.front-hero__news-grid .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	/* Stretch every card in a row to the tallest one — title lengths vary
	   from 1 to 3 lines, which otherwise leaves cards in the same row at
	   different heights and their bottom edges out of alignment. */
	align-items: stretch;
}

.front-hero__news-grid .front-hero__news-card {
	height: 100%;
}

.front-hero__news-grid .front-hero__news-body {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}

/* Same is-layout-flow margin-block-start issue as the old grid: neutralize
   it since spacing here is fully handled by the grid's gap. */
.front-hero__news-grid .wp-block-post-template > li {
	margin-block-start: 0 !important;
}

/* === standings === */
/* Milliyet-style compact standings card in the hero's right sidebar,
   below the matchday cards. */
.kmd-standings-card {
	margin-top: 14px;
	display: flex;
	flex-direction: column;
	background: #FAF9F6;
	border-radius: 6px;
	overflow: hidden;
	border: 0;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
}

.kmd-standings-card__body {
	padding: 4px 14px 6px;
	/* Override the theme's default block-gap margin the editor adds
	   between this and the title bar above — it left a visible gap
	   between the dark "PUAN DURUMU" bar and the table underneath. */
	margin-top: 0;
}

/* Full 18-team table shown in full, no inner scroll — the sidebar is
   allowed to run taller than the hero image for this. */
.kmd-standings-card__scroll {
	max-height: none;
	overflow-y: visible;
}

.kmd-standings-card__title {
	/* No negative margins needed: this is the card's first child, and the
	   card itself (not this title) owns the padding, via
	   .kmd-standings-card__body — same structure as .kmd-card__label
	   above, so this bar reaches all edges naturally instead of relying on
	   negative-margin math to cancel out a parent's own padding. */
	margin: 0;
	padding: 10px 14px;
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--white);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.kmd-standings__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
}

.kmd-standings__table th {
	position: sticky;
	top: 0;
	background: #FAF9F6;
	padding: 6px 4px;
	color: var(--wp--preset--color--silver);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	text-align: left;
	border-bottom: 2px solid var(--wp--preset--color--line);
}

.kmd-standings__table td {
	padding: 6px 4px;
	color: var(--wp--preset--color--ink);
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.kmd-standings__table .kmd-col-rank,
.kmd-standings__table .kmd-col-num {
	text-align: center;
	width: 22px;
}

.kmd-standings__table .kmd-col-team {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 700;
	max-width: 0;
}

.kmd-standings__table .kmd-col-points {
	font-weight: 700;
}

.kmd-row--highlight td {
	background: rgba(227, 27, 54, 0.08);
	color: var(--wp--preset--color--ink);
	font-weight: 700;
	border-bottom-color: var(--wp--preset--color--kartal-red);
}

/* Drop the divider under the final standings row (e.g. Çorum FK) — the
   card's own bottom edge already closes the table off, so this last rule
   line is redundant. Scoped to the homepage standings table only; every
   other row-to-row divider is untouched. */
.kmd-standings__table tbody tr:last-child td {
	border-bottom: 0;
}

/* === columnists === */
/* Köşe Yazıları card, same shell language as .kmd-standings-card, listing
   the latest posts from the Yazarlar category with the author's avatar. */
.kmd-columnists-card {
	margin-top: 14px;
	display: flex;
	flex-direction: column;
	background: #FAF9F6;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid var(--wp--preset--color--line);
}

.kmd-columnists-card__header {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 10px 14px;
	background: var(--wp--preset--color--charcoal);
}

.kmd-columnists-card__title {
	margin: 0;
	color: var(--wp--preset--color--white);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* Prev/next arrows for paging through columnist posts four at a time,
   sitting inline in the dark title bar next to the heading. */
.kmd-columnists-pagination {
	margin: 0;
	display: flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
}

.kmd-columnists-pagination .wp-block-query-pagination-previous,
.kmd-columnists-pagination .wp-block-query-pagination-next {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: var(--wp--preset--color--white);
	font-size: 0;
	text-decoration: none;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.kmd-columnists-pagination .wp-block-query-pagination-previous:hover,
.kmd-columnists-pagination .wp-block-query-pagination-next:hover {
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.6);
}

.kmd-columnists-pagination .wp-block-query-pagination-previous::before {
	content: "‹";
	font-size: 15px;
	line-height: 1;
}

.kmd-columnists-pagination .wp-block-query-pagination-next::before {
	content: "›";
	font-size: 15px;
	line-height: 1;
}

.kmd-columnists-card__body {
	padding: 4px 14px 6px;
	/* Override the theme's default block-gap margin the editor adds
	   between this and the title bar above — same fix as
	   .kmd-standings-card__body. */
	margin-top: 0;
}

.kmd-columnists-list .wp-block-post-template {
	display: flex;
	flex-direction: column;
}

.kmd-columnists-list .wp-block-post-template > li {
	margin-block-start: 0 !important;
}

.kmd-columnist-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.kmd-columnists-list .wp-block-post-template > li:last-child .kmd-columnist-item {
	border-bottom: none;
}

.kmd-columnist-item__avatar {
	flex: 0 0 auto;
	margin: 0;
}

.kmd-columnist-item__avatar img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
}

.kmd-columnist-item__body {
	min-width: 0;
	margin-top: 0;
}

.kmd-columnist-item__author {
	display: block;
	margin: 0 0 2px;
	color: var(--wp--preset--color--kartal-red);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.kmd-columnist-item__title {
	margin: 0;
	color: var(--wp--preset--color--ink);
	font-size: 13.5px;
	line-height: 1.3;
	font-weight: 700;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.kmd-columnist-item__title a {
	color: inherit;
	text-decoration: none;
}

.kmd-columnist-item__title a:hover {
	color: var(--wp--preset--color--kartal-red);
}

/* === front-hero__news-card === */
/* Boxed like Milliyet's homepage cards: no visible border, just a soft
   shadow so the white card lifts off the grey page background — the shadow
   alone binds each image to its own title as one clickable unit. */
.front-hero__news-card {
	display: flex;
	flex-direction: column;
	background: #F7F6F2;
	border-radius: 8px;
	overflow: hidden;
	box-shadow:
		0 3px 12px rgba(0, 0, 0, 0.12),
		inset 0 0 0 1px rgba(9, 9, 9, 0.04);
	transition: box-shadow 200ms ease;
}

.front-hero__news-card:hover {
	box-shadow: 0 6px 16px rgba(9, 9, 9, 0.14);
}

.front-hero__news-media {
	margin: 0;
	position: relative;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: 8px;
}

.front-hero__news-media::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 16px;
	background: linear-gradient(to bottom, transparent, rgba(5, 7, 10, 0.12));
	pointer-events: none;
}

.front-hero__news-body {
	margin-top: 0;
	padding: 12px 14px 14px;
}

.front-hero__news-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 320ms ease;
}

.front-hero__news-card:hover .front-hero__news-media img {
	transform: scale(1.05);
}

.front-hero__news-kicker {
	margin: 0 0 6px;
	color: var(--wp--preset--color--kartal-red);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.front-hero__news-kicker a {
	color: inherit;
	text-decoration: none;
}

.front-hero__news-cardtitle {
	margin: 0;
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--heading);
	font-size: 16px;
	line-height: 1.3;
	font-weight: 700;
	/* Clamp to 2 lines so titles of varying length don't push each card's
	   date to a different vertical position within the row. */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.front-hero__news-cardtitle a {
	color: inherit;
	text-decoration: none;
}

.front-hero__news-cardtitle a:hover {
	color: var(--wp--preset--color--kartal-red);
}

/* Milliyet-style excerpt snippet under the title, clamped to 2 lines so
   varying excerpt lengths don't unbalance the grid's row heights. */
.front-hero__news-excerpt {
	margin: 6px 0 0;
	color: var(--wp--preset--color--silver);
	font-size: 12.5px;
	line-height: 1.45;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.front-hero__news-excerpt p {
	margin: 0;
}

.front-hero__news-date {
	margin: 6px 0 0;
	display: block;
	color: var(--wp--preset--color--silver);
	font-size: 11.5px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	/* Pinned to the bottom of the (now stretched) card body so every
	   card's date sits flush with the card's own bottom edge, regardless
	   of whether its title took 1 or 2 lines. */
	margin-top: auto;
	padding-top: 6px;
}

/* "Daha Fazla Gör" button under the 12-card news grid, linking to the
   full posts archive. */
.front-hero__news-more {
	margin-top: 20px;
}

.front-hero__news-more-btn .wp-block-button__link {
	border-radius: 999px;
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--heading);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 12px 28px;
	transition: background-color 160ms ease;
}

.front-hero__news-more-btn .wp-block-button__link:hover {
	background: var(--wp--preset--color--kartal-red);
}
/* === archive-page === */
/* "Tüm Haberler" page (index.html): reuses the front-page news card
   language in a plain paginated grid, on the same paper backdrop. */
.archive-page {
	padding: 32px 24px 64px;
	max-width: 1180px;
	margin: 0 auto;
}

.archive-page__title {
	display: table;
	margin: 0 auto 28px;
	padding: 10px 24px;
	background: var(--wp--preset--color--ink);
	border-radius: 999px;
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(18px, 2vw, 22px);
	font-weight: 700;
	text-align: center;
}

.archive-page__grid .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	align-items: start;
}

.archive-page__grid .wp-block-post-template > li {
	margin-block-start: 0 !important;
}

.archive-page__pagination {
	margin-top: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.archive-page__pagination .wp-block-query-pagination-previous,
.archive-page__pagination .wp-block-query-pagination-next,
.archive-page__pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	padding: 0 10px;
	border-radius: 6px;
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--line);
	color: var(--wp--preset--color--ink);
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.archive-page__pagination .page-numbers.current {
	background: var(--wp--preset--color--charcoal);
	border-color: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--white);
}

.archive-page__pagination .wp-block-query-pagination-previous:hover,
.archive-page__pagination .wp-block-query-pagination-next:hover,
.archive-page__pagination .page-numbers:not(.current):hover {
	border-color: var(--wp--preset--color--kartal-red);
	color: var(--wp--preset--color--kartal-red);
}

@media (max-width: 900px) {
	.archive-page__grid .wp-block-post-template {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.archive-page__grid .wp-block-post-template {
		grid-template-columns: 1fr;
	}
}

/* === single-post === */
/* Single post page: mirrors the site's charcoal/paper/kartal-red identity,
   blending the Eagle Media / Medya Siyah Beyaz / Hurriyet Spor Arena layout
   language — breadcrumb, tag chips, wide credited cover image, bold lede,
   plus a "Gündemden" sidebar of recent posts — into a two-column article page. */
main.single-post {
	background: var(--wp--preset--color--paper);
	padding: 24px 0 40px;
}

.single-post__row {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
	gap: 40px;
	padding: 32px 24px 56px;
	background: #FAF9F6;
	box-shadow: 0 1px 4px rgba(9, 9, 9, 0.06);
	border-radius: 10px;
}

.single-post__main {
	flex: 1 1 auto;
	min-width: 0;
	max-width: 800px;
}

/* Eagle Media style: breadcrumb trail, category kicker chip above the
   title, big bold title, bold sub-lede (excerpt), then a meta row
   (author avatar + name + date on the left, share icons on the right). */
.single-post__breadcrumb {
	margin: 20px 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	color: var(--wp--preset--color--silver);
	font-size: 13px;
}

.single-post__breadcrumb a {
	color: var(--wp--preset--color--silver);
	text-decoration: none;
}

.single-post__breadcrumb a:hover {
	color: var(--wp--preset--color--kartal-red);
}

.single-post__breadcrumb-sep {
	color: var(--wp--preset--color--line);
}

.single-post__breadcrumb-current {
	color: var(--wp--preset--color--charcoal);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 260px;
}

.single-post__kicker {
	margin: 14px 0 0;
}

.single-post__kicker.wp-block-post-terms {
	display: inline-flex;
	padding: 5px 12px;
	border-radius: 4px;
	background: var(--wp--preset--color--kartal-red);
	font-family: var(--wp--preset--font-family--heading);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.single-post__kicker.wp-block-post-terms a {
	color: var(--wp--preset--color--white);
	text-decoration: none;
}

.single-post__title {
	margin: 18px 0 12px;
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(26px, 3.6vw, 38px);
	font-weight: 800;
	line-height: 1.18;
}

.single-post__subtitle {
	margin: 0 0 20px;
	color: var(--wp--preset--color--charcoal);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
}

.single-post__meta {
	padding-bottom: 18px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--wp--preset--color--line);
	column-gap: 16px;
	row-gap: 10px;
}

.single-post__meta-left {
	column-gap: 16px;
	row-gap: 4px;
	align-items: center;
}

.single-post__author {
	color: var(--wp--preset--color--ink);
	font-size: 14px;
	font-weight: 700;
}

.single-post__author.wp-block-post-author {
	gap: 8px;
	align-items: center;
}

.single-post__author .wp-block-post-author__avatar {
	display: flex;
	align-items: center;
	margin-right: 0;
}

.single-post__author .wp-block-post-author__avatar img {
	width: 32px;
	height: 32px;
	border-radius: 999px;
}

.single-post__author .wp-block-post-author__content {
	display: flex;
	align-items: center;
}

.single-post__author .wp-block-post-author__name {
	font-weight: 700;
}

.single-post__date {
	color: var(--wp--preset--color--silver);
	font-size: 14px;
}

.single-post__date::before {
	content: "Yayınlanma ";
}

.single-post__share {
	margin: 0;
	gap: 8px;
}

.single-post__share.wp-block-social-links .wp-social-link {
	width: 32px;
	height: 32px;
	background-color: var(--wp--preset--color--charcoal) !important;
}

.single-post__share.wp-block-social-links .wp-social-link svg {
	width: 15px;
	height: 15px;
}

.single-post__share.wp-block-social-links .wp-social-link:hover {
	background-color: var(--wp--preset--color--kartal-red) !important;
}

.single-post__media {
	margin: 0 0 8px;
}

.single-post__media img {
	width: 100%;
	height: auto;
	border-radius: 0;
}

.single-post__source-note {
	margin: 0 0 16px;
	color: var(--wp--preset--color--silver);
	font-size: 12px;
}

/* Minimal icon-only share buttons in the meta row, next to author/date:
   small brand-colored circles instead of Eagle Media's labelled pills. */
.single-post__share-icons {
	display: flex;
	align-items: center;
	gap: 8px;
}

.single-post__share-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 999px;
	color: var(--wp--preset--color--white);
	transition: filter 160ms ease, transform 160ms ease;
}

.single-post__share-icon svg {
	width: 15px;
	height: 15px;
}

.single-post__share-icon--facebook {
	background: #1877f2;
}

.single-post__share-icon--x {
	background: var(--wp--preset--color--ink);
}

.single-post__share-icon--whatsapp {
	background: #25d366;
}

.single-post__share-icon:hover {
	filter: brightness(0.88);
	transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
	.single-post__share-icon:hover {
		transform: none;
	}
}

.single-post__content {
	color: var(--wp--preset--color--ink);
	font-size: 18px;
	line-height: 1.75;
}

.single-post__content > * + * {
	margin-top: 22px;
}

.single-post__content h2,
.single-post__content h3 {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	line-height: 1.3;
}

.single-post__content img {
	border-radius: 8px;
}

/* Rounded corners on every post-content video embed, including the
   YouTube "cover" frame that shows before playback (it lives inside the
   iframe itself, so clipping the iframe/wrapper via overflow:hidden is
   what actually rounds it — this holds true during playback too). */
.single-post__content .wp-block-embed,
.single-post__content .wp-block-embed__wrapper {
	border-radius: 12px;
	overflow: hidden;
}

.single-post__content .wp-block-embed iframe {
	display: block;
	border: 0;
	border-radius: 12px;
}

/* Cap portrait (9:16 Shorts/Reels) embeds so they don't stretch the whole
   content column's width into an oversized vertical block. Also used as
   the inner player width inside the .kartalistan-shorts-scene stage below. */
.single-post__content .wp-embed-aspect-9-16 {
	max-width: 360px;
}

/* Shorts (vertical 9:16) "scene": a stage spanning the full content
   column so the narrow vertical player is never flanked by plain white
   gutters. A blurred, darkened copy of the same YouTube thumbnail fills
   the background; the sharp player sits centered on top of it. */
.kartalistan-shorts-scene {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 40px 0;
	border-radius: 12px;
	overflow: hidden;
	background: linear-gradient(160deg, var(--wp--preset--color--charcoal), var(--wp--preset--color--ink));
}

.kartalistan-shorts-scene__backdrop {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-size: cover;
	background-position: center;
	filter: blur(34px) brightness(0.5) saturate(1.15);
	transform: scale(1.2);
}

.kartalistan-shorts-scene__backdrop::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(9, 9, 9, 0.5);
}

.kartalistan-shorts-scene--no-thumb .kartalistan-shorts-scene__backdrop {
	display: none;
}

.kartalistan-shorts-scene__stage {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 380px;
}

@media (max-width: 600px) {
	.kartalistan-shorts-scene {
		padding: 16px 0;
	}

	.kartalistan-shorts-scene__stage {
		max-width: 100%;
	}

	.single-post__content .wp-embed-aspect-9-16 {
		max-width: 100%;
	}
}

.single-post__content a {
	color: var(--wp--preset--color--kartal-red);
}

.single-post__content blockquote {
	margin: 0;
	padding: 4px 0 4px 20px;
	border-left: 3px solid var(--wp--preset--color--kartal-red);
	color: var(--wp--preset--color--charcoal);
	font-style: italic;
}

/* Tag chips + author box, sitting between the article body and comments,
   mirroring the Eagle Media / Medya Siyah Beyaz end-of-article pattern. */
.single-post__tags.wp-block-post-terms {
	margin-top: 36px;
	padding-top: 24px;
	border-top: 1px solid var(--wp--preset--color--line);
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 13px;
	color: var(--wp--preset--color--silver);
}

.single-post__tags.wp-block-post-terms a {
	display: inline-flex;
	padding: 5px 12px;
	border-radius: 999px;
	background: var(--wp--preset--color--paper);
	color: var(--wp--preset--color--charcoal);
	font-weight: 600;
	text-decoration: none;
	transition: background-color 160ms ease, color 160ms ease;
}

.single-post__tags.wp-block-post-terms a:hover {
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--white);
}

.single-post__author-box {
	margin-top: 40px;
	padding: 20px;
	border-radius: 10px;
	background: var(--wp--preset--color--paper);
}

.single-post__author-box-head {
	gap: 14px;
	align-items: center;
	margin-bottom: 12px;
}

.single-post__author-box-avatar img {
	width: 72px;
	height: 72px;
	border-radius: 999px;
}

.single-post__author-box-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	--wp--style--block-gap: 2px;
}

.single-post__author-box-label {
	margin: 0 0 2px;
	color: var(--wp--preset--color--silver);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.single-post__author-box-name.wp-block-post-author-name {
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--display);
	font-size: 18px;
	font-weight: 700;
}

.single-post__author-box-bio {
	color: var(--wp--preset--color--charcoal);
	font-size: 15px;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.single-post__related {
	margin-top: 40px;
	padding-top: 28px;
	border-top: 1px solid var(--wp--preset--color--line);
}

.single-post__related-title {
	margin: 0 0 18px;
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--display);
	font-size: 20px;
	font-weight: 700;
}

.single-post__related-grid .wp-block-post-template {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

/* Override core's block-gap margin between post-template list items
   (it assumes a single stacked column) so the grid rows stay aligned. */
.single-post__related-grid .wp-block-post-template > li {
	margin: 0;
}

.single-post__related-card {
	position: relative;
}

.single-post__related-thumb {
	position: relative;
	margin: 0 0 10px;
	border-radius: 8px;
	overflow: hidden;
}

.single-post__related-thumb img {
	width: 100%;
	height: 130px;
	object-fit: cover;
	display: block;
	transition: transform 220ms ease;
}

.single-post__related-card:hover .single-post__related-thumb img {
	transform: scale(1.04);
}

.single-post__related-tag.wp-block-post-terms {
	display: block;
	margin-top: 0;
	margin-bottom: 6px;
	color: var(--wp--preset--color--kartal-red);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.single-post__related-cardtitle {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
}

.single-post__related-cardtitle a {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.single-post__related-cardtitle a:hover {
	color: var(--wp--preset--color--kartal-red);
}

@media (max-width: 700px) {
	.single-post__author-box {
		flex-wrap: wrap;
	}

	.single-post__related-grid .wp-block-post-template {
		grid-template-columns: 1fr;
	}
}

.single-post__comments {
	margin-top: 48px;
	padding-top: 32px;
	border-top: 1px solid var(--wp--preset--color--line);
}

.single-post__comments .wp-block-comments-title {
	margin: 0 0 20px;
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--display);
	font-size: 20px;
	font-weight: 700;
}

.single-post__comments .wp-block-comment-template {
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
}

.single-post__comments .wp-block-comment-template > li {
	padding: 16px 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.single-post__comments .wp-block-comment-author-name {
	color: var(--wp--preset--color--ink);
	font-weight: 700;
}

.single-post__comments .wp-block-comment-content p {
	margin: 4px 0 0;
	color: var(--wp--preset--color--charcoal);
}

.single-post__comments .comment-reply-link {
	color: var(--wp--preset--color--kartal-red);
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}

.single-post__comments .comment-respond input[type="text"],
.single-post__comments .comment-respond input[type="email"],
.single-post__comments .comment-respond input[type="url"],
.single-post__comments .comment-respond textarea {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 6px;
	background: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--body);
	font-size: 15px;
}

.single-post__comments .comment-respond textarea {
	min-height: 120px;
}

.single-post__comments .comment-respond .form-submit input {
	border-radius: 999px;
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--heading);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 12px 28px;
	border: none;
	cursor: pointer;
	transition: background-color 160ms ease;
}

.single-post__comments .comment-respond .form-submit input:hover {
	background: var(--wp--preset--color--kartal-red);
}

.single-post__side {
	flex: 0 0 300px;
	position: sticky;
	top: 96px;
}

.single-post__side-list .wp-block-post-template {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.single-post__side-item {
	display: flex;
	align-items: stretch;
	gap: 12px;
	background: #FAF9F6;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 6px 18px rgba(9, 9, 9, 0.16);
	transition: box-shadow 200ms ease, transform 200ms ease;
}

.single-post__side-item:hover {
	box-shadow: 0 12px 26px rgba(9, 9, 9, 0.22);
	transform: translateY(-2px);
}

.single-post__side-thumb-wrap {
	position: relative;
	margin: 0;
	flex: 0 0 96px;
	overflow: hidden;
}

.single-post__side-thumb {
	margin: 0;
	height: 100%;
}

.single-post__side-thumb img {
	width: 96px;
	height: 96px;
	object-fit: cover;
	display: block;
	transition: transform 250ms ease;
}

.single-post__side-item:hover .single-post__side-thumb img {
	transform: scale(1.08);
}

.single-post__side-body {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media (prefers-reduced-motion: reduce) {
	.single-post__side-item,
	.single-post__side-item:hover,
	.single-post__side-thumb img,
	.single-post__side-item:hover .single-post__side-thumb img {
		transition: none;
		transform: none;
	}
}

.single-post__side-tag {
	position: absolute;
	top: 10px;
	left: 10px;
	margin: 0;
}

.single-post__side-tag a {
	display: inline-flex;
	padding: 4px 10px;
	border-radius: 4px;
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--heading);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-decoration: none;
	text-transform: uppercase;
}

.single-post__side-item-title {
	margin: 0;
	padding: 0 14px 0 0;
	font-family: var(--wp--preset--font-family--body);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.single-post__side-item-title a {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.single-post__side-item-title a:hover {
	color: var(--wp--preset--color--kartal-red);
}

.single-post__side-item-date {
	margin: 0;
	padding: 6px 14px 0 0;
	color: var(--wp--preset--color--silver);
	font-size: 12px;
}

@media (max-width: 900px) {
	.single-post__row {
		flex-direction: column;
	}

	.single-post__main {
		max-width: none;
	}

	.single-post__side {
		flex: 1 1 auto;
		width: 100%;
		position: static;
	}
}

@media (max-width: 600px) {
	.single-post__row {
		padding: 24px 16px 0;
	}
}

/* === front-responsive === */
@media (max-width: 900px) {
	.front-hero__news-grid .wp-block-post-template {
		grid-template-columns: repeat(3, 1fr);
		gap: 16px;
	}

	.front-grid .wp-block-post-template {
		grid-template-columns: repeat(2, 1fr);
		gap: 28px 20px;
	}

	/* Stack the matchday cards below the hero instead of beside it once
	   there isn't room for a comfortable side column. */
	.front-hero__row {
		flex-direction: column;
		align-items: stretch;
	}

	.front-hero__main {
		width: 100%;
	}

	.front-hero__side {
		flex-basis: auto;
		width: 100%;
		padding: 24px;
	}

	/* Vertical hero on narrow screens: the panel grows tall enough to stack
	   an image band on top of the charcoal text area below it, instead of
	   the image sitting absolutely under a side-by-side text column. */
	.front-hero__panels .wp-block-post-template > li {
		height: auto;
		min-height: 420px;
	}

	.front-hero__media {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 58%;
	}

	/* Top-to-bottom image-to-charcoal gradient, replacing the desktop
	   left-to-right version. */
	.front-hero__media::after {
		background: linear-gradient(
			to bottom,
			transparent 0%,
			transparent 42%,
			rgba(23, 23, 23, 0.55) 50%,
			rgba(23, 23, 23, 0.85) 75%,
			#171717 85%,
			#171717 100%
		);
	}

	.front-hero__content {
		padding: 24px 24px 28px;
		justify-content: flex-end;
	}

	/* Desktop's narrowed text column gives the title a fixed max-width so
	   it wraps into two lines; the vertical mobile hero uses the full
	   content width instead, so let the title use it too. */
	.front-hero__title {
		max-width: none;
	}

	.front-hero__thumb {
		width: 48px;
		height: 48px;
	}

	.front-hero__news-layout {
		flex-direction: column;
	}

	.front-hero__news-featured {
		flex-basis: auto;
	}

	.featured-news-card {
		min-height: 320px;
	}

	.featured-news-card .front-hero__news-feat-body {
		left: 16px;
		right: 16px;
		bottom: 16px;
	}

	.featured-news-card .front-hero__news-feat-title {
		font-size: 23px;
	}
}

@media (max-width: 600px) {
	.front-hero__news-grid .wp-block-post-template {
		grid-template-columns: repeat(2, 1fr);
	}

	.front-grid .wp-block-post-template {
		grid-template-columns: 1fr;
	}

	.kmd-strip {
		max-width: none;
		margin-left: 0;
	}

	.front-hero__thumbs {
		padding: 10px 16px 20px;
	}

	.front-hero__thumb {
		width: 42px;
		height: 42px;
	}

	.front-hero__panels .wp-block-post-template > li {
		min-height: 360px;
	}

	.front-hero__content {
		padding: 20px 20px 24px;
	}

	.front-hero__title {
		font-size: 22px;
	}

	.front-section {
		padding: 36px 16px 48px;
	}

	.front-hero__news {
		padding-top: 24px;
	}
}

/* === author-index (Yazarlar kategori dizin sayfası) === */

.wp-site-blocks:has(> main.author-index) {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

.wp-site-blocks:has(> main.author-index) > main.author-index {
	width: 100%;
	flex: 1 0 auto;
}

body.admin-bar .wp-site-blocks:has(> main.author-index) {
	min-height: calc(100vh - 32px);
}

.author-index__body {
	padding: 56px 0 72px;
}

.author-index__intro {
	--wp--style--block-gap: 8px;
	margin: 0 0 36px;
	max-width: 560px;
}

.author-index__eyebrow {
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
	color: var(--wp--preset--color--kartal-red);
	text-transform: uppercase;
}

.author-index__title {
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: 34px;
}

.author-index__subtitle {
	margin: 0;
	color: var(--wp--preset--color--silver);
	font-size: 15px;
	line-height: 1.5;
}

.author-index__card {
	position: relative;
	display: flex;
	align-items: center;
	gap: 36px;
	margin: 0 20px;
	padding: 40px;
	background: var(--wp--preset--color--charcoal);
	border-radius: 999px;
	box-shadow: 0 3px 10px rgba(9, 9, 9, 0.2);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.author-index__card:hover {
	box-shadow: 0 10px 22px rgba(9, 9, 9, 0.32);
	transform: translateY(-2px);
}

.author-index__avatar {
	flex: 0 0 auto;
	margin: 0;
	border-radius: 999px;
	overflow: hidden;
	width: 180px !important;
	height: 180px !important;
	border: 3px solid var(--wp--preset--color--kartal-red);
}

.author-index__avatar img {
	width: 180px !important;
	height: 180px !important;
	border-radius: 999px;
	display: block;
}

.author-index__card-body {
	--wp--style--block-gap: 8px;
}

.author-index__role {
	display: inline-block;
	margin: 0 0 4px;
	padding: 9px 22px;
	background: var(--wp--preset--color--kartal-red);
	border-radius: 999px;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: var(--wp--preset--color--white);
}

.author-index__name {
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: 36px;
}

.author-index__name a {
	color: var(--wp--preset--color--white);
	text-decoration: none;
}

.author-index__name a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.author-index__count {
	margin: 4px 0 0;
	font-size: 16px;
	color: var(--wp--preset--color--silver);
	opacity: 0.85;
}

.author-index__arrow {
	margin: 0 8px 0 auto;
	flex: 0 0 auto;
	font-size: 28px;
	color: var(--wp--preset--color--white);
	opacity: 0.55;
	transition: transform 0.25s ease, opacity 0.25s ease;
}

.author-index__card:hover .author-index__arrow {
	transform: translateX(6px);
	opacity: 1;
}

.author-archive__hero {
	background: var(--wp--preset--color--charcoal);
	padding: 40px 0;
	margin-bottom: 32px;
}

.author-archive__hero-inner {
	gap: 28px;
}

.author-archive__avatar {
	flex: 0 0 auto;
	margin: 0;
	border-radius: 999px;
	overflow: hidden;
	border: 3px solid var(--wp--preset--color--kartal-red);
}

.author-archive__avatar img {
	border-radius: 999px;
	display: block;
}

.author-archive__hero-body {
	--wp--style--block-gap: 6px;
	flex-direction: column;
	align-items: flex-start;
}

.author-archive__role {
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	color: var(--wp--preset--color--kartal-red);
}

.author-archive__name {
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: 34px;
	color: var(--wp--preset--color--white);
}

.author-archive__bio {
	margin: 4px 0 0;
	max-width: 640px;
	color: var(--wp--preset--color--silver);
	font-size: 15px;
	line-height: 1.6;
}

.author-archive__count {
	margin: 4px 0 0;
	font-size: 13px;
	font-weight: 600;
	color: var(--wp--preset--color--white);
	opacity: 0.7;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.author-archive__body {
	margin-bottom: 56px;
	padding-inline: 40px;
}

.author-archive__grid .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.author-archive__grid .wp-block-post-template > li {
	margin: 0;
}

.author-archive__card {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #FAF9F6;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 3px 10px rgba(9, 9, 9, 0.08);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.author-archive__card:hover {
	box-shadow: 0 10px 22px rgba(9, 9, 9, 0.16);
	transform: translateY(-2px);
}

.author-archive__card-media {
	margin: 0;
}

.author-archive__card-media img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
	transition: transform 0.35s ease;
}

.author-archive__card:hover .author-archive__card-media img {
	transform: scale(1.05);
}

.author-archive__card-body {
	--wp--style--block-gap: 4px;
	padding: 10px 12px 12px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.author-archive__card-title {
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 17px;
	line-height: 1.3;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.author-archive__card-title a {
	color: var(--wp--preset--color--ink);
}

.author-archive__card-title a:hover {
	color: var(--wp--preset--color--kartal-red);
}

.author-archive__card-date {
	margin-top: auto;
	padding-top: 4px;
	font-size: 11.5px;
	color: var(--wp--preset--color--silver);
}

.author-archive__pagination {
	margin-top: 40px;
	justify-content: center;
	gap: 6px;
}

.author-archive__pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 10px;
	border-radius: 8px;
	background: #FAF9F6;
	color: var(--wp--preset--color--ink);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}

.author-archive__pagination a.page-numbers:hover {
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--white);
}

.author-archive__pagination .page-numbers.current {
	background: var(--wp--preset--color--kartal-red);
	color: var(--wp--preset--color--white);
}

.author-archive__pagination .page-numbers.dots {
	background: none;
	color: var(--wp--preset--color--silver);
}

.author-archive__pagination .wp-block-query-pagination-previous,
.author-archive__pagination .wp-block-query-pagination-next {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 0 16px;
	border-radius: 8px;
	background: #FAF9F6;
	color: var(--wp--preset--color--ink);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}

.author-archive__pagination .wp-block-query-pagination-previous:hover,
.author-archive__pagination .wp-block-query-pagination-next:hover {
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--white);
}

@media (max-width: 900px) {
	.author-archive__hero-inner {
		flex-wrap: wrap;
	}

	.author-archive__grid .wp-block-post-template {
		grid-template-columns: repeat(3, 1fr);
	}

	.author-archive__body {
		padding-inline: 20px;
	}
}

@media (max-width: 600px) {
	.author-archive__hero-inner {
		flex-direction: column;
		align-items: flex-start;
	}

	.author-archive__grid .wp-block-post-template {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.author-archive__card {
		flex-direction: row;
		align-items: stretch;
	}

	.author-archive__card-media {
		flex: 0 0 110px;
		width: 110px;
		overflow: hidden;
	}

	.author-archive__card-media img {
		width: 110px;
		height: 100px;
		aspect-ratio: auto;
		object-fit: cover;
	}

	.author-archive__card-body {
		justify-content: center;
		padding: 10px 12px;
	}

	.author-archive__card-title {
		font-size: 17px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.author-index__card {
		flex-wrap: wrap;
		margin: 0 12px;
		padding: 28px 24px;
		border-radius: 32px;
	}

	.author-index__avatar {
		width: 100px !important;
		height: 100px !important;
	}

	.author-index__avatar img {
		width: 100px !important;
		height: 100px !important;
	}

	.author-index__name {
		font-size: 26px;
	}

	.author-index__arrow {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.front-card__media img,
	.front-hero__news-media img {
		transition: none;
	}
}

/* === contact page === */

.contact-page {
	max-width: 1180px;
	margin: 0 auto;
	padding: 48px 20px 80px;
}

.contact-hero {
	max-width: 720px;
	margin: 0 0 40px;
}

.contact-hero__kicker {
	display: inline-block;
	margin: 0 0 16px;
	padding: 8px 20px;
	background: var(--wp--preset--color--ink);
	border-radius: 999px;
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--display);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.contact-hero__title {
	margin: 0 0 16px;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(32px, 4vw, 44px);
	line-height: 1.1;
}

.contact-hero__lede {
	margin: 0;
	color: var(--wp--preset--color--charcoal);
	font-size: 17px;
	line-height: 1.6;
}

.contact-body {
	gap: 40px;
	align-items: flex-start;
}

.contact-body__form-col .wp-block-jetpack-contact-form-container {
	border: none;
}

.contact-form {
	background: #FAF9F6;
	border-radius: 16px;
	box-shadow: 0 6px 18px rgba(9, 9, 9, 0.1);
	padding: 32px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.contact-form .grunion-field-label,
.contact-form label {
	display: block;
	margin: 0 0 8px;
	font-family: var(--wp--preset--font-family--display);
	font-size: 14px;
	font-weight: 700;
	color: var(--wp--preset--color--ink);
}

.contact-form .grunion-field-label span {
	margin-left: 4px;
	font-family: var(--wp--preset--font-family--body);
	font-size: 12px;
	font-weight: 400;
	color: var(--wp--preset--color--silver);
	text-transform: none;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 12px 14px;
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 8px;
	font-family: var(--wp--preset--font-family--body);
	font-size: 15px;
	color: var(--wp--preset--color--ink);
}

.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form input[type="tel"]:focus,
.contact-form textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--kartal-red);
}

.contact-form textarea {
	height: 140px;
	max-height: 320px;
	resize: vertical;
}

.contact-form__submit .wp-element-button {
	background: var(--wp--preset--color--kartal-red);
	border-radius: 999px;
	padding: 12px 32px;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	border: none;
	transition: background 200ms ease;
}

.contact-form__submit .wp-element-button:hover {
	background: var(--wp--preset--color--charcoal);
	cursor: pointer;
}

.contact-info-card {
	background: var(--wp--preset--color--charcoal);
	border-radius: 16px;
	padding: 32px;
	box-shadow: 0 6px 18px rgba(9, 9, 9, 0.16);
}

.contact-info-card__title {
	margin: 0 0 24px;
	font-family: var(--wp--preset--font-family--display);
	font-size: 20px;
	color: var(--wp--preset--color--white);
}

.contact-info-item {
	gap: 14px;
	align-items: flex-start;
	margin: 0 0 20px;
}

.contact-info-item__icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0;
	background: var(--wp--preset--color--kartal-red);
	border-radius: 999px;
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
}

.contact-info-item__label {
	margin: 0 0 2px;
	color: var(--wp--preset--color--silver);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.contact-info-item__value {
	margin: 0;
	font-size: 15px;
	overflow-wrap: anywhere;
}

.contact-info-item__value a {
	color: var(--wp--preset--color--white);
	text-decoration: none;
}

.contact-info-item__value a:hover {
	color: var(--wp--preset--color--kartal-red);
}

.contact-info-card__note {
	margin: 8px 0 0;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	color: var(--wp--preset--color--silver);
	font-size: 13px;
	line-height: 1.6;
}

@media (max-width: 782px) {
	.contact-body {
		flex-direction: column;
	}

	.contact-body .wp-block-column {
		flex-basis: 100% !important;
	}

	.contact-form,
	.contact-info-card {
		padding: 24px;
	}
}

/* === kmd-upcoming ("Gelecek Maçlar" carousel) === */
.kmd-upcoming {
	position: relative;
	width: 100%;
	min-width: 0;
	border-radius: 6px;
	overflow: hidden;
	border: 0;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
	background: #FAF9F6;
	box-sizing: border-box;
}

.kmd-upcoming__label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 10px 14px;
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--white);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.kmd-upcoming--live {
	border-color: rgba(225, 28, 56, 0.4);
}

.kmd-upcoming--live .kmd-upcoming__label {
	background: var(--wp--preset--color--kartal-red);
}

.kmd-score--live {
	color: var(--wp--preset--color--kartal-red);
	font-size: 21px;
}

.kmd-live-status {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--wp--preset--color--kartal-red);
	font-size: 9px;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
}

.kmd-live-status__dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 0 0 3px rgba(225, 28, 56, 0.12);
	animation: kmd-upcoming-live-pulse 1.6s ease-in-out infinite;
}

@keyframes kmd-upcoming-live-pulse {
	50% {
		opacity: 0.4;
		transform: scale(0.8);
	}
}

@media (prefers-reduced-motion: reduce) {
	.kmd-live-status__dot {
		animation: none;
	}
}

.kmd-upcoming__calendar {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	color: var(--wp--preset--color--white);
}

.kmd-upcoming__viewport {
	overflow: hidden;
}

.kmd-upcoming__track {
	display: flex;
}

.kmd-upcoming__slide {
	flex: 0 0 100%;
	display: none;
}

.kmd-upcoming__slide.is-active {
	display: block;
}

.kmd-upcoming__comp {
	display: flex;
	justify-content: center;
	padding: 10px 14px 0;
}

.kmd-upcoming__comp-row {
	display: flex;
	align-items: center;
	gap: 7px;
}

.kmd-upcoming__comp-logo {
	width: 17px;
	height: 17px;
	object-fit: contain;
	flex-shrink: 0;
}

.kmd-upcoming__comp-logo--generic {
	color: var(--wp--preset--color--charcoal);
}

.kmd-upcoming__league {
	color: #303030;
	opacity: 1;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.kmd-upcoming__body {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
	padding: 10px 14px 18px;
}

.kmd-upcoming__team {
	display: flex;
	flex: 1 1 0;
	min-width: 0;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	text-align: center;
}

.kmd-upcoming__badge {
	width: 46px;
	height: 46px;
	object-fit: contain;
}

.kmd-upcoming__badge--fallback {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--wp--preset--color--paper);
	border: 1px solid var(--wp--preset--color--line);
	color: var(--wp--preset--color--charcoal);
	font-family: var(--wp--preset--font-family--heading);
	font-size: 16px;
	font-weight: 700;
}

.kmd-upcoming__center {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding-top: 18px;
}

.kmd-upcoming__date {
	color: var(--wp--preset--color--charcoal);
	opacity: 0.6;
	font-size: 10px;
	text-align: center;
}

.kmd-score--tbd {
	font-size: 11px;
	letter-spacing: 0.03em;
	color: var(--wp--preset--color--charcoal);
	opacity: 0.7;
	white-space: nowrap;
}

.kmd-upcoming__nav {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	padding: 0 14px 11px;
}

.kmd-upcoming__arrow--prev {
	justify-self: start;
}

.kmd-upcoming__arrow--next {
	justify-self: end;
}

.kmd-upcoming__arrow {
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--white);
	cursor: pointer;
	position: relative;
	transition: border-color 150ms ease, background 150ms ease;
}

.kmd-upcoming__arrow:hover,
.kmd-upcoming__arrow:focus-visible {
	border-color: var(--wp--preset--color--kartal-red);
	background: var(--wp--preset--color--paper);
}

.kmd-upcoming__arrow:focus-visible,
.kmd-upcoming__dot:focus-visible {
	outline: 2px solid var(--wp--preset--color--kartal-red);
	outline-offset: 2px;
}

.kmd-upcoming__arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border-right: 2px solid var(--wp--preset--color--charcoal);
	border-bottom: 2px solid var(--wp--preset--color--charcoal);
}

.kmd-upcoming__arrow--prev::before {
	transform: translate(-30%, -50%) rotate(135deg);
}

.kmd-upcoming__arrow--next::before {
	transform: translate(-70%, -50%) rotate(-45deg);
}

.kmd-upcoming__dots {
	display: flex;
	align-items: center;
	gap: 8px;
}

.kmd-upcoming__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: none;
	padding: 0;
	background: var(--wp--preset--color--line);
	cursor: pointer;
	transition: background 150ms ease, transform 150ms ease;
}

.kmd-upcoming__dot.is-active {
	background: var(--wp--preset--color--kartal-red);
	transform: scale(1.15);
}

/* === front-heritage === */
/* Full-width heritage banner: shares the same 1360px max-width and
   rounded-corner language as .front-hero, sitting on its own row below
   the Son Haberler/Puan Durumu composition. */
.front-heritage {
	padding: 0;
	background: transparent;
	margin-top: 32px;
}

.front-heritage__inner {
	max-width: 1360px;
	margin-inline: auto;
	position: relative;
	height: 360px;
	border-radius: 20px;
	overflow: hidden;
	background-image: url("assets/images/heritage-banner-bg-duo.png");
	background-size: cover;
	background-position: center 35%;
	display: flex;
	align-items: center;
}

.front-heritage__quote {
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	transform: translate(-50%, -50%);
	width: min(620px, 58%);
	max-width: 620px;
	margin: 0;
	padding: 0;
	color: rgba(232, 227, 218, 0.92);
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-weight: 400;
	font-size: clamp(26px, 2.2vw, 34px);
	line-height: 1.24;
	letter-spacing: 0.005em;
	text-align: center;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.72);
}

/* === front-opinions === */
/* Compact editorial carousel panel replacing the old white-card grid:
   shares the same 1360px max-width as the heritage banner above it, but
   is itself the visible dark panel (not a transparent full-bleed row). */
.front-opinions {
	box-sizing: border-box;
	max-width: 1360px;
	margin-inline: auto;
	margin-top: 32px;
	background:
		radial-gradient(
			ellipse 52% 110% at 100% 118%,
			rgba(118, 0, 24, 0.38) 0%,
			rgba(82, 0, 18, 0.24) 34%,
			rgba(44, 0, 12, 0.11) 58%,
			transparent 80%
		),
		#101010;
	border-radius: 14px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
	padding: 24px 28px 20px;
	overflow: hidden;
	min-height: 310px;
}

@media (max-width: 640px) {
	.front-opinions {
		min-height: 0;
	}
}

.front-opinions > .front-opinions__header,
.front-opinions > .front-opinions__grid {
	max-width: 100%;
	width: 100%;
	margin-inline: 0;
}

.front-opinions__header {
	margin: 0 0 14px;
	gap: 16px;
}

.front-opinions__title {
	margin: 0;
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--display);
	font-size: 22px;
	font-weight: 800;
	position: relative;
	padding-bottom: 12px;
}

.front-opinions__title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 135px;
	height: 2px;
	background: var(--wp--preset--color--kartal-red);
	border-radius: 1px;
}

.front-opinions__controls {
	gap: 18px;
	flex-shrink: 0;
}

.front-opinions__nav {
	gap: 8px;
}

.front-opinions__navbtn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 31px;
	height: 31px;
	margin: 0;
	padding: 0;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.28);
	background: transparent;
	color: var(--wp--preset--color--white);
	cursor: pointer;
	transition: border-color 150ms ease, background-color 150ms ease;
}

.front-opinions__navbtn svg {
	width: 14px;
	height: 14px;
}

.front-opinions__navbtn:hover {
	border-color: rgba(255, 255, 255, 0.6);
	background: rgba(255, 255, 255, 0.08);
}

.front-opinions__navbtn:focus-visible {
	outline: 2px solid var(--wp--preset--color--kartal-red);
	outline-offset: 2px;
	border-color: var(--wp--preset--color--kartal-red);
}

.front-opinions__all {
	margin: 0;
	flex-shrink: 0;
}

.front-opinions__all a {
	color: var(--wp--preset--color--kartal-red);
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	text-decoration: none;
}

.front-opinions__all a:hover {
	text-decoration: underline;
}

.front-opinions__grid {
	overflow: hidden;
}

.front-opinions__grid .wp-block-post-template {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	transition: transform 300ms ease;
	will-change: transform;
}

/* Neutralize the theme's default flow-layout block-gap margin the editor
   adds between items — spacing here is handled by item padding instead. */
.front-opinions__grid .wp-block-post-template > li {
	margin-block-start: 0 !important;
	flex: 0 0 25%;
	max-width: 25%;
	box-sizing: border-box;
	padding: 0 20px;
	border-left: 1px solid rgba(255, 255, 255, 0.14);
}

.front-opinions__grid .wp-block-post-template > li:first-child {
	border-left: none;
	padding-left: 0;
}

.front-opinions__item {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 205px;
	text-align: left;
}

.front-opinions__item > * {
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

.front-opinions__meta {
	margin: 0 0 12px;
	gap: 8px;
	justify-content: flex-start;
	text-align: left;
}

.front-opinions__avatar {
	flex: 0 0 auto;
	margin: 0;
	width: 36px;
	height: 36px;
	aspect-ratio: 1;
	border-radius: 50%;
	overflow: hidden;
}

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

.front-opinions__author {
	display: block;
	color: rgba(255, 255, 255, 0.7);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.front-opinions__cardtitle {
	margin: 0 0 8px;
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--display);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;
	word-break: normal;
	overflow-wrap: break-word;
	hyphens: auto;
}

.front-opinions__cardtitle a {
	color: inherit;
	text-decoration: none;
}

.front-opinions__cardtitle a:hover {
	color: var(--wp--preset--color--kartal-red);
}

.front-opinions__excerpt {
	margin: 0 0 auto;
	color: rgba(255, 255, 255, 0.55);
	font-size: 13.5px;
	line-height: 1.5;
}

.front-opinions__excerpt p {
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.front-opinions__date {
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	color: rgba(255, 255, 255, 0.45);
	font-size: 12px;
}

/* === front-heritage / front-opinions: responsive === */
@media (max-width: 900px) {
	.front-heritage__inner {
		height: 300px;
	}

	.front-heritage__quote {
		width: min(540px, 64%);
		max-width: 540px;
	}

}

@media (max-width: 1024px) {
	.front-opinions__grid .wp-block-post-template > li {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (max-width: 600px) {
	.front-heritage {
		margin-top: 24px;
	}

	.front-heritage__inner {
		height: 220px;
		background-position: center 38%;
	}

	.front-heritage__quote {
		left: 50%;
		right: auto;
		top: 50%;
		bottom: auto;
		transform: translate(-50%, -50%);
		width: calc(100% - 40px);
		max-width: none;
		padding: 0;
		font-size: clamp(17px, 5vw, 20px);
		line-height: 1.3;
		text-align: center;
	}

	.front-heritage__quote br {
		display: none;
	}

	.front-opinions {
		margin-top: 24px;
		padding: 22px 18px 18px;
	}

	.front-opinions__header {
		flex-wrap: wrap;
	}

	.front-opinions__controls {
		width: 100%;
		justify-content: flex-end;
	}
}

@media (max-width: 640px) {
	.front-opinions__grid .wp-block-post-template > li {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* === front-media === */
/* Editorial Medya block below the heritage banner: one immersive lead
   story and three compact supporting stories, all fed by category 7. */
.front-media {
	box-sizing: border-box;
	max-width: 1360px;
	width: 100%;
	margin-inline: auto;
	margin-top: 32px;
	padding: 0 0 56px;
	background: transparent;
}

.front-media > .front-media__header,
.front-media > .front-media__layout {
	max-width: 100%;
	width: 100%;
	margin-inline: 0;
}

.front-media__header {
	margin: 0 0 18px;
	padding-bottom: 10px;
	background-image: linear-gradient(
		to right,
		var(--wp--preset--color--kartal-red) 0,
		var(--wp--preset--color--kartal-red) 132px,
		var(--wp--preset--color--line) 132px,
		var(--wp--preset--color--line) 100%
	);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% 2px;
}

.front-media__title {
	margin: 0;
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--display);
	font-size: 22px;
	font-weight: 800;
}

.front-media__all {
	flex-shrink: 0;
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.front-media__all a {
	color: var(--wp--preset--color--kartal-red);
	text-decoration: none;
}

.front-media__all a:hover {
	text-decoration: underline;
}

.front-media__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.85fr) minmax(340px, 1fr);
	gap: 18px;
	height: 500px;
	align-items: stretch;
}

.front-media__featured,
.front-media__list {
	min-width: 0;
	min-height: 0;
	height: 100%;
	margin-block-start: 0 !important;
}

.front-media__featured .wp-block-post-template,
.front-media__list .wp-block-post-template {
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.front-media__featured .wp-block-post-template > li,
.front-media__list .wp-block-post-template > li {
	margin-block-start: 0 !important;
}

.front-media__featured .wp-block-post-template > li,
.front-media__featured-card {
	height: 100%;
}

.front-media__featured-card {
	position: relative;
	min-height: 430px;
	margin: 0;
	overflow: hidden;
	border-radius: 12px;
	background: #111;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.front-media__featured-card::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(
		to top,
		rgba(5, 7, 10, 0.94) 0%,
		rgba(5, 7, 10, 0.8) 26%,
		rgba(5, 7, 10, 0.24) 55%,
		transparent 76%
	);
}

.front-media__featured-image {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}

.front-media__featured-image a,
.front-media__featured-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.front-media__featured-image img {
	object-fit: cover;
	transition: transform 320ms ease;
}

.front-media__featured-card:hover .front-media__featured-image img {
	transform: scale(1.035);
}

.front-media__featured-body {
	position: absolute;
	right: 28px;
	bottom: 26px;
	left: 28px;
	z-index: 2;
	margin: 0;
	color: #fff;
}

.front-media__featured-title {
	position: relative;
	max-width: 760px;
	margin: 0 0 12px;
	padding-left: 16px;
	color: #fff;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(27px, 2.5vw, 38px);
	font-weight: 800;
	line-height: 1.16;
}

.front-media__featured-title::before {
	content: "";
	position: absolute;
	top: 3px;
	bottom: 3px;
	left: 0;
	width: 3px;
	background: var(--wp--preset--color--kartal-red);
}

.front-media__featured-title a,
.front-media__item-title a {
	color: inherit;
	text-decoration: none;
}

.front-media__featured-title a:hover,
.front-media__item-title a:hover {
	color: var(--wp--preset--color--kartal-red);
}

.front-media__featured-title a:hover {
	color: #fff;
	text-decoration: underline;
}

.front-media__date {
	display: block;
	margin: 0;
	color: rgba(255, 255, 255, 0.72);
	font-size: 12px;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

.front-media__list .wp-block-post-template {
	display: grid;
	grid-template-rows: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.front-media__item {
	display: grid;
	grid-template-columns: minmax(150px, 42%) minmax(0, 1fr);
	height: 100%;
	min-height: 128px;
	margin: 0;
	overflow: hidden;
	border-radius: 9px;
	background: #f7f6f2;
	box-shadow:
		0 3px 12px rgba(0, 0, 0, 0.1),
		inset 0 0 0 1px rgba(9, 9, 9, 0.035);
	transition: box-shadow 180ms ease, transform 180ms ease;
}

.front-media__item:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.13);
}

.front-media__item-media {
	position: relative;
	min-width: 0;
	height: 100%;
	margin: 0;
	overflow: hidden;
}

.front-media__item-image {
	width: 100%;
	height: 100%;
	margin: 0;
}

.front-media__item-image a,
.front-media__item-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.front-media__item-image img {
	object-fit: cover;
	transition: transform 280ms ease;
}

.front-media__item:hover .front-media__item-image img {
	transform: scale(1.04);
}

.front-media__item-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	margin: 0;
	padding: 16px 18px;
}

.front-media__item-title {
	margin: 0;
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--heading);
	font-size: 17px;
	font-weight: 750;
	line-height: 1.25;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.front-media__item .front-media__date {
	margin-top: 12px;
	color: var(--wp--preset--color--silver);
	font-size: 11.5px;
}

.front-media__badge {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	display: grid;
	width: 62px;
	height: 62px;
	margin: 0;
	border: 2px solid rgba(255, 255, 255, 0.9);
	border-radius: 50%;
	background: rgba(8, 9, 11, 0.62);
	box-shadow: 0 3px 14px rgba(0, 0, 0, 0.24);
	transform: translate(-50%, -50%);
	place-items: center;
	pointer-events: none;
	backdrop-filter: blur(2px);
}

.front-media__item .front-media__badge {
	width: 42px;
	height: 42px;
	border-width: 1.5px;
}

.front-media__badge--video .front-media__badge-icon {
	width: 0;
	height: 0;
	margin-left: 4px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 16px solid var(--wp--preset--color--kartal-red);
}

.front-media__item .front-media__badge--video .front-media__badge-icon {
	margin-left: 3px;
	border-top-width: 7px;
	border-bottom-width: 7px;
	border-left-width: 11px;
}

.front-media__badge--gallery .front-media__badge-icon,
.front-media__badge--gallery .front-media__badge-icon::before {
	box-sizing: border-box;
	width: 21px;
	height: 16px;
	border: 2px solid #fff;
	border-radius: 2px;
}

.front-media__badge--gallery .front-media__badge-icon {
	position: relative;
}

.front-media__badge--gallery .front-media__badge-icon::before {
	content: "";
	position: absolute;
	top: -6px;
	left: 4px;
}

.front-media__item .front-media__badge--gallery .front-media__badge-icon,
.front-media__item .front-media__badge--gallery .front-media__badge-icon::before {
	width: 16px;
	height: 12px;
	border-width: 1.5px;
}

@media (max-width: 900px) {
	.front-media__layout {
		grid-template-columns: 1fr;
		height: auto;
	}

	.front-media__featured,
	.front-media__list {
		height: auto;
	}

	.front-media__featured-card {
		min-height: 380px;
	}

	.front-media__list .wp-block-post-template {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: none;
	}

	.front-media__item {
		display: flex;
		flex-direction: column;
		min-height: 0;
	}

	.front-media__item-media {
		aspect-ratio: 16 / 9;
		height: auto;
	}

	.front-media__item-body {
		flex: 1;
		justify-content: flex-start;
	}
}

@media (max-width: 640px) {
	.front-media {
		margin-top: 24px;
		padding-bottom: 40px;
	}

	.front-media__header {
		margin-bottom: 14px;
	}

	.front-media__featured-card {
		min-height: 320px;
	}

	.front-media__featured-body {
		right: 18px;
		bottom: 18px;
		left: 18px;
	}

	.front-media__featured-title {
		font-size: 24px;
	}

	.front-media__badge {
		width: 52px;
		height: 52px;
	}

	.front-media__list .wp-block-post-template {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.front-media__item {
		display: grid;
		grid-template-columns: 42% minmax(0, 1fr);
		min-height: 116px;
	}

	.front-media__item-media {
		height: 100%;
		aspect-ratio: auto;
	}

	.front-media__item-body {
		justify-content: center;
		padding: 13px 14px;
	}

	.front-media__item-title {
		font-size: 15px;
	}
}

/* === front-opinions: lead + compact-list redesign === */
.front-opinions {
	min-height: 0;
	padding: 18px 38px 28px;
}

.front-opinions__header {
	margin-bottom: 12px;
}

.front-opinions__title {
	padding-bottom: 10px;
	font-size: 26px;
}

.front-opinions__title::after {
	width: 64px;
	height: 3px;
}

.front-opinions__controls {
	gap: 22px;
}

.front-opinions__nav {
	gap: 10px;
}

.front-opinions__navbtn {
	width: 38px;
	height: 38px;
	border-color: rgba(255, 255, 255, 0.32);
}

.front-opinions__navbtn svg {
	width: 15px;
	height: 15px;
}

.front-opinions__all a {
	font-size: 13px;
}

.front-opinions__grid {
	overflow: visible;
}

.front-opinions__grid .wp-block-post-template {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.35fr);
	grid-template-rows: repeat(3, minmax(0, 1fr));
	gap: 8px 22px;
	height: 304px;
	margin: 0;
	padding: 0;
	transform: none !important;
	transition: none;
	will-change: auto;
}

.front-opinions__grid .wp-block-post-template > li,
.front-opinions__grid .wp-block-post-template > li:first-child {
	display: none;
	box-sizing: border-box;
	max-width: none;
	margin: 0 !important;
	padding: 0;
	border: 0;
}

.front-opinions__grid .wp-block-post-template > li.is-opinions-visible {
	display: block;
	animation: front-opinions-reveal 180ms ease-out both;
}

.front-opinions__grid .wp-block-post-template > li.is-opinions-featured {
	grid-column: 1;
	grid-row: 1 / 4;
	padding: 19px 26px 16px;
	border: 1px solid rgba(255, 255, 255, 0.105);
	border-radius: 10px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.008));
}

.front-opinions__grid .wp-block-post-template > li.is-opinions-compact {
	grid-column: 2;
	grid-row: var(--opinions-row);
	padding: 12px 20px;
	border: 1px solid rgba(255, 255, 255, 0.105);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.012);
}

@keyframes front-opinions-reveal {
	from {
		opacity: 0.4;
	}

	to {
		opacity: 1;
	}
}

.front-opinions__item {
	min-height: 0;
}

.is-opinions-featured .front-opinions__item {
	height: 100%;
}

.is-opinions-featured .front-opinions__meta {
	gap: 15px;
	margin-bottom: 19px;
}

.is-opinions-featured .front-opinions__avatar {
	width: 82px;
	height: 82px;
}

.is-opinions-featured .front-opinions__author {
	color: var(--wp--preset--color--kartal-red);
	font-size: 14px;
}

.is-opinions-featured .front-opinions__cardtitle {
	position: relative;
	margin-bottom: 10px;
	padding-top: 20px;
	font-size: 26px;
	line-height: 1.18;
}

.is-opinions-featured .front-opinions__cardtitle::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 3px;
	border-radius: 2px;
	background: var(--wp--preset--color--kartal-red);
}

.is-opinions-featured .front-opinions__excerpt {
	font-size: 14px;
	line-height: 1.55;
}

.is-opinions-featured .front-opinions__excerpt p {
	-webkit-line-clamp: 3;
}

.is-opinions-featured .front-opinions__date {
	margin-top: 14px;
	padding-top: 10px;
	font-size: 12px;
}

.is-opinions-compact .front-opinions__item {
	display: grid;
	grid-template-columns: 68px minmax(0, 1fr) 128px;
	grid-template-rows: auto auto;
	column-gap: 18px;
	align-content: center;
	align-items: center;
	height: 100%;
}

.is-opinions-compact .front-opinions__meta {
	display: contents;
}

.is-opinions-compact .front-opinions__avatar {
	grid-column: 1;
	grid-row: 1 / 3;
	width: 58px;
	height: 58px;
}

.is-opinions-compact .front-opinions__author {
	grid-column: 2;
	grid-row: 1;
	align-self: end;
	margin: 0 0 5px;
	color: var(--wp--preset--color--kartal-red);
	font-size: 12px;
}

.is-opinions-compact .front-opinions__cardtitle {
	grid-column: 2;
	grid-row: 2;
	align-self: start;
	margin: 0;
	font-size: 17px;
	line-height: 1.25;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.is-opinions-compact .front-opinions__excerpt {
	display: none;
}

.is-opinions-compact .front-opinions__date {
	grid-column: 3;
	grid-row: 1 / 3;
	align-self: center;
	margin: 0;
	padding: 0;
	border: 0;
	color: rgba(255, 255, 255, 0.58);
	font-size: 12px;
	text-align: center;
}

@media (max-width: 1024px) {
	.front-opinions {
		padding: 20px 30px 28px;
	}

	.front-opinions__grid .wp-block-post-template {
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.2fr);
		gap: 12px 18px;
	}

	.front-opinions__grid .wp-block-post-template > li.is-opinions-featured,
	.front-opinions__grid .wp-block-post-template > li.is-opinions-compact {
		max-width: none;
	}

	.is-opinions-featured .front-opinions__cardtitle {
		font-size: 26px;
	}

	.is-opinions-compact .front-opinions__item {
		grid-template-columns: 62px minmax(0, 1fr) 112px;
		column-gap: 13px;
	}

	.is-opinions-compact .front-opinions__avatar {
		width: 54px;
		height: 54px;
	}

	.is-opinions-compact .front-opinions__cardtitle {
		font-size: 16px;
	}
}

@media (max-width: 760px) {
	.front-opinions {
		padding: 18px 20px 22px;
	}

	.front-opinions__header {
		margin-bottom: 14px;
	}

	.front-opinions__title {
		font-size: 25px;
	}

	.front-opinions__grid .wp-block-post-template {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 12px;
		height: auto;
	}

	.front-opinions__grid .wp-block-post-template > li.is-opinions-featured,
	.front-opinions__grid .wp-block-post-template > li.is-opinions-compact {
		grid-column: 1;
		grid-row: auto;
	}

	.front-opinions__grid .wp-block-post-template > li.is-opinions-featured {
		min-height: 350px;
		padding: 24px;
	}

	.front-opinions__grid .wp-block-post-template > li.is-opinions-compact {
		min-height: 108px;
		padding: 15px 17px;
	}

	.is-opinions-featured .front-opinions__avatar {
		width: 76px;
		height: 76px;
	}

	.is-opinions-featured .front-opinions__meta {
		margin-bottom: 20px;
	}

	.is-opinions-featured .front-opinions__cardtitle {
		font-size: 25px;
	}

	.is-opinions-compact .front-opinions__item {
		grid-template-columns: 58px minmax(0, 1fr);
		grid-template-rows: auto auto auto;
		column-gap: 13px;
	}

	.is-opinions-compact .front-opinions__avatar {
		width: 50px;
		height: 50px;
	}

	.is-opinions-compact .front-opinions__date {
		grid-column: 2;
		grid-row: 3;
		margin-top: 7px;
		font-size: 11px;
		text-align: left;
	}
}

@media (max-width: 600px) {
	.front-opinions__header {
		flex-wrap: wrap;
	}

	.front-opinions__controls {
		width: 100%;
		justify-content: flex-end;
	}
}
/* === single-post editorial reimagine ===
   A contained, rounded hero followed by a left-biased reading column.
   The old news sidebar, tags, author card and comments are intentionally
   absent from the template; related stories are the only postscript. */
main.single-post {
	padding: 24px clamp(14px, 2.2vw, 32px) 48px;
	background: #efefeb;
}

.single-post__row {
	display: block;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: clamp(18px, 2.4vw, 32px) clamp(18px, 2.6vw, 36px) 64px;
	border: 1px solid rgba(9, 9, 9, 0.05);
	border-radius: 20px;
	background: #faf9f6;
	box-shadow: 0 12px 34px rgba(9, 9, 9, 0.08);
}

.single-post__main {
	width: 100%;
	max-width: none;
}

.single-post__hero {
	display: grid;
	grid-template-columns: minmax(330px, 0.82fr) minmax(0, 1.38fr);
	gap: clamp(24px, 3vw, 44px);
	align-items: stretch;
}

.single-post__hero-copy {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 4px 0 12px;
}

.single-post__breadcrumb {
	margin: 0 0 30px;
	font-size: 12px;
}

.single-post__breadcrumb-current {
	max-width: 220px;
}

.single-post__kicker {
	align-self: flex-start;
	margin: 0 0 22px;
	padding: 0 0 7px;
	border-bottom: 2px solid var(--wp--preset--color--kartal-red);
	border-radius: 0;
	background: transparent;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.035em;
	text-transform: uppercase;
}

.single-post__kicker a {
	color: var(--wp--preset--color--kartal-red);
	text-decoration: none;
}

.single-post__title {
	margin: 0 0 20px;
	color: var(--wp--preset--color--ink);
	font-family: "Bebas Neue", var(--wp--preset--font-family--display);
	font-size: clamp(54px, 5.3vw, 82px);
	font-weight: 400;
	letter-spacing: 0.005em;
	line-height: 0.96;
	text-wrap: balance;
}

.single-post__title.single-post__title--single-word {
	white-space: nowrap;
	word-break: normal;
	overflow-wrap: normal;
	hyphens: none;
}

.single-post__subtitle {
	margin: 0 0 28px;
	padding-left: 16px;
	border-left: 2px solid var(--wp--preset--color--kartal-red);
	color: var(--wp--preset--color--charcoal);
	font-size: clamp(16px, 1.45vw, 19px);
	font-weight: 500;
	line-height: 1.55;
}

.single-post__meta {
	justify-content: flex-start;
	align-items: center;
	margin: auto 0 0;
	padding: 0;
	border: 0;
	gap: 16px;
}

.single-post__date::before {
	content: "";
}

.single-post__hero-media {
	min-width: 0;
}

.single-post__media {
	height: auto;
	min-height: 0;
	aspect-ratio: 16 / 10;
	margin: 0;
	overflow: hidden;
	border-radius: 20px;
	background: var(--wp--preset--color--charcoal);
}

.single-post__media img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 0;
	border-radius: 0;
	object-fit: cover;
}

.single-post__source-note {
	margin: 8px 4px 0;
}

.single-post__reading {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 26px;
	align-items: start;
	width: calc(100% - clamp(0px, 2vw, 26px));
	max-width: 1070px;
	margin: 52px 0 0 clamp(0px, 2vw, 26px);
}

.single-post__share-rail {
	position: sticky;
	top: 112px;
}

.single-post__share-label {
	margin: 0 0 14px;
	color: var(--wp--preset--color--silver);
	font-family: var(--wp--preset--font-family--heading);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.single-post__share-icons {
	flex-direction: column;
	gap: 10px;
}

.single-post__share-icon,
.single-post__share-icon--facebook,
.single-post__share-icon--x,
.single-post__share-icon--whatsapp {
	width: 32px;
	height: 32px;
	border: 1px solid var(--wp--preset--color--line);
	background: #fff;
	color: var(--wp--preset--color--charcoal);
	box-shadow: 0 3px 10px rgba(9, 9, 9, 0.05);
}

.single-post__share-icon:hover {
	border-color: var(--wp--preset--color--kartal-red);
	background: var(--wp--preset--color--kartal-red);
	color: #fff;
}

.single-post__reading-main {
	min-width: 0;
}

.single-post__content {
	max-width: 860px;
	color: var(--wp--preset--color--ink);
	font-size: 18px;
	line-height: 1.82;
}

.single-post__content > :first-child {
	margin-top: 0;
}

.single-post__content > p:first-child::first-letter {
	float: left;
	margin: 0.07em 0.14em 0 0;
	color: var(--wp--preset--color--ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 5.15em;
	font-weight: 400;
	line-height: 0.76;
}

.single-post__content img {
	width: 100%;
	border-radius: 14px;
}

.single-post__content blockquote {
	margin: 30px 0;
	padding: 6px 0 6px 20px;
	border-left: 3px solid var(--wp--preset--color--kartal-red);
	font-size: 20px;
	font-weight: 600;
	font-style: normal;
}

.single-post__author-box {
	margin: 48px 0 0;
	padding: 22px 24px;
	border: 1px solid rgba(9, 9, 9, 0.07);
	border-radius: 14px;
	background: #f8f6f4;
	box-shadow: 0 8px 22px rgba(9, 9, 9, 0.07);
}

.single-post__author-box-head {
	gap: 18px;
	align-items: center;
	margin: 0;
}

.single-post__author-box-avatar {
	flex: 0 0 auto;
	margin: 0;
}

.single-post__author-box-avatar img {
	display: block;
	width: 72px;
	height: 72px;
	border: 2px solid #fff;
	border-radius: 999px;
	box-shadow: 0 4px 14px rgba(9, 9, 9, 0.12);
	object-fit: cover;
}

.single-post__author-box-body {
	min-width: 0;
}

.single-post__author-box-label {
	margin: 0 0 3px;
}

.single-post__author-box-name.wp-block-post-author-name {
	margin: 0;
	font-size: 18px;
}

.single-post__author-box-name a {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.single-post__author-box-name a:hover {
	color: var(--wp--preset--color--kartal-red);
}

.single-post__author-box-bio {
	display: -webkit-box;
	margin: 5px 0 0;
	overflow: hidden;
	color: var(--wp--preset--color--charcoal);
	font-size: 14px;
	line-height: 1.55;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.single-post__author-profile {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 32px;
	align-items: center;
	margin: 48px 0 0;
	padding: 24px 30px;
	border: 1px solid rgba(9, 9, 9, 0.07);
	border-radius: 14px;
	background: #f8f6f4;
	box-shadow: 0 8px 22px rgba(9, 9, 9, 0.07);
}

.single-post__author-profile-identity {
	display: flex;
	align-items: center;
	min-width: 0;
	gap: 22px;
}

.single-post__author-profile-avatar {
	flex: 0 0 auto;
}

.single-post__author-profile-avatar img {
	display: block;
	width: 96px;
	height: 96px;
	border-radius: 999px;
	box-shadow: 0 4px 14px rgba(9, 9, 9, 0.12);
	object-fit: cover;
}

.single-post__author-profile-copy {
	min-width: 0;
}

.single-post__author-profile-name {
	margin: 0 0 8px;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;
}

.single-post__author-profile-name a {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.single-post__author-profile-name a:hover {
	color: var(--wp--preset--color--kartal-red);
}

.single-post__author-profile-bio {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	color: var(--wp--preset--color--charcoal);
	font-size: 14px;
	line-height: 1.6;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.single-post__author-profile-link {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	color: var(--wp--preset--color--charcoal);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

.single-post__author-profile-link > span:first-child {
	padding-bottom: 4px;
	border-bottom: 2px solid var(--wp--preset--color--kartal-red);
}

.single-post__author-profile-arrow {
	color: var(--wp--preset--color--kartal-red);
	font-size: 30px;
	font-weight: 400;
	line-height: 1;
	transition: transform 160ms ease;
}

.single-post__author-profile-link:hover .single-post__author-profile-arrow {
	transform: translateX(4px);
}

.single-post__related {
	margin-top: 36px;
	padding-top: 0;
	border-top: 0;
}

.single-post__related-title {
	position: relative;
	margin: 0 0 20px;
	padding-bottom: 10px;
	font-size: 22px;
}

.single-post__related-title::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 42px;
	height: 2px;
	background: var(--wp--preset--color--kartal-red);
	content: "";
}

.single-post__related-grid .wp-block-post-template {
	gap: 16px;
}

.single-post__related-card {
	height: 100%;
	overflow: hidden;
	border: 1px solid rgba(9, 9, 9, 0.06);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 8px 22px rgba(9, 9, 9, 0.07);
}

.single-post__related-thumb {
	margin: 0;
	border-radius: 0;
}

.single-post__related-thumb img {
	height: 138px;
}

.single-post__related-cardtitle {
	margin: 0;
	padding: 14px 14px 16px;
	font-size: 15px;
}

@media (max-width: 980px) {
	.single-post__hero {
		grid-template-columns: 1fr;
	}

	.single-post__hero-copy {
		padding-right: 8%;
	}

	.single-post__title {
		max-width: 720px;
	}

	.single-post__meta {
		margin-top: 8px;
	}

	.single-post__media,
	.single-post__media img {
		min-height: 0;
	}

	.single-post__media {
		aspect-ratio: 16 / 9;
	}

	.single-post__reading {
		margin-left: 0;
	}
}

@media (max-width: 700px) {
	main.single-post {
		padding-inline: 10px;
	}

	.single-post__row {
		padding: 18px 16px 44px;
		border-radius: 16px;
	}

	.single-post__breadcrumb {
		margin-bottom: 22px;
	}

	.single-post__title {
		font-size: clamp(46px, 15vw, 64px);
	}

	.single-post__hero-copy {
		padding-right: 0;
	}

	.single-post__media {
		border-radius: 14px;
	}

	.single-post__reading {
		grid-template-columns: 1fr;
		gap: 24px;
		margin-top: 36px;
	}

	.single-post__share-rail {
		position: static;
	}

	.single-post__share-label {
		margin-bottom: 10px;
	}

	.single-post__share-icons {
		flex-direction: row;
	}

	.single-post__content {
		font-size: 17px;
		line-height: 1.72;
	}

	.single-post__content > p:first-child::first-letter {
		margin-right: 0.12em;
		font-size: 4.35em;
		line-height: 0.8;
	}

	.single-post__author-box {
		padding: 18px;
	}

	.single-post__author-box-head {
		align-items: flex-start;
	}

	.single-post__author-profile {
		grid-template-columns: 1fr;
		gap: 18px;
		padding: 20px;
	}

	.single-post__author-profile-avatar img {
		width: 82px;
		height: 82px;
	}

	.single-post__author-profile-link {
		justify-self: start;
	}

	.single-post__related-grid .wp-block-post-template {
		grid-template-columns: 1fr;
	}

	.single-post__related-thumb img {
		height: auto;
		aspect-ratio: 16 / 9;
	}
}

/* Final cascade lock for the category redesign. The legacy archive rules
   remain earlier in this stylesheet for the generic index template. */
main.archive-page {
	width: min(100%, 1328px);
	max-width: none;
	margin: 0 auto;
	padding: clamp(34px, 4.2vw, 64px) clamp(16px, 2.5vw, 34px) 72px;
}

main.archive-page > * {
	width: 100%;
	max-width: none !important;
}

.archive-page__title {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 clamp(28px, 3.4vw, 46px);
	padding: 0 0 16px;
	border-bottom: 3px solid var(--wp--preset--color--kartal-red);
	border-radius: 0;
	background: transparent;
	color: var(--wp--preset--color--ink);
	font-family: "Bebas Neue", var(--wp--preset--font-family--display);
	font-size: clamp(74px, 10vw, 144px);
	font-weight: 400;
	letter-spacing: -0.018em;
	line-height: 0.8;
	text-align: left;
	text-transform: uppercase;
}

.archive-page__grid .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-flow: dense;
	gap: 18px;
	align-items: stretch;
}

.archive-page__grid .wp-block-post-template > li {
	display: flex;
	min-width: 0;
}

.archive-page__grid .front-hero__news-card {
	width: 100%;
	height: 100%;
}

.archive-page__grid .front-hero__news-body {
	display: flex;
	flex: 1 1 auto;
	align-items: flex-start;
}

.archive-page__pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 42px;
}

@media (max-width: 1024px) {
	.archive-page__grid .wp-block-post-template {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.archive-page__grid .wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 520px) {
	.archive-page__grid .wp-block-post-template {
		grid-template-columns: 1fr;
	}
}

/* Category cards stay editorial and image-led; author identity remains on
   article and columnist surfaces instead of repeating on every archive card. */
body.category-futbol .archive-page__hero-author,
body.category-futbol .archive-page__card-author,
body.category-basketbol .archive-page__hero-author,
body.category-basketbol .archive-page__card-author,
body.category-medya .archive-page__hero-author,
body.category-medya .archive-page__card-author,
body.category-genel .archive-page__hero-author,
body.category-genel .archive-page__card-author {
	display: none;
}

body.category-medya .archive-page .front-media__badge {
	display: none !important;
}

body.category-futbol .archive-page__card-excerpt,
body.category-basketbol .archive-page__card-excerpt,
body.category-medya .archive-page__card-excerpt,
body.category-genel .archive-page__card-excerpt,
body.category-genel .archive-page__hero-excerpt {
	display: none;
}

/* Desktop uses a twelve-track grid: the lead story takes half the canvas,
   regular cards take one quarter, and a twelve-story result closes with three
   equal one-third cards. This fills the final row without stretching two
   neighbours beside an oversized last card. */
@media (min-width: 1025px) {
	.archive-page__grid .wp-block-post-template {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.archive-page__grid .wp-block-post-template > li {
		grid-column: span 3;
		grid-row: auto;
	}

	.archive-page__grid .wp-block-post-template > li:nth-child(3) {
		grid-column: 1 / span 6;
		grid-row: 1 / span 2;
	}

	.archive-page__grid .wp-block-post-template > li:nth-child(3) .front-hero__news-media {
		flex: 1 1 auto;
		aspect-ratio: auto;
	}

	.archive-page__grid .wp-block-post-template > li:nth-child(3) .front-hero__news-body {
		flex: 0 0 auto;
	}

	.archive-page__grid .wp-block-post-template > li:first-child {
		grid-column: 7 / span 3;
		grid-row: 1;
	}

	.archive-page__grid .wp-block-post-template > li:nth-child(2) {
		grid-column: 10 / span 3;
		grid-row: 1;
	}

	.archive-page__grid .wp-block-post-template > li:nth-child(4) {
		grid-column: 7 / span 3;
		grid-row: 2;
	}

	.archive-page__grid .wp-block-post-template > li:nth-child(5) {
		grid-column: 10 / span 3;
		grid-row: 2;
	}

	.archive-page__grid .wp-block-post-template:has(> li:nth-child(12):last-child) > li:nth-child(n + 10) {
		grid-column: span 4;
	}

	/* Keep partially filled final result sets balanced. The first five
	   stories form the lead mosaic above; the remaining stories share the
	   full final row instead of leaving a large empty area beside one card. */
	.archive-page__grid .wp-block-post-template:has(> li:nth-child(6):last-child) > li:nth-child(6) {
		grid-column: 1 / -1;
	}

	.archive-page__grid .wp-block-post-template:has(> li:nth-child(7):last-child) > li:nth-child(n + 6) {
		grid-column: span 6;
	}

	.archive-page__grid .wp-block-post-template:has(> li:nth-child(8):last-child) > li:nth-child(n + 6) {
		grid-column: span 4;
	}

	.archive-page__grid .wp-block-post-template:has(> li:nth-child(10):last-child) {
		grid-template-columns: repeat(60, minmax(0, 1fr));
	}

	.archive-page__grid .wp-block-post-template:has(> li:nth-child(10):last-child) > li {
		grid-column: span 15;
	}

	.archive-page__grid .wp-block-post-template:has(> li:nth-child(10):last-child) > li:nth-child(3) {
		grid-column: 1 / span 30;
	}

	.archive-page__grid .wp-block-post-template:has(> li:nth-child(10):last-child) > li:first-child,
	.archive-page__grid .wp-block-post-template:has(> li:nth-child(10):last-child) > li:nth-child(4) {
		grid-column: 31 / span 15;
	}

	.archive-page__grid .wp-block-post-template:has(> li:nth-child(10):last-child) > li:nth-child(2),
	.archive-page__grid .wp-block-post-template:has(> li:nth-child(10):last-child) > li:nth-child(5) {
		grid-column: 46 / span 15;
	}

	.archive-page__grid .wp-block-post-template:has(> li:nth-child(10):last-child) > li:nth-child(n + 6) {
		grid-column: span 12;
	}

	.archive-page__grid .wp-block-post-template:has(> li:nth-child(11):last-child) > li:nth-child(n + 6) {
		grid-column: span 4;
	}
}

/* === Minimal Kartalistan footer === */
footer.site-footer {
	width: auto;
	max-width: none;
	margin: 36px 18px 18px;
	padding: clamp(30px, 3.8vw, 48px) clamp(22px, 4vw, 54px) 20px;
	overflow: hidden;
	border-radius: 18px;
	background: #181818;
	box-shadow: 0 12px 34px rgba(9, 9, 9, 0.14);
	color: #fff;
}

footer.site-footer > * {
	width: 100%;
	max-width: 1160px;
	margin-inline: auto;
}

.site-footer__top {
	align-items: flex-end;
	gap: 28px;
}

.site-footer__brand {
	margin: 0;
}

.site-footer__logo {
	margin: 0;
}

.site-footer__logo,
.site-footer__logo a,
.site-footer__logo img {
	display: block;
}

.site-footer__logo img {
	width: 200px !important;
	max-width: 100%;
	height: auto;
}

.site-footer__tagline {
	margin: 10px 0 0;
	color: rgba(255, 255, 255, 0.56);
	font-size: 12px;
	letter-spacing: 0.02em;
}

.site-footer__nav {
	margin: 0;
}

.site-footer__nav .wp-block-navigation__container {
	gap: clamp(16px, 2.2vw, 30px);
}

.site-footer__nav .wp-block-navigation-item__content {
	padding: 4px 0;
	color: rgba(255, 255, 255, 0.72);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.055em;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 160ms ease;
}

.site-footer__nav .wp-block-navigation-item__content:hover,
.site-footer__nav .wp-block-navigation-item__content:focus-visible {
	color: #fff;
}

.site-footer__bottom {
	gap: 16px 28px;
	margin-top: 30px;
	padding-top: 17px;
	border-top: 1px solid rgba(255, 255, 255, 0.11);
}

.site-footer__bottom p {
	margin: 0;
	color: rgba(255, 255, 255, 0.4);
	font-size: 10px;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

@media (max-width: 700px) {
	footer.site-footer {
		margin: 24px 10px 10px;
		padding: 28px 20px 18px;
		border-radius: 14px;
	}

	.site-footer__top,
	.site-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
	}

	.site-footer__top {
		gap: 24px;
	}

	.site-footer__nav {
		width: 100%;
	}

	.site-footer__nav .wp-block-navigation__container {
		justify-content: flex-start;
		gap: 12px 20px;
	}

	.site-footer__bottom {
		gap: 6px;
		margin-top: 24px;
	}
}

@media screen and (max-width: 782px) {
	body.admin-bar .wp-site-blocks:has(> main.author-index) {
		min-height: calc(100vh - 46px);
	}
}