/**
 * AnahtarTV design system — phase 1
 * Responsive reflow, readable typography and accessible interaction states.
 */

:root {
	--atv-color-ink: #262626;
	--atv-color-muted: #626262;
	--atv-color-border: #e6e2dc;
	--atv-color-surface: #ffffff;
	--atv-color-surface-soft: #f8f6f2;
	--atv-color-accent: #c83a30;
	--atv-content-width: 1200px;
	--atv-reading-width: 74ch;
	--atv-radius-pill: 999px;
}

html {
	overflow-x: clip;
	scroll-behavior: smooth;
}

body {
	color: var(--atv-color-ink);
	font-size: 17px;
	overflow-x: hidden !important;
}

img,
video,
svg,
canvas,
iframe {
	max-width: 100%;
}

img,
video {
	height: auto;
}

a,
button,
input,
textarea,
select,
[tabindex] {
	-webkit-tap-highlight-color: rgba(200, 58, 48, 0.18);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid var(--atv-color-accent);
	outline-offset: 3px;
}

.ribbon,
.ribbon a,
.show-menu,
a.searchSubmit,
a.mainbutton,
.page-numbers.current,
#submit,
.wpcf7-submit {
	background-color: var(--atv-color-accent) !important;
}

.meta,
.meta a,
.tptn_date,
.post_nav_text span {
	color: var(--atv-color-muted) !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
}

/* Category labels sit on the accent ribbon and must retain strong contrast. */
.meta.meta_categ.ribbon,
.meta.meta_categ.ribbon .categs,
.meta.meta_categ.ribbon a,
.meta.meta_categ.ribbon a:hover,
.meta.meta_categ.ribbon a:focus-visible {
	color: #ffffff !important;
}

.entry p,
.entry li {
	font-size: 1.0625rem;
	line-height: 1.75;
}

.entry p {
	margin: 1.35em 0;
}

.entry a {
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.16em;
}

.mainbutton,
.show-menu,
.searchSubmit,
button,
input[type='button'],
input[type='submit'] {
	min-height: 44px;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

@media screen and (max-width: 867px) {
	html,
	body,
	.wrapper_main,
	.wrapper,
	.wrapper_inn,
	.main_part,
	#core,
	#content,
	.eightcol,
	.fourcol,
	.post_wrap,
	.content_inn,
	.entry,
	.blogger,
	.blogger > .item,
	.item_inn,
	.imgwrap,
	.elementor,
	.elementor-section,
	.elementor-container,
	.elementor-column,
	.elementor-widget,
	.elementor-widget-wrap,
	.elementor-widget-container {
		min-width: 0 !important;
		max-width: 100% !important;
	}

	.container,
	.container_alt,
	.container_vis,
	.header_fullwidth #header .container,
	.header_fullwidth #header .container_vis {
		width: 100% !important;
		max-width: 100% !important;
		padding-right: 20px !important;
		padding-left: 20px !important;
	}

	.container_alt {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.eightcol,
	.fourcol,
	#content,
	#sidebar {
		float: none !important;
		width: 100% !important;
	}

	#content.eightcol,
	.content_inn {
		padding-right: 20px !important;
		padding-left: 20px !important;
	}

	.elementor-section .elementor-container,
	.elementor-container {
		flex-wrap: wrap !important;
		width: 100% !important;
	}

	.elementor-column,
	.elementor-column[data-element_type='column'] {
		flex: 0 0 100% !important;
		width: 100% !important;
	}

	.elementor-element-populated,
	.elementor-widget-wrap,
	.elementor-widget-container {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.blogger > .item,
	.blog_layout_list .item,
	.blog_layout_list_alt .item,
	.item_small,
	.item_big {
		clear: both !important;
		float: none !important;
		width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.blog_layout_list .imgwrap,
	.blog_layout_list_alt .imgwrap,
	.item_small.has-post-thumbnail .imgwrap,
	.item_big.has-post-thumbnail .imgwrap,
	.blog_layout_list .item_small.has-post-thumbnail .item_inn,
	.blog_layout_list_alt .item_small.has-post-thumbnail .item_inn {
		clear: both !important;
		float: none !important;
		width: 100% !important;
		margin: 0 0 24px !important;
	}

	.blogger > .item {
		padding: 30px 20px !important;
	}

	.item_inn,
	.item_big .item_inn,
	.item_big.has-post-thumbnail .item_inn,
	.item_small.has-post-thumbnail .item_inn {
		clear: both !important;
		float: none !important;
		width: 100% !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.meta,
	.meta_single,
	.meta_more,
	.meta_categ {
		max-width: 100% !important;
		white-space: normal !important;
	}

	.meta_single,
	.meta_single .meta {
		display: flex;
		flex-wrap: wrap;
		gap: 6px 10px;
	}

	h1,
	h2,
	h3,
	h4,
	.entry-title,
	.posttitle,
	.tmnf_title,
	.tmnf_title_large {
		max-width: 100% !important;
		overflow-wrap: anywhere;
		word-break: normal;
	}

	h1.entry-title,
	h1.tmnf_title_large,
	.tmnf_titles_are_large .tmnf_title {
		font-size: clamp(2rem, 9vw, 2.55rem) !important;
		line-height: 1.08 !important;
		letter-spacing: -0.025em;
	}

	.blogger h2,
	.blogger h3,
	.blogger .posttitle {
		font-size: clamp(1.55rem, 7vw, 2.1rem) !important;
		line-height: 1.15 !important;
	}

	.entry,
	.entry p,
	.entry li,
	.entry blockquote,
	.entry pre,
	.entry table {
		max-width: 100% !important;
		overflow-wrap: anywhere;
	}

	.entry p,
	.entry li {
		font-size: 1.0625rem !important;
		line-height: 1.75 !important;
	}

	.entry blockquote {
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding: 22px 22px 22px 26px !important;
	}

	.entry table,
	.wp-block-table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.entry iframe,
	.entry embed,
	.entry object {
		width: 100% !important;
	}

	#titles {
		width: min(300px, 82vw) !important;
		max-width: 82vw !important;
	}

	#titles img {
		width: auto;
		max-width: 100% !important;
		height: auto !important;
	}

	#header ul.social-menu {
		display: flex;
		align-items: center;
		max-width: 48vw;
		overflow: hidden;
	}

	#header ul.social-menu a,
	.head_extend a,
	.header_search a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 44px;
		min-height: 44px;
	}

	/* The parent theme expands this block beyond the viewport with negative margins. */
	#footer .footer_icons {
		width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.show-menu {
		display: flex !important;
		align-items: center;
		padding: 0 20px !important;
	}
}

@media screen and (min-width: 868px) {
	.post_wrap .entry {
		max-width: var(--atv-reading-width);
	}
}