/*
Theme Name: Vizyon
Theme URI: https://halisakgun.com.tr
Author: Halis Akün
Author URI: https://halisakgun.com.tr
Description: Teknoloji, oyun, sinema, otomobil ve yaşam içeriği için hazırlanmış, görsel referanstaki VİZYON arayüzünü temel alan tam responsive WordPress teması.
Version: 1.9.3
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vizyon
Tags: blog, news, magazine, technology, entertainment, responsive, custom-logo, custom-menu, featured-images
*/

:root {
	--vizyon-blue: #146bff;
	--vizyon-blue-dark: #0753df;
	--vizyon-ink: #0f172a;
	--vizyon-muted: #6b7280;
	--vizyon-border: #e4e8ef;
	--vizyon-bg: #f4f6f9;
	--vizyon-card: #ffffff;
	--vizyon-red: #f43f42;
	--vizyon-radius: 16px;
	--vizyon-shadow: 0 10px 30px rgba(15, 23, 42, 0.07);
	--vizyon-container: 1240px;
}

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

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

body {
	margin: 0;
	max-width: 100%;
	overflow-x: hidden;
	background: var(--vizyon-bg);
	color: var(--vizyon-ink);
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 15px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
	overflow-wrap: anywhere;
}

main,
header,
footer,
section,
article,
.container,
.topbar__inner,
.header-main__inner,
.nav-bar__inner {
	min-width: 0;
}

.reading-progress {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 3px;
	background: transparent;
	pointer-events: none;
}

.reading-progress span {
	display: block;
	width: 0;
	height: 100%;
	background: linear-gradient(90deg, var(--vizyon-blue), #7c4dff);
	box-shadow: 0 0 12px rgba(20,107,255,.5);
	transition: width .08s linear;
}

.vizyon-sticky-header .site-header {
	position: sticky;
	top: 0;
	z-index: 60;
}

body.vizyon-menu-open {
	overflow: hidden;
}

body.admin-bar .site-header {
	top: 32px;
}

body.admin-bar .mobile-menu {
	top: 32px;
}

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

a:hover,
a:focus {
	color: var(--vizyon-blue);
}

button,
input,
textarea,
select {
	font: inherit;
}

button,
.button {
	cursor: pointer;
}

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

svg {
	max-width: 100%;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background: #fff;
	clip: auto !important;
	clip-path: none;
	display: block;
	height: auto;
	left: 6px;
	padding: 15px 23px;
	top: 7px;
	width: auto;
	z-index: 100000;
}

.container {
	width: min(100% - 40px, var(--vizyon-container));
	margin-inline: auto;
}

.site-main {
	padding: 26px 0 60px;
}

.topbar {
	background: #fff;
	border-bottom: 1px solid var(--vizyon-border);
	color: #576273;
	font-size: 12px;
}

.topbar__inner,
.header-main__inner,
.nav-bar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.topbar__inner {
	min-height: 34px;
}

.topbar__message {
	min-width: 0;
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	gap: 9px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.topbar__message svg {
	color: #152a69;
	flex: 0 0 auto;
}

.topbar__links,
.social-links {
	display: flex;
	align-items: center;
	gap: 12px;
}

.topbar__links a {
	font-weight: 600;
}

.header-main {
	background: #fff;
	border-bottom: 1px solid var(--vizyon-border);
}

.header-main__inner {
	min-height: 76px;
}

.brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: 900;
	letter-spacing: .18em;
	font-size: 19px;
	line-height: 1;
}

.brand:hover {
	color: var(--vizyon-ink);
}

.brand__mark {
	position: relative;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 12px 5px 12px 5px;
	background: linear-gradient(140deg, #6127ff 0%, #4a80ff 48%, #1cd5c3 100%);
	box-shadow: inset 3px 4px 0 rgba(255,255,255,.34), 0 7px 16px rgba(56,105,255,.24);
	transform: skew(-7deg);
}

.brand__mark::after {
	content: "";
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 11px solid #fff;
	margin-left: 3px;
	filter: drop-shadow(1px 0 0 rgba(255,255,255,.3));
}

.header-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.header-actions__pill,
.header-actions__icon,
.avatar-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--vizyon-border);
	background: #fff;
	color: var(--vizyon-ink);
	transition: .2s ease;
}

.header-actions__pill {
	border-radius: 999px;
	padding: 8px 13px;
	font-size: 12px;
	font-weight: 700;
}

.header-actions__pill:hover,
.header-actions__icon:hover {
	border-color: var(--vizyon-blue);
	color: var(--vizyon-blue);
}

.header-actions__icon,
.avatar-button {
	width: 36px;
	height: 36px;
	border-radius: 50%;
}

.avatar-button {
	border: 0;
	background: var(--vizyon-blue);
	color: #fff;
}

.nav-bar {
	background: #fff;
	border-bottom: 1px solid var(--vizyon-border);
}

.nav-bar__inner {
	min-height: 48px;
}

.primary-menu {
	display: flex;
	align-items: center;
	min-width: 0;
	flex: 1 1 auto;
	gap: 21px;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
	overflow-x: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.primary-menu::-webkit-scrollbar {
	display: none;
}

.primary-menu a {
	position: relative;
	display: block;
	padding: 15px 0 13px;
}

.primary-menu a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 3px;
	background: var(--vizyon-blue);
	border-radius: 4px 4px 0 0;
	transform: scaleX(0);
	transition: transform .2s ease;
}

.primary-menu a:hover::after,
.primary-menu .current-menu-item > a::after {
	transform: scaleX(1);
}

.nav-search {
	position: relative;
	min-width: 0;
	flex: 0 1 250px;
}

.nav-search input[type="search"] {
	width: 100%;
	border: 1px solid var(--vizyon-border);
	border-radius: 999px;
	padding: 9px 42px 9px 16px;
	font-size: 12px;
	background: #fafbfc;
	outline: none;
}

.nav-search input[type="search"]:focus {
	border-color: var(--vizyon-blue);
	box-shadow: 0 0 0 3px rgba(20,107,255,.11);
}

.nav-search button {
	position: absolute;
	right: 4px;
	top: 4px;
	width: 29px;
	height: 29px;
	display: grid;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--vizyon-muted);
}

.mobile-menu-toggle {
	display: none;
	width: 40px;
	height: 40px;
	border: 1px solid var(--vizyon-border);
	border-radius: 11px;
	background: #fff;
}

.mobile-menu {
	position: fixed;
	inset: 0 0 0 auto;
	z-index: 80;
	width: min(86vw, 340px);
	padding: 90px 26px 30px;
	background: #fff;
	box-shadow: -20px 0 40px rgba(15,23,42,.17);
	transform: translateX(100%);
	transition: transform .25s ease;
}

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

.mobile-menu .primary-menu {
	display: grid;
	gap: 0;
	white-space: normal;
}

.mobile-menu .primary-menu a {
	padding: 13px 0;
	border-bottom: 1px solid var(--vizyon-border);
}

.mobile-menu-close {
	position: absolute;
	right: 22px;
	top: 20px;
	width: 38px;
	height: 38px;
	border: 1px solid var(--vizyon-border);
	border-radius: 50%;
	background: #fff;
}

.backdrop {
	position: fixed;
	inset: 0;
	z-index: 70;
	background: rgba(15,23,42,.45);
	opacity: 0;
	visibility: hidden;
	transition: .25s ease;
}

.backdrop.is-open {
	opacity: 1;
	visibility: visible;
}

.skip-link {
	position: absolute;
	left: 10px;
	top: 6px;
	z-index: 999;
	padding: 8px 12px;
	background: var(--vizyon-blue);
	color: #fff;
	transform: translateY(-150%);
}

.skip-link:focus {
	transform: translateY(0);
}

.breadcrumb {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 18px;
	font-size: 12px;
	font-weight: 700;
	color: var(--vizyon-muted);
}

.breadcrumb a:hover {
	color: var(--vizyon-blue);
}

.section {
	margin-top: 28px;
}

.section-heading {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 13px;
}

.section-heading__icon {
	display: grid;
	place-items: center;
	width: 25px;
	height: 25px;
	border-radius: 8px;
	background: #e6efff;
	color: var(--vizyon-blue);
}

.section-heading__title {
	margin: 0;
	font-size: clamp(19px, 2.2vw, 25px);
	line-height: 1.15;
	letter-spacing: -.04em;
}

.section-heading__link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-left: auto;
	color: var(--vizyon-blue);
	font-size: 12px;
	font-weight: 800;
	white-space: nowrap;
}

.section-heading__filters {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-left: auto;
	min-width: 0;
	padding: 3px;
	border: 1px solid var(--vizyon-border);
	border-radius: 999px;
	background: #fff;
}

.filter-chip {
	flex: 0 0 auto;
	border: 0;
	border-radius: 999px;
	padding: 7px 12px;
	background: transparent;
	color: var(--vizyon-muted);
	font-size: 11px;
	font-weight: 700;
}

.filter-chip.is-active,
.filter-chip:hover {
	background: var(--vizyon-blue);
	color: #fff;
}

.vizyon-hero {
	position: relative;
	min-height: 365px;
	display: flex;
	align-items: flex-end;
	border-radius: 22px;
	overflow: hidden;
	background-color: #182848;
	background-position: center;
	background-size: cover;
	box-shadow: var(--vizyon-shadow);
}

.vizyon-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(5,13,32,.91) 0%, rgba(5,13,32,.66) 39%, rgba(5,13,32,.08) 80%), linear-gradient(0deg, rgba(5,13,32,.7), transparent 57%);
}

.vizyon-hero__content {
	position: relative;
	width: min(620px, 72%);
	padding: 42px;
	color: #fff;
}

.eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 14px;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .13em;
	text-transform: uppercase;
	color: #bcd3ff;
}

.eyebrow::before {
	content: "";
	width: 25px;
	height: 3px;
	border-radius: 99px;
	background: var(--vizyon-blue);
}

.vizyon-hero h1 {
	max-width: 640px;
	margin: 0;
	font-size: clamp(32px, 5.5vw, 60px);
	line-height: .98;
	letter-spacing: -.065em;
}

.vizyon-hero p {
	max-width: 550px;
	margin: 18px 0 24px;
	color: #dae4f8;
	font-size: 16px;
}

.home-dashboard {
	display: grid;
	grid-template-columns: minmax(0, 1.28fr) minmax(350px, .72fr);
	gap: 14px;
	margin-top: 16px;
}

.home-dashboard__intro {
	position: relative;
	min-height: 205px;
	overflow: hidden;
	padding: 28px 30px;
	border-radius: var(--vizyon-radius);
	background: linear-gradient(135deg, #0d2559 0%, #1768f5 64%, #20c6c0 150%);
	box-shadow: var(--vizyon-shadow);
	color: #fff;
}

.home-dashboard__intro::after {
	content: "";
	position: absolute;
	right: -42px;
	top: -58px;
	width: 190px;
	height: 190px;
	border: 28px solid rgba(255,255,255,.1);
	border-radius: 50%;
	box-shadow: 0 0 0 22px rgba(255,255,255,.05), 0 0 0 52px rgba(255,255,255,.035);
	pointer-events: none;
}

.home-dashboard__intro .eyebrow {
	position: relative;
	z-index: 1;
	margin-bottom: 10px;
	color: #c8dcff;
}

.home-dashboard__intro h2 {
	position: relative;
	z-index: 1;
	max-width: 620px;
	margin: 0;
	font-size: clamp(24px, 3.2vw, 39px);
	line-height: 1.02;
	letter-spacing: -.055em;
}

.home-dashboard__intro p {
	position: relative;
	z-index: 1;
	max-width: 610px;
	margin: 12px 0 18px;
	color: #dbe8ff;
	font-size: 13px;
}

.home-dashboard__actions {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
}

.home-dashboard__actions .button--light {
	border-color: rgba(255,255,255,.3);
}

.home-dashboard__text-link {
	color: #e8f1ff;
	font-size: 12px;
	font-weight: 800;
}

.home-dashboard__metrics {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.home-metric {
	display: grid;
	grid-template-columns: 34px 1fr;
	grid-template-rows: auto auto;
	column-gap: 10px;
	align-content: center;
	min-height: 96px;
	padding: 14px;
	border: 1px solid var(--vizyon-border);
	border-radius: var(--vizyon-radius);
	background: var(--vizyon-card);
	box-shadow: 0 5px 18px rgba(15,23,42,.035);
}

.home-metric__icon {
	display: grid;
	grid-row: span 2;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 11px;
	background: #edf4ff;
	color: var(--vizyon-blue);
	font-size: 14px;
}

.home-metric strong {
	font-size: 20px;
	line-height: 1;
	letter-spacing: -.04em;
}

.home-metric > span:last-child {
	margin-top: 4px;
	color: var(--vizyon-muted);
	font-size: 10px;
}

.home-metric--accent .home-metric__icon {
	background: #e8fbf8;
	color: #079b8f;
}

.home-spotlight {
	margin-top: 25px;
}

.home-spotlight__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.18fr) repeat(2, minmax(0, 1fr));
	grid-auto-rows: minmax(148px, auto);
	gap: 12px;
}

.home-spotlight__grid .card--lead {
	grid-row: span 2;
	min-height: 100%;
}

.home-spotlight__grid .card--compact {
	display: grid;
	grid-template-columns: 128px 1fr;
	min-height: 0;
	border-radius: 14px;
}

.home-spotlight__grid .card--compact .card__media {
	height: 100%;
	min-height: 100%;
}

.home-spotlight__grid .card--compact .card__body {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 39px;
	padding: 8px 17px;
	border: 1px solid transparent;
	border-radius: 999px;
	background: var(--vizyon-blue);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	transition: .2s ease;
}

.button:hover,
.button:focus {
	background: var(--vizyon-blue-dark);
	color: #fff;
	transform: translateY(-1px);
}

.button--light {
	background: #fff;
	color: var(--vizyon-blue);
}

.button--light:hover,
.button--light:focus {
	background: #eef4ff;
	color: var(--vizyon-blue-dark);
}

.button--outline {
	border-color: var(--vizyon-border);
	background: #fff;
	color: var(--vizyon-ink);
}

.card-grid {
	display: grid;
	gap: 12px;
}

.card-grid--six {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.card-grid--five {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.card-grid--four {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.card-grid--three {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.card {
	min-width: 0;
	border: 1px solid var(--vizyon-border);
	border-radius: var(--vizyon-radius);
	background: var(--vizyon-card);
	overflow: hidden;
	box-shadow: 0 3px 14px rgba(15,23,42,.03);
	transition: transform .2s ease, box-shadow .2s ease;
}

.card:hover {
	transform: translateY(-3px);
	box-shadow: var(--vizyon-shadow);
}

.card__media {
	position: relative;
	display: block;
	min-height: 105px;
	background-color: #23375d;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

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

.card:hover .card__image {
	transform: scale(1.035);
}

.card__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(8,17,36,.43), transparent 55%);
	pointer-events: none;
}

.card__badge {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 1;
	display: inline-flex;
	padding: 5px 8px;
	border-radius: 999px;
	background: var(--vizyon-blue);
	color: #fff;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .03em;
	text-transform: uppercase;
	box-shadow: 0 5px 14px rgba(20,107,255,.24);
}

.card__badge--breaking {
	background: var(--vizyon-red);
}

.card__body {
	padding: 12px 13px 14px;
}

.card__eyebrow {
	display: block;
	margin-bottom: 5px;
	color: var(--vizyon-blue);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.card__title {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.23;
	letter-spacing: -.025em;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.card__excerpt {
	display: -webkit-box;
	margin: 8px 0 0;
	overflow: hidden;
	color: var(--vizyon-muted);
	font-size: 12px;
	line-height: 1.35;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.card__meta {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-top: 10px;
	color: var(--vizyon-muted);
	font-size: 11px;
}

.card__meta strong {
	color: #e79b00;
	font-size: 14px;
}

.card--horizontal {
	display: grid;
	grid-template-columns: 102px 1fr;
	border-radius: 13px;
}

.card--horizontal .card__media {
	min-height: 100%;
}

.card--horizontal .card__body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 10px 12px;
}

.card--compact .card__media {
	min-height: 80px;
}

.card--compact .card__body {
	padding: 9px 10px 11px;
}

.card--compact .card__title {
	font-size: 12px;
}

.card--lead {
	position: relative;
	min-height: 305px;
	border: 0;
	color: #fff;
	background-color: #21345b;
}

.card--lead .card__media {
	position: absolute;
	inset: 0;
	height: 100%;
	min-height: 100%;
}

.card--lead .card__media::after {
	background: linear-gradient(0deg, rgba(3,10,26,.93) 4%, rgba(3,10,26,.12) 73%);
}

.card--lead .card__body {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 25px;
}

.card--lead .card__title {
	font-size: clamp(22px, 3vw, 32px);
	line-height: 1.05;
}

.card--lead .card__eyebrow,
.card--lead .card__meta {
	color: #c8d9ff;
}

.card--lead .card__excerpt {
	color: #dbe5fa;
}

.card--feature {
	grid-row: span 2;
}

.category-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 10px;
}

.category-tile {
	display: flex;
	align-items: center;
	gap: 11px;
	min-height: 70px;
	padding: 11px 13px;
	border: 1px solid var(--vizyon-border);
	border-radius: 13px;
	background: #fff;
	transition: .2s ease;
}

.category-tile:hover {
	border-color: #b8d0ff;
	box-shadow: var(--vizyon-shadow);
	transform: translateY(-2px);
}

.category-tile__icon {
	display: grid;
	place-items: center;
	width: 37px;
	height: 37px;
	flex: 0 0 auto;
	border-radius: 11px;
	background: linear-gradient(135deg, #edf4ff, #fff);
	color: var(--vizyon-blue);
}

.category-tile strong {
	display: block;
	font-size: 12px;
	line-height: 1.1;
}

.category-tile span {
	display: block;
	margin-top: 4px;
	color: var(--vizyon-muted);
	font-size: 10px;
	line-height: 1.2;
}

.split-showcase {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
	gap: 12px;
}

.showcase-panel {
	position: relative;
	min-height: 300px;
	border-radius: var(--vizyon-radius);
	overflow: hidden;
	background-color: #1d3761;
	background-position: center;
	background-size: cover;
	box-shadow: var(--vizyon-shadow);
}

.showcase-panel::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(8,16,39,.93), rgba(8,16,39,.1) 82%), linear-gradient(0deg, rgba(8,16,39,.35), transparent 50%);
}

.showcase-panel__body {
	position: relative;
	width: min(66%, 450px);
	padding: 34px;
	color: #fff;
}

.showcase-panel__body h3 {
	margin: 0;
	font-size: clamp(22px, 3.2vw, 34px);
	line-height: 1.02;
	letter-spacing: -.05em;
}

.showcase-panel__body p {
	margin: 12px 0 18px;
	color: #e4edff;
	font-size: 13px;
}

.showcase-list {
	display: grid;
	gap: 10px;
}

.showcase-list .card {
	min-height: 0;
}

.feature-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	gap: 12px;
}

.feature-layout__side {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.product-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.product-card {
	display: flex;
	align-items: center;
	gap: 13px;
	min-height: 110px;
	padding: 13px;
	border: 1px solid var(--vizyon-border);
	border-radius: 14px;
	background: #fff;
	transition: .2s ease;
}

.product-card:hover {
	box-shadow: var(--vizyon-shadow);
	transform: translateY(-2px);
}

.product-card__media {
	width: 82px;
	height: 82px;
	flex: 0 0 auto;
	border-radius: 12px;
	background-position: center;
	background-size: cover;
}

.product-card__title {
	margin: 0;
	font-size: 14px;
	line-height: 1.15;
}

.product-card__meta {
	margin-top: 6px;
	color: var(--vizyon-muted);
	font-size: 11px;
}

.product-card__rating {
	margin-top: 8px;
	color: #e79b00;
	font-size: 12px;
	font-weight: 800;
}

.logo-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 10px;
}

.logo-tile {
	min-height: 125px;
	padding: 18px 12px 13px;
	border: 1px solid var(--vizyon-border);
	border-radius: 13px;
	background: #fff;
	text-align: center;
}

.logo-tile__mark {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	margin: 0 auto 10px;
	border-radius: 13px;
	background: #edf3ff;
	color: var(--vizyon-blue);
	font-weight: 900;
	font-size: 18px;
}

.logo-tile:nth-child(2) .logo-tile__mark { color: #efb020; background: #fff7df; }
.logo-tile:nth-child(3) .logo-tile__mark { color: #404957; background: #eef1f5; }
.logo-tile:nth-child(4) .logo-tile__mark { color: #6dbb5b; background: #edf9ea; }
.logo-tile:nth-child(5) .logo-tile__mark { color: #d93787; background: #fff0f8; }
.logo-tile:nth-child(6) .logo-tile__mark { color: #e94545; background: #fff0f0; }

.logo-tile strong {
	display: block;
	font-size: 13px;
}

.logo-tile span {
	display: block;
	margin-top: 3px;
	color: var(--vizyon-muted);
	font-size: 10px;
}

.author-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.author-card {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px;
	border: 1px solid var(--vizyon-border);
	border-radius: 14px;
	background: #fff;
}

.author-card__avatar {
	display: grid;
	place-items: center;
	width: 45px;
	height: 45px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: linear-gradient(135deg, #0d2453, #4d83ff);
	background-position: center;
	background-size: cover;
	color: #fff;
	font-size: 14px;
	font-weight: 900;
}

.author-card:nth-child(2) .author-card__avatar { background: linear-gradient(135deg, #8e356b, #f79b75); }
.author-card:nth-child(3) .author-card__avatar { background: linear-gradient(135deg, #155e75, #2dd4bf); }
.author-card:nth-child(4) .author-card__avatar { background: linear-gradient(135deg, #5b21b6, #c084fc); }

.author-card strong {
	display: block;
	font-size: 13px;
}

.author-card span {
	display: block;
	margin-top: 3px;
	color: var(--vizyon-muted);
	font-size: 10px;
}

.news-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	gap: 12px;
}

.news-list,
.trend-list {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid var(--vizyon-border);
	border-radius: 14px;
	background: #fff;
	overflow: hidden;
}

.news-list li,
.trend-list li {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 14px;
	padding: 13px 15px;
	border-bottom: 1px solid var(--vizyon-border);
}

.news-list li:last-child,
.trend-list li:last-child {
	border-bottom: 0;
}

.news-list a,
.trend-list a {
	display: block;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
}

.news-list time,
.trend-list time {
	color: var(--vizyon-muted);
	font-size: 10px;
	white-space: nowrap;
}

.trend-list {
	counter-reset: trend;
}

.trend-list li {
	grid-template-columns: 32px 1fr;
}

.trend-list li::before {
	counter-increment: trend;
	content: counter(trend, decimal-leading-zero);
	display: grid;
	place-items: center;
	width: 27px;
	height: 27px;
	border-radius: 9px;
	background: #eff4ff;
	color: var(--vizyon-blue);
	font-weight: 900;
	font-size: 11px;
}

.pagination {
	display: flex;
	justify-content: center;
	gap: 7px;
	margin-top: 28px;
}

.pagination .page-numbers {
	display: grid;
	place-items: center;
	min-width: 36px;
	height: 36px;
	padding: 0 10px;
	border: 1px solid var(--vizyon-border);
	border-radius: 10px;
	background: #fff;
	font-size: 12px;
	font-weight: 800;
}

.pagination .current,
.pagination .page-numbers:hover {
	border-color: var(--vizyon-blue);
	background: var(--vizyon-blue);
	color: #fff;
}

.archive-header {
	margin-bottom: 22px;
	padding: 32px;
	border-radius: 20px;
	background: linear-gradient(135deg, #0c2250, #1e61d5);
	color: #fff;
}

.archive-header h1 {
	margin: 0;
	font-size: clamp(28px, 4vw, 46px);
	letter-spacing: -.05em;
}

.archive-header p {
	max-width: 680px;
	margin: 10px 0 0;
	color: #dbe6ff;
}

.archive-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.single-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 310px;
	gap: 28px;
	align-items: start;
}

.article-card {
	padding: clamp(22px, 4vw, 44px);
	border: 1px solid var(--vizyon-border);
	border-radius: 20px;
	background: #fff;
	box-shadow: var(--vizyon-shadow);
}

.article-card__eyebrow {
	margin: 0 0 12px;
	color: var(--vizyon-blue);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.article-card h1 {
	margin: 0;
	font-size: clamp(32px, 5vw, 58px);
	line-height: 1.01;
	letter-spacing: -.065em;
}

.article-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 17px;
	margin: 17px 0 25px;
	color: var(--vizyon-muted);
	font-size: 12px;
}

.article-tags {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 7px;
	margin: -10px 0 24px;
	color: var(--vizyon-muted);
	font-size: 12px;
}

.article-tags strong {
	color: var(--vizyon-ink);
}

.article-tags span {
	min-width: 0;
	overflow-wrap: anywhere;
}

.article-tags a {
	color: var(--vizyon-blue);
	font-weight: 700;
}

.article-card__cover {
	margin: 0 -10px 28px;
	border-radius: 14px;
	overflow: hidden;
	background: #1e3968;
}

.article-card__cover img {
	width: 100%;
	max-height: 560px;
	object-fit: cover;
}

.article-content {
	font-size: 17px;
	line-height: 1.8;
	min-width: 0;
	overflow-wrap: anywhere;
}

.article-content .vizyon-source-note {
	margin-top: 28px;
	padding-top: 14px;
	border-top: 1px solid var(--vizyon-border);
	color: var(--vizyon-muted);
	font-size: 13px;
}

.article-content .vizyon-source-note a {
	color: var(--vizyon-blue);
}

.article-content > table,
.article-content > pre,
.article-content > .wp-block-table,
.article-content .wp-block-table {
	max-width: 100%;
	overflow-x: auto;
}

.article-content > table,
.article-content > .wp-block-table,
.article-content .wp-block-table {
	display: block;
}

.article-content .wp-block-table table {
	min-width: 560px;
}

.article-content pre,
.article-content code {
	white-space: pre-wrap;
	word-break: break-word;
}

.article-content iframe,
.article-content embed,
.article-content object,
.article-content video,
.article-content audio,
.article-content .wp-block-embed,
.article-content .wp-block-video,
.article-content .wp-block-image {
	max-width: 100%;
}

.article-content > *:first-child {
	margin-top: 0;
}

.article-content h2,
.article-content h3,
.article-content h4 {
	margin-top: 1.8em;
	line-height: 1.2;
	letter-spacing: -.03em;
}

.article-content blockquote {
	margin: 1.5em 0;
	padding: 18px 22px;
	border-left: 4px solid var(--vizyon-blue);
	background: #f1f6ff;
	font-size: 20px;
	font-weight: 700;
}

.article-content a {
	color: var(--vizyon-blue);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.share-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-top: 28px;
	padding: 14px;
	border: 1px solid var(--vizyon-border);
	border-radius: 13px;
	background: #f8faff;
}

.share-box > strong {
	font-size: 12px;
	white-space: nowrap;
}

.share-box__links {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 7px;
}

.share-box__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 31px;
	padding: 6px 10px;
	border: 1px solid var(--vizyon-border);
	border-radius: 8px;
	background: #fff;
	color: var(--vizyon-ink);
	font-size: 10px;
	font-weight: 800;
	text-decoration: none !important;
	transition: .2s ease;
}

.share-box__link:hover {
	border-color: var(--vizyon-blue);
	color: var(--vizyon-blue);
	transform: translateY(-1px);
}

.share-box__link--whatsapp:hover { border-color: #16a765; color: #16a765; }
.share-box__link--x:hover { border-color: #111827; color: #111827; }
.share-box__link--facebook:hover { border-color: #3867e8; color: #3867e8; }
.share-box__link--print:hover { border-color: #7c4dff; color: #7c4dff; }

.author-profile {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	margin-top: 30px;
	padding: 18px;
	border: 1px solid var(--vizyon-border);
	border-radius: 15px;
	background: #f8faff;
}

.author-profile__avatar {
	width: 64px;
	height: 64px;
	flex: 0 0 64px;
	overflow: hidden;
	border-radius: 50%;
	background: linear-gradient(135deg, #0d2453, #4d83ff);
	color: #fff;
}

.author-profile__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.author-profile__avatar span {
	display: grid;
	place-items: center;
	height: 100%;
	font-weight: 900;
}

.author-profile__body {
	min-width: 0;
}

.author-profile__body h2 {
	margin: 2px 0 1px;
	font-size: 18px;
	letter-spacing: -.035em;
}

.author-profile__body > strong {
	color: var(--vizyon-blue);
	font-size: 11px;
}

.author-profile__body p {
	margin: 6px 0 0;
	color: var(--vizyon-muted);
	font-size: 12px;
}

.author-profile__links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 9px;
	font-size: 11px;
	font-weight: 800;
}

.related-posts {
	margin-top: 36px;
	padding-top: 25px;
	border-top: 1px solid var(--vizyon-border);
}

.related-posts h2 {
	margin: 0 0 14px;
	font-size: 21px;
	letter-spacing: -.04em;
}

.related-posts .card__media {
	min-height: 120px;
}

.article-sidebar {
	position: sticky;
	top: 20px;
	display: grid;
	gap: 14px;
}

.sidebar-widget {
	padding: 18px;
	border: 1px solid var(--vizyon-border);
	border-radius: 16px;
	background: #fff;
}

.sidebar-widget h2,
.sidebar-widget h3 {
	margin: 0 0 13px;
	font-size: 16px;
	letter-spacing: -.03em;
}

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

.sidebar-widget li {
	padding: 9px 0;
	border-bottom: 1px solid var(--vizyon-border);
	font-size: 13px;
	font-weight: 700;
}

.sidebar-widget li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.sidebar-widget__meta {
	margin-top: 4px;
	color: #e79b00;
	font-size: 10px;
	font-weight: 800;
}

.comment-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.comment-list .comment {
	margin: 16px 0;
	padding: 16px;
	border: 1px solid var(--vizyon-border);
	border-radius: 12px;
}

.comment-author {
	display: flex;
	align-items: center;
	gap: 9px;
	font-weight: 800;
}

.comment-meta {
	margin-top: 2px;
	color: var(--vizyon-muted);
	font-size: 11px;
}

.comment-content {
	margin-top: 9px;
	font-size: 14px;
}

.comment-form label {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: 800;
}

.comment-form input,
.comment-form textarea,
.search-form input[type="search"] {
	width: 100%;
	border: 1px solid var(--vizyon-border);
	border-radius: 10px;
	padding: 11px 12px;
	background: #fff;
	outline: 0;
}

.comment-form input:focus,
.comment-form textarea:focus,
.search-form input[type="search"]:focus {
	border-color: var(--vizyon-blue);
	box-shadow: 0 0 0 3px rgba(20,107,255,.12);
}

.comment-form .form-submit {
	margin-top: 15px;
}

.site-footer {
	margin-top: 34px;
	background: #0e172b;
	color: #d9e2f5;
}

.newsletter {
	position: relative;
	overflow: hidden;
	padding: 27px 0;
	background: linear-gradient(100deg, #0d3b95, #176bff);
}

.newsletter::after {
	content: "";
	position: absolute;
	right: -20px;
	top: -90px;
	width: 380px;
	height: 250px;
	border: 35px solid rgba(255,255,255,.13);
	border-radius: 50%;
	transform: rotate(-10deg);
}

.newsletter__inner {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
}

.newsletter h2 {
	margin: 0;
	color: #fff;
	font-size: 22px;
	letter-spacing: -.04em;
}

.newsletter p {
	margin: 4px 0 0;
	color: #dce8ff;
	font-size: 12px;
}

.newsletter__form {
	display: flex;
	flex: 0 0 min(100%, 420px);
	padding: 4px;
	border-radius: 999px;
	background: #fff;
}

.newsletter__form input {
	min-width: 0;
	flex: 1;
	border: 0;
	padding: 9px 13px;
	background: transparent;
	outline: 0;
	font-size: 12px;
}

.newsletter__form button {
	border: 0;
	border-radius: 999px;
	padding: 9px 16px;
	background: var(--vizyon-blue);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
}

.footer-main {
	display: grid;
	grid-template-columns: 1.3fr repeat(3, 1fr);
	gap: 35px;
	padding: 38px 0;
}

.footer-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #fff;
	font-weight: 900;
	letter-spacing: .18em;
}

.footer-brand:hover {
	color: #fff;
}

.footer-description {
	max-width: 330px;
	margin: 16px 0 0;
	color: #9ba9c4;
	font-size: 13px;
}

.footer-column h3 {
	margin: 2px 0 13px;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.footer-menu,
.footer-column ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-menu li,
.footer-column li {
	margin: 8px 0;
	font-size: 12px;
	color: #9ba9c4;
}

.footer-menu a:hover,
.footer-column a:hover {
	color: #fff;
}

.footer-bottom {
	padding: 17px 0;
	border-top: 1px solid rgba(255,255,255,.1);
	color: #8d9ab3;
	font-size: 11px;
}

.footer-bottom__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.footer-socials {
	display: flex;
	gap: 10px;
}

.footer-socials a {
	display: grid;
	place-items: center;
	width: 29px;
	height: 29px;
	border: 1px solid rgba(255,255,255,.17);
	border-radius: 50%;
	color: #c7d1e3;
	font-size: 11px;
}

.footer-socials a:hover {
	border-color: #fff;
	color: #fff;
}

.empty-state {
	padding: 45px 25px;
	border: 1px dashed var(--vizyon-border);
	border-radius: 15px;
	background: #fff;
	text-align: center;
}

.empty-state h2 {
	margin-top: 0;
}

.error-404 {
	max-width: 720px;
	margin: 70px auto;
	padding: 50px 25px;
	border-radius: 20px;
	background: #fff;
	text-align: center;
	box-shadow: var(--vizyon-shadow);
}

.error-404__number {
	margin: 0;
	color: var(--vizyon-blue);
	font-size: clamp(80px, 17vw, 170px);
	font-weight: 900;
	line-height: .8;
	letter-spacing: -.1em;
}

.error-404 h1 {
	margin: 30px 0 10px;
	font-size: 28px;
}

.search-form {
	display: flex;
	gap: 8px;
	margin: 20px auto 0;
	max-width: 520px;
}

.mobile-search-panel {
	display: none;
	padding: 12px 0;
	background: #fff;
	border-bottom: 1px solid var(--vizyon-border);
}

.mobile-search-panel.is-open {
	display: block;
}

.search-form .search-submit {
	flex: 0 0 auto;
	border: 0;
	border-radius: 10px;
	padding: 0 17px;
	background: var(--vizyon-blue);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
}

.post-password-form input[type="password"] {
	border: 1px solid var(--vizyon-border);
	border-radius: 9px;
	padding: 9px;
}

.post-password-form input[type="submit"] {
	border: 0;
	border-radius: 9px;
	padding: 10px 14px;
	background: var(--vizyon-blue);
	color: #fff;
}

@media (max-width: 1100px) {
	.card-grid--six,
	.category-grid,
	.logo-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.card-grid--five {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.nav-search {
		flex-basis: 190px;
	}

	.primary-menu {
		gap: 15px;
	}
}

@media (max-width: 900px) {
	.primary-menu,
	.nav-search {
		display: none;
	}

	.mobile-menu-toggle {
		display: inline-grid;
		place-items: center;
	}

	.feature-layout,
	.news-layout,
	.single-layout,
	.split-showcase,
	.home-dashboard {
		grid-template-columns: 1fr;
	}

	.home-spotlight__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-spotlight__grid .card--lead {
		grid-column: 1 / -1;
		grid-row: auto;
		min-height: 280px;
	}

	.article-sidebar {
		position: static;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.author-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.footer-main {
		grid-template-columns: 1.5fr 1fr 1fr;
	}

	.footer-main > :first-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 650px) {
	body.admin-bar .site-header {
		top: 46px;
	}

	body.admin-bar .mobile-menu {
		top: 46px;
	}

	.container {
		width: min(100% - 24px, var(--vizyon-container));
	}

	.topbar__links a:not(:last-child),
	.header-actions__pill {
		display: none;
	}

	.header-main__inner {
		min-height: 65px;
	}

	.vizyon-hide-topbar-mobile .topbar {
		display: none;
	}

	.brand {
		font-size: 17px;
	}

	.site-main {
		padding-top: 16px;
	}

	.vizyon-hero {
		min-height: 420px;
	}

	.vizyon-hero__content {
		width: 100%;
		padding: 27px 22px;
	}

	.vizyon-hero p {
		font-size: 14px;
	}

	.home-dashboard__intro {
		padding: 24px 22px;
	}

	.home-dashboard__metrics {
		gap: 8px;
	}

	.home-spotlight__grid .card--compact {
		grid-template-columns: 96px 1fr;
	}

	.section-heading {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.section-heading__link,
	.section-heading__filters {
		margin-left: auto;
	}

	.section-heading__filters {
		order: 3;
		width: 100%;
		justify-content: flex-start;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
	}

	.section-heading__filters::-webkit-scrollbar {
		display: none;
	}

	.topbar__inner {
		gap: 8px;
	}

	.topbar__message {
		font-size: 10px;
	}

	.topbar__links {
		flex: 0 0 auto;
		gap: 7px;
	}

	.header-main__inner {
		gap: 8px;
	}

	.header-actions {
		gap: 5px;
	}

	.header-actions__icon,
	.avatar-button,
	.mobile-menu-toggle {
		flex: 0 0 36px;
		width: 36px;
		height: 36px;
	}

	.breaking-ticker__inner {
		gap: 9px;
	}

	.breaking-ticker__label {
		font-size: 9px;
	}

	.breaking-ticker__track {
		font-size: 10px;
	}

	.card-grid--six,
	.card-grid--five,
	.card-grid--four,
	.card-grid--three,
	.category-grid,
	.logo-grid,
	.archive-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.card-grid--six > :first-child,
	.card-grid--five > :first-child {
		grid-column: 1 / -1;
	}

	.card--lead {
		min-height: 275px;
	}

	.feature-layout__side {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.showcase-panel__body {
		width: 88%;
		padding: 25px 22px;
	}

	.product-grid,
	.author-grid,
	.article-sidebar {
		grid-template-columns: 1fr;
	}

	.news-list li,
	.trend-list li {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.trend-list li {
		grid-template-columns: 32px 1fr;
	}

	.news-list time {
		text-align: left;
	}

	.newsletter__inner {
		align-items: flex-start;
		flex-direction: column;
	}

	.newsletter__form {
		width: 100%;
		flex-basis: auto;
	}

	.footer-main {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 25px 18px;
	}

	.footer-bottom__inner {
		align-items: flex-start;
		flex-direction: column;
	}

	.archive-header {
		padding: 24px 20px;
	}

	.article-card {
		padding: 21px 17px;
		overflow: hidden;
	}

	.article-card__cover {
		margin-inline: -3px;
	}

	.article-content {
		font-size: 16px;
	}

	.article-tags {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
	}

	.author-profile {
		gap: 11px;
		padding: 14px;
	}

	.author-profile__avatar {
		width: 52px;
		height: 52px;
		flex-basis: 52px;
	}
}

@media (max-width: 390px) {
	.card-grid--six,
	.card-grid--five,
	.card-grid--four,
	.card-grid--three,
	.category-grid,
	.logo-grid,
	.archive-grid,
	.feature-layout__side {
		grid-template-columns: 1fr;
	}

	.card-grid--six > :first-child,
	.card-grid--five > :first-child {
		grid-column: auto;
	}

	.card--horizontal {
		grid-template-columns: 88px 1fr;
	}

	.home-spotlight__grid {
		grid-template-columns: 1fr;
	}

	.home-spotlight__grid .card--lead {
		grid-column: auto;
	}

	.home-spotlight__grid .card--compact {
		grid-template-columns: 110px 1fr;
	}
}

.theme-toggle__moon {
	display: none;
}

html[data-vizyon-theme="dark"] .theme-toggle__sun {
	display: none;
}

html[data-vizyon-theme="dark"] .theme-toggle__moon {
	display: block;
}

.breaking-ticker {
	background: #0d1e3d;
	color: #dbe8ff;
	border-bottom: 1px solid rgba(255,255,255,.08);
	overflow: hidden;
}

.breaking-ticker__inner {
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 36px;
}

.breaking-ticker__label {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	flex: 0 0 auto;
	color: #fff;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.breaking-ticker__label span {
	color: #ffbd3f;
}

.breaking-ticker__viewport {
	min-width: 0;
	overflow: hidden;
}

.breaking-ticker__track {
	display: inline-flex;
	align-items: center;
	gap: 15px;
	min-width: max-content;
	font-size: 11px;
	white-space: nowrap;
	animation: vizyon-ticker 34s linear infinite;
}

.breaking-ticker__track a {
	color: #dbe8ff;
	font-weight: 650;
}

.breaking-ticker__track a:hover {
	color: #fff;
}

@keyframes vizyon-ticker {
	from { transform: translateX(0); }
	to { transform: translateX(-42%); }
}

.scroll-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 50;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255,255,255,.15);
	border-radius: 50%;
	background: var(--vizyon-blue);
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: .2s ease;
	box-shadow: 0 10px 25px rgba(20,107,255,.28);
}

.scroll-top.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

html[data-vizyon-theme="dark"] body {
	background: #0b1220;
	color: #ecf3ff;
}

html[data-vizyon-theme="dark"] .topbar,
html[data-vizyon-theme="dark"] .header-main,
html[data-vizyon-theme="dark"] .nav-bar,
html[data-vizyon-theme="dark"] .card,
html[data-vizyon-theme="dark"] .category-tile,
html[data-vizyon-theme="dark"] .product-card,
html[data-vizyon-theme="dark"] .logo-tile,
html[data-vizyon-theme="dark"] .author-card,
html[data-vizyon-theme="dark"] .news-list,
html[data-vizyon-theme="dark"] .trend-list,
html[data-vizyon-theme="dark"] .sidebar-widget,
html[data-vizyon-theme="dark"] .article-card,
html[data-vizyon-theme="dark"] .mobile-menu,
html[data-vizyon-theme="dark"] .mobile-search-panel,
html[data-vizyon-theme="dark"] .header-actions__icon,
html[data-vizyon-theme="dark"] .header-actions__pill,
html[data-vizyon-theme="dark"] .avatar-button,
html[data-vizyon-theme="dark"] .nav-search input[type="search"] {
	background-color: #121d31;
	border-color: #263750;
	color: #ecf3ff;
}

html[data-vizyon-theme="dark"] .home-metric {
	background-color: #121d31;
	border-color: #263750;
	color: #ecf3ff;
}

html[data-vizyon-theme="dark"] .home-metric > span:last-child {
	color: #a9b9d2;
}

html[data-vizyon-theme="dark"] .home-dashboard__text-link {
	color: #e8f1ff;
}

html[data-vizyon-theme="dark"] .topbar,
html[data-vizyon-theme="dark"] .nav-bar,
html[data-vizyon-theme="dark"] .header-main {
	border-color: #263750;
}

html[data-vizyon-theme="dark"] .topbar,
html[data-vizyon-theme="dark"] .card__excerpt,
html[data-vizyon-theme="dark"] .card__meta,
html[data-vizyon-theme="dark"] .category-tile span,
html[data-vizyon-theme="dark"] .product-card__meta,
html[data-vizyon-theme="dark"] .author-card span,
html[data-vizyon-theme="dark"] .news-list time,
html[data-vizyon-theme="dark"] .trend-list time,
html[data-vizyon-theme="dark"] .article-card__meta,
html[data-vizyon-theme="dark"] .article-content,
html[data-vizyon-theme="dark"] .footer-description {
	color: #a9b9d2;
}

html[data-vizyon-theme="dark"] .section-heading__title,
html[data-vizyon-theme="dark"] .card__title a,
html[data-vizyon-theme="dark"] .category-tile strong,
html[data-vizyon-theme="dark"] .product-card__title,
html[data-vizyon-theme="dark"] .author-card strong,
html[data-vizyon-theme="dark"] .news-list a,
html[data-vizyon-theme="dark"] .trend-list a,
html[data-vizyon-theme="dark"] .article-card h1 {
	color: #f0f5ff;
}

html[data-vizyon-theme="dark"] .section-heading__filters,
html[data-vizyon-theme="dark"] .filter-chip,
html[data-vizyon-theme="dark"] .pagination .page-numbers,
html[data-vizyon-theme="dark"] .comment-list .comment,
html[data-vizyon-theme="dark"] .comment-form input,
html[data-vizyon-theme="dark"] .comment-form textarea {
	border-color: #263750;
	background: #121d31;
	color: #dfe9fb;
}

html[data-vizyon-theme="dark"] .filter-chip {
	color: #a9b9d2;
}

html[data-vizyon-theme="dark"] .filter-chip.is-active,
html[data-vizyon-theme="dark"] .filter-chip:hover {
	background: var(--vizyon-blue);
	color: #fff;
}

html[data-vizyon-theme="dark"] .article-content blockquote {
	background: #172a4a;
	color: #e7efff;
}

html[data-vizyon-theme="dark"] .search-form input[type="search"] {
	border-color: #263750;
	background: #121d31;
	color: #fff;
}

html[data-vizyon-theme="dark"] .share-box,
html[data-vizyon-theme="dark"] .share-box__link {
	border-color: #263750;
	background: #121d31;
	color: #e8f0ff;
}

html[data-vizyon-theme="dark"] .author-profile {
	border-color: #263750;
	background: #121d31;
}

html[data-vizyon-theme="dark"] .author-profile__body p {
	color: #a9b9d2;
}

@media (max-width: 650px) {
	.share-box {
		align-items: flex-start;
		flex-direction: column;
	}

	.share-box__links {
		justify-content: flex-start;
	}
}

@media (prefers-reduced-motion: reduce) {
	.breaking-ticker__track {
		animation: none;
	}

	*, *::before, *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}

@media print {
	.site-header,
	.breaking-ticker,
	.site-footer,
	.article-sidebar,
	.share-box,
	.related-posts,
	.scroll-top,
	.reading-progress,
	.comments-area,
	.breadcrumb {
		display: none !important;
	}

	body,
	.site-main,
	.article-card {
		background: #fff !important;
		box-shadow: none !important;
		color: #000 !important;
	}

	.single-layout {
		display: block;
	}

	.article-card {
		border: 0 !important;
		padding: 0 !important;
	}

	.article-content a {
		color: #000 !important;
		text-decoration: underline !important;
	}
}