/* =============================================
   Oyun Hakları - Ana CSS
   ============================================= */

/* CSS Değişkenleri */
:root {
	--oh-primary:       #ff9b00;
	--oh-primary-dark:  #e08800;
	--oh-primary-light: #ffb340;
	--oh-bg:            #0f0f0f;
	--oh-sidebar-bg:    #161616;
	--oh-sidebar-w:     300px;
	--oh-sidebar-w-collapsed: 100px;
	--oh-text:          #f0f0f0;
	--oh-text-muted:    #999999;
	--oh-border:        #2a2a2a;
	--oh-card-bg:       #1a1a1a;
	--oh-radius:        10px;
	--oh-radius-sm:     6px;
	--oh-shadow:        0 2px 12px rgba(0,0,0,0.4);
	--oh-shadow-hover:  0 4px 20px rgba(0,0,0,0.6);
	--oh-transition:    0.2s ease;
	--oh-font:          'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Reset & Base */
*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: var(--oh-font);
	font-size: 16px;
	line-height: 1.6;
	color: var(--oh-text);
	background: var(--oh-bg);
	-webkit-font-smoothing: antialiased;
}

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

a {
	color: var(--oh-primary);
	text-decoration: none;
}

a:hover {
	color: var(--oh-primary-dark);
}

/* Screen Reader Only */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

/* =============================================
   LAYOUT
   ============================================= */
.oh-wrapper {
	display: flex;
	min-height: 100vh;
}

.oh-main {
	flex: 1;
	margin-left: var(--oh-sidebar-w);
	transition: margin-left var(--oh-transition);
	min-width: 0;
	/* Desktop padding — frontpage kendi max-width'ini yönetir,
	   single/archive/iletişim için kenar boşluğu sağlar */
	padding: 0 40px 60px;
	max-width: 100%;
}

.oh-sidebar.collapsed ~ .oh-main,
body.sidebar-collapsed .oh-main {
	margin-left: var(--oh-sidebar-w-collapsed);
}

/* =============================================
   SECTION TITLES
   ============================================= */
.oh-section-title {
	font-size: 18px;
	font-weight: 700;
	color: var(--oh-text);
	margin-bottom: 20px;
	padding-bottom: 0;
	border-bottom: none;
}

/* =============================================
   SOSYAL MEDYA BÖLÜMÜ
   ============================================= */
.oh-social-section {
	padding: 0;
	text-align: center;
	margin-top: 24px;
	margin-bottom: 32px;
}

.oh-social-banner {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	background-color: #111;
	background-size: cover;
	background-position: center;
	padding: 36px 32px 40px;
}

.oh-social-banner-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

.oh-social-banner-title {
	position: relative;
	z-index: 1;
	text-align: center;
	color: #ffffff;
	font-family: 'Roboto', var(--oh-font);
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 28px;
}

.oh-social-section .oh-section-title {
	text-align: center;
	border-bottom: none;
	margin-bottom: 24px;
	font-size: 22px;
}

.oh-social-grid {
	position: relative;
	z-index: 1;
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	justify-content: center;
}

.oh-social-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 20px 16px 16px;
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 16px;
	color: #ffffff;
	transition: transform 0.2s ease, background 0.2s ease;
	cursor: pointer;
	min-width: 90px;
	flex: 1;
	max-width: 120px;
}

.oh-social-card:hover {
	transform: translateY(-3px);
	background: rgba(255, 255, 255, 0.16);
	color: #ffffff;
}

.oh-social-card:hover .oh-social-icon svg {
	fill: #ff9b00 !important;
	color: #ff9b00 !important;
}

.oh-social-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.oh-social-icon svg {
	fill: #ffffff;
	width: 36px;
	height: 36px;
	transition: fill 0.2s ease;
}

.oh-social-label {
	font-size: 12px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.85);
}

/* =============================================
   SPONSOR BANNER
   ============================================= */
.oh-sponsor-banner {
	margin-bottom: 32px;
	border-radius: var(--oh-radius);
	overflow: hidden;
}

.oh-sponsor-inner {
	position: relative;
	min-height: var(--oh-sponsor-height, 160px);
	background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
	background-size: cover;
	background-position: center;
	padding: 28px 32px;
	display: flex;
	align-items: center;
}

.oh-sponsor-inner::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.2) 100%);
}

.oh-sponsor-content {
	position: relative;
	z-index: 1;
}

.oh-sponsor-source {
	font-size: 12px;
	color: rgba(255,255,255,0.7);
	margin-bottom: 6px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.oh-sponsor-title {
	font-size: 22px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.3;
	margin-bottom: 6px;
}

.oh-sponsor-title span {
	color: var(--oh-primary);
}

.oh-sponsor-desc {
	font-size: 14px;
	color: rgba(255,255,255,0.85);
	margin-bottom: 14px;
}

.oh-sponsor-btn {
	display: inline-block;
	padding: 9px 20px;
	background: var(--oh-primary);
	color: #ffffff;
	border-radius: var(--oh-radius-sm);
	font-size: 13px;
	font-weight: 600;
	transition: background var(--oh-transition);
}

.oh-sponsor-btn:hover {
	background: var(--oh-primary-dark);
	color: #ffffff;
}

/* =============================================
   CONTENT GRID
   ============================================= */
.oh-content-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	margin-bottom: 40px;
	align-items: start;
}

/* =============================================
   INSTAGRAM
   ============================================= */
.oh-instagram-widget {
	background: var(--oh-card-bg);
	border: none;
	border-radius: var(--oh-radius);
	overflow: hidden;
}

.oh-ig-header {
	padding: 20px;
	border-bottom: 1px solid var(--oh-border);
	text-align: center;
}

.oh-ig-profile-link {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	color: var(--oh-text);
	margin-bottom: 16px;
}

.oh-ig-avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	background: linear-gradient(135deg, var(--oh-primary), #ff6b35);
	flex-shrink: 0;
}

.oh-ig-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oh-ig-username {
	font-weight: 700;
	font-size: 22px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.oh-ig-stats {
	display: flex;
	gap: 28px;
	justify-content: center;
}

.oh-ig-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.oh-ig-stat-number {
	font-weight: 700;
	font-size: 16px;
}

.oh-ig-stat-label {
	font-size: 13px;
	color: var(--oh-text-muted);
}

.oh-ig-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3px;
}

.oh-ig-post {
	position: relative;
	aspect-ratio: 4/5;
	overflow: hidden;
	display: block;
}

.oh-ig-post img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--oh-transition);
}

.oh-ig-post:hover img {
	transform: scale(1.05);
}

.oh-ig-caption {
	display: none;
}

.oh-ig-video-icon {
	position: absolute;
	top: 6px;
	right: 6px;
	background: rgba(0,0,0,0.7);
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.oh-ig-no-token,
.oh-ig-no-posts {
	padding: 24px;
	text-align: center;
	color: var(--oh-text-muted);
	font-size: 13px;
}

/* =============================================
   CANLI YAYIN
   ============================================= */
.oh-live-widget {
	background: #0e0e0e;
	border-radius: var(--oh-radius);
	overflow: hidden;
	margin-bottom: 16px;
}

.oh-live-status {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	background: #1a1a1a;
}

.oh-live-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #666;
}

.oh-live-widget.is-live .oh-live-dot {
	background: #ff4444;
	animation: ohPulse 1.5s infinite;
}

@keyframes ohPulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.4; }
}

.oh-live-text {
	font-size: 11px;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 0.5px;
	flex: 1;
}

.oh-live-badge {
	font-size: 10px;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 3px;
	text-transform: uppercase;
}

.oh-live-badge.oh-live-online {
	background: #ff4444;
	color: white;
}

.oh-live-badge.oh-live-offline {
	background: #333;
	color: #999;
}

.oh-live-player {
	position: relative;
	aspect-ratio: 16/9;
	background: #000;
}

.oh-live-placeholder {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.oh-live-iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
}

.oh-live-links {
	display: flex;
	gap: 8px;
	padding: 10px 14px;
	background: #1a1a1a;
}

.oh-live-link {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 600;
	padding: 5px 12px;
	border-radius: 4px;
	transition: opacity var(--oh-transition);
}

.oh-live-link:hover {
	opacity: 0.8;
}

.oh-live-twitch {
	background: #9146ff;
	color: white;
}

.oh-live-kick {
	background: #53fc18;
	color: #000;
}

/* =============================================
   BANNER / REKLAM
   ============================================= */
.oh-banner-widget {
	border-radius: var(--oh-radius);
	overflow: hidden;
}

.oh-banner-widget img {
	width: 100%;
	height: auto;
	max-height: var(--oh-banner-max-height, 400px);
	object-fit: cover;
	display: block;
}

.oh-banner-empty {
	background: var(--oh-card-bg);
	border: 2px dashed var(--oh-border);
	padding: 40px;
	text-align: center;
	color: var(--oh-text-muted);
	font-size: 14px;
	border-radius: var(--oh-radius);
}

/* =============================================
   YAZΙ KARTI
   ============================================= */
.oh-posts-list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.oh-post-card {
	list-style: none;
	border-bottom: 1px solid var(--oh-border);
}

.oh-post-card:last-child {
	border-bottom: none;
}

.oh-post-card-link {
	display: flex;
	gap: 20px;
	align-items: center;
	padding: 16px 0;
	color: var(--oh-text);
	transition: background var(--oh-transition);
}

.oh-post-card-link:hover {
	color: var(--oh-text);
}

.oh-post-card-link:hover .oh-post-card-title {
	color: var(--oh-primary);
}

.oh-post-card-thumb {
	width: 200px;
	height: 130px;
	flex-shrink: 0;
	border-radius: var(--oh-radius-sm);
	overflow: hidden;
	background: var(--oh-border);
}

.oh-post-thumb-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--oh-transition);
}

.oh-post-card-link:hover .oh-post-thumb-img {
	transform: scale(1.03);
}

.oh-post-thumb-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #222222;
}

.oh-post-card-info {
	flex: 1;
}

.oh-post-card-title {
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 10px;
	transition: color var(--oh-transition);
}

.oh-post-card-meta {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

.oh-post-meta-date,
.oh-post-meta-author {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 12px;
	color: var(--oh-primary);
	font-weight: 500;
}

/* =============================================
   INFINITE SCROLL
   ============================================= */
.oh-spinner {
	width: 32px;
	height: 32px;
	border: 3px solid var(--oh-border);
	border-top-color: var(--oh-primary);
	border-radius: 50%;
	animation: ohSpin 0.7s linear infinite;
	margin: 0 auto;
}

@keyframes ohSpin {
	to { transform: rotate(360deg); }
}

.oh-infinite-loader {
	padding: 30px;
	text-align: center;
}

.oh-infinite-end {
	text-align: center;
	padding: 30px;
	color: var(--oh-text-muted);
	font-size: 14px;
}

.oh-scroll-trigger {
	height: 1px;
	margin-top: 20px;
}

/* =============================================
   ARŞİV SAYFASI
   ============================================= */
.oh-archive-page {
	padding: 32px 0;
}

.oh-archive-header {
	margin-bottom: 32px;
	padding-bottom: 20px;
	border-bottom: none;
}

.oh-archive-title {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 8px;
}

.oh-archive-desc {
	color: var(--oh-text-muted);
}

/* =============================================
   TEKİL YAZI
   ============================================= */
.oh-single-page {
	padding: 32px 0;
	max-width: 860px;
}

.oh-single-header {
	margin-bottom: 28px;
}

.oh-single-cat {
	display: inline-block;
	background: var(--oh-primary);
	color: white;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 3px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 14px;
}

.oh-single-title {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 16px;
}

.oh-single-meta {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.oh-single-meta-item {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
	color: var(--oh-primary);
}

.oh-single-meta-item a {
	color: var(--oh-primary);
}

.oh-single-featured {
	margin-bottom: 28px;
	border-radius: var(--oh-radius);
	overflow: hidden;
}

.oh-single-featured-img {
	width: 100%;
	height: auto;
}

.oh-single-content {
	font-size: 17px;
	line-height: 1.8;
	color: var(--oh-text);
}

.oh-single-content h2 {
	font-size: 22px;
	font-weight: 700;
	margin: 32px 0 14px;
}

.oh-single-content h3 {
	font-size: 18px;
	font-weight: 600;
	margin: 24px 0 12px;
}

.oh-single-content p {
	margin-bottom: 18px;
}

.oh-single-content img {
	border-radius: var(--oh-radius-sm);
	margin: 20px 0;
}

.oh-single-content blockquote {
	border-left: 4px solid var(--oh-primary);
	padding: 14px 20px;
	background: #fff8f0;
	margin: 24px 0;
	border-radius: 0 var(--oh-radius-sm) var(--oh-radius-sm) 0;
}

.oh-single-content ul,
.oh-single-content ol {
	padding-left: 24px;
	margin-bottom: 18px;
}

.oh-single-content li {
	margin-bottom: 8px;
}

.oh-single-tags {
	margin-top: 32px;
	padding-top: 20px;
	border-top: 1px solid var(--oh-border);
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.oh-tags-label {
	font-size: 13px;
	font-weight: 600;
	color: var(--oh-text-muted);
}

.oh-tag-link {
	padding: 4px 12px;
	background: var(--oh-bg);
	border: 1px solid var(--oh-border);
	border-radius: 20px;
	font-size: 12px;
	color: var(--oh-text-muted);
	transition: all var(--oh-transition);
}

.oh-tag-link:hover {
	background: var(--oh-primary);
	border-color: var(--oh-primary);
	color: white;
}

.oh-single-share {
	margin-top: 24px;
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.oh-share-label {
	font-size: 13px;
	font-weight: 600;
}

.oh-share-btn {
	padding: 7px 16px;
	border-radius: var(--oh-radius-sm);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	border: none;
	transition: opacity var(--oh-transition);
}

.oh-share-btn:hover { opacity: 0.85; }

.oh-share-x { background: #000; color: white; }
.oh-share-fb { background: #1877f2; color: white; }
.oh-share-copy { background: var(--oh-bg); border: 1px solid var(--oh-border); color: var(--oh-text); }

.oh-post-nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-top: 40px;
	padding-top: 24px;
	border-top: 1px solid var(--oh-border);
}

.oh-post-nav-link {
	padding: 16px;
	background: var(--oh-card-bg);
	border: 1px solid var(--oh-border);
	border-radius: var(--oh-radius);
	display: flex;
	flex-direction: column;
	gap: 6px;
	color: var(--oh-text);
	transition: border-color var(--oh-transition);
}

.oh-post-nav-link:hover {
	border-color: var(--oh-primary);
	color: var(--oh-text);
}

.oh-post-nav-next {
	text-align: right;
}

.oh-post-nav-label {
	font-size: 11px;
	color: var(--oh-primary);
	font-weight: 600;
	text-transform: uppercase;
}

.oh-post-nav-title {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
}

.oh-related-posts {
	margin-top: 48px;
}

/* İlgili yazı kartlarında alt çizgi olmasın */
.oh-related-posts .oh-post-card {
	border-bottom: none;
}

.oh-related-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.oh-related-grid .oh-post-card-link {
	flex-direction: column;
	padding: 0;
}

.oh-related-grid .oh-post-card-thumb {
	width: 100%;
	height: 160px;
}

/* =============================================
   404 SAYFASI
   ============================================= */
.oh-404-page {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 70vh;
	text-align: center;
}

.oh-404-content {
	max-width: 480px;
}

.oh-404-number {
	font-size: 120px;
	font-weight: 900;
	color: var(--oh-primary);
	line-height: 1;
	margin-bottom: 16px;
	opacity: 0.8;
}

.oh-404-title {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 12px;
}

.oh-404-desc {
	color: var(--oh-text-muted);
	margin-bottom: 28px;
}

.oh-404-actions {
	margin-bottom: 28px;
}

.oh-404-search .oh-search-form-large {
	display: flex;
	gap: 8px;
}

/* =============================================
   ARAMA FORMU
   ============================================= */
.oh-search-form-large input {
	flex: 1;
	padding: 11px 16px;
	border: 1px solid var(--oh-border);
	border-radius: var(--oh-radius-sm);
	font-size: 14px;
	font-family: var(--oh-font);
	outline: none;
	transition: border-color var(--oh-transition);
}

.oh-search-form-large input:focus {
	border-color: var(--oh-primary);
}

.oh-search-form-large button {
	padding: 11px 20px;
	background: var(--oh-primary);
	color: white;
	border: none;
	border-radius: var(--oh-radius-sm);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background var(--oh-transition);
}

.oh-search-form-large button:hover {
	background: var(--oh-primary-dark);
}

/* =============================================
   BUTONLAR
   ============================================= */
.oh-btn {
	display: inline-block;
	padding: 11px 24px;
	border-radius: var(--oh-radius-sm);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	border: none;
	transition: all var(--oh-transition);
	font-family: var(--oh-font);
}

.oh-btn-primary {
	background: var(--oh-primary);
	color: white;
}

.oh-btn-primary:hover {
	background: var(--oh-primary-dark);
	color: white;
}

/* =============================================
   İLETİŞİM SAYFASI
   ============================================= */
.oh-contact-page {
	padding: 40px 0;
}

.oh-contact-inner {
	max-width: 900px;
}

.oh-contact-header {
	margin-bottom: 36px;
}

.oh-contact-header h1 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 8px;
}

.oh-contact-header p {
	color: var(--oh-text-muted);
}

.oh-contact-grid {
	display: grid;
	grid-template-columns: 1fr 280px;
	gap: 40px;
}

.oh-form-group {
	margin-bottom: 20px;
}

.oh-form-group label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 6px;
	color: var(--oh-text);
}

.oh-form-group label span {
	color: var(--oh-primary);
}

.oh-form-group input,
.oh-form-group textarea {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--oh-border);
	border-radius: var(--oh-radius-sm);
	font-size: 14px;
	font-family: var(--oh-font);
	transition: border-color var(--oh-transition);
	background: var(--oh-card-bg);
	color: var(--oh-text);
	outline: none;
}

.oh-form-group input:focus,
.oh-form-group textarea:focus {
	border-color: var(--oh-primary);
	box-shadow: 0 0 0 3px rgba(255,155,0,0.1);
}

.oh-form-group textarea {
	resize: vertical;
}

.oh-form-message {
	margin-top: 14px;
	padding: 12px 16px;
	border-radius: var(--oh-radius-sm);
	font-size: 14px;
	display: none;
}

.oh-form-message:not(:empty) {
	display: block;
}

.oh-form-success {
	background: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}

.oh-form-error {
	background: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}

.oh-contact-info h2 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 16px;
}

.oh-contact-socials {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.oh-contact-social-link {
	display: block;
	padding: 10px 14px;
	background: var(--oh-bg);
	border: 1px solid var(--oh-border);
	border-radius: var(--oh-radius-sm);
	font-size: 14px;
	font-weight: 500;
	color: var(--oh-text);
	transition: all var(--oh-transition);
}

.oh-contact-social-link:hover {
	border-color: var(--oh-primary);
	color: var(--oh-primary);
}

/* =============================================
   ARAMA SAYFASI
   ============================================= */
.oh-no-results {
	text-align: center;
	padding: 60px 20px;
}

.oh-no-results h2 {
	font-size: 22px;
	margin: 16px 0 8px;
}

.oh-no-results p {
	color: var(--oh-text-muted);
	margin-bottom: 24px;
}

.oh-no-results .oh-search-form-large {
	max-width: 480px;
	margin: 0 auto;
}

.oh-no-posts {
	padding: 40px;
	text-align: center;
	color: var(--oh-text-muted);
}

.oh-search-count {
	color: var(--oh-text-muted);
	font-size: 14px;
	margin-top: 6px;
}

.oh-latest-posts {
	margin-top: 20px;
}

.oh-banner-section {
	margin-top: 16px;
}

/* Sosyal medya ikonları — beyaz, hover'da turuncu */
.oh-social-icon svg {
	fill: #ffffff !important;
	color: #ffffff !important;
}

.oh-social-icon {
	color: #ffffff !important;
}

/* Canlı yayın kapak fotoğrafı */
.oh-live-cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	inset: 0;
	border-radius: 0;
}

.oh-live-placeholder {
	position: relative;
}

/* Canlı yayın kapak fotoğrafı */
.oh-live-placeholder {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.oh-live-cover {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oh-frontpage {
	display: block;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
}

/* Anasayfada oh-main yan paddingi frontpage kendi max-width'i yönettiği için sıfırla */
.home .oh-main {
	padding-left: 0;
	padding-right: 0;
}

/* Sponsor banner - mobil görsel */
@media (max-width: 600px) {
	.oh-sponsor-inner {
		background-image: var(--mobile-bg) !important;
		background-size: cover;
		background-position: center;
		aspect-ratio: 1/1;
		min-height: unset !important;
	}
}

/* Header */
.oh-akis-header {
	padding: 32px 0 24px;
	margin-bottom: 8px;
	border-bottom: 2px solid var(--oh-border);
}

.oh-akis-header-inner {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
}

.oh-akis-header-left {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.oh-akis-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgba(255, 155, 0, 0.12);
	color: var(--oh-primary);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	padding: 4px 10px;
	border-radius: 20px;
	width: fit-content;
}

.oh-akis-badge-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--oh-primary);
	animation: ohPulse 1.5s infinite;
}

.oh-akis-title {
	font-size: 32px;
	font-weight: 800;
	color: var(--oh-text);
	line-height: 1.2;
	margin: 0;
}

.oh-akis-desc {
	font-size: 14px;
	color: var(--oh-text-muted);
	margin: 0;
}

.oh-akis-header-right {
	flex-shrink: 0;
}

.oh-akis-count {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: var(--oh-bg);
	border: 1px solid var(--oh-border);
	border-radius: var(--oh-radius);
	padding: 12px 20px;
	min-width: 80px;
}

.oh-akis-count-number {
	font-size: 24px;
	font-weight: 800;
	color: var(--oh-primary);
	line-height: 1;
}

.oh-akis-count-label {
	font-size: 11px;
	font-weight: 600;
	color: var(--oh-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-top: 2px;
}

/* Yazı listesi */
.oh-akis-list {
	display: flex;
	flex-direction: column;
}

/* Son bölüm */
.oh-akis-end {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: center;
	padding: 24px 0;
	color: var(--oh-text-muted);
	font-size: 13px;
}

.oh-akis-end::before,
.oh-akis-end::after {
	content: '';
	flex: 1;
	height: 1px;
	background: var(--oh-border);
	max-width: 120px;
}

/* Responsive */
@media (max-width: 600px) {
	.oh-akis-title { font-size: 22px; }
	.oh-akis-header-inner { align-items: flex-start; }
	.oh-akis-count { padding: 8px 14px; min-width: 64px; }
	.oh-akis-count-number { font-size: 18px; }
}

/* =============================================
   STÜDYO SAYFASI
   ============================================= */

.oh-studyo-page {
	padding: 16px 0 60px;
	max-width: 1000px;
	margin: 0 auto;
}

.oh-studyo-hero {
	padding: 28px 0 20px;
	border-bottom: 1px solid var(--oh-border);
	margin-bottom: 24px;
}

.oh-studyo-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgba(255, 155, 0, 0.12);
	color: #cc7a00;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	padding: 4px 12px;
	border-radius: 20px;
	margin-bottom: 16px;
}

.oh-studyo-badge-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--oh-primary);
	animation: ohPulse 1.5s infinite;
}

.oh-studyo-title {
	font-size: 38px;
	font-weight: 800;
	color: var(--oh-text);
	line-height: 1.15;
	margin-bottom: 16px;
	max-width: 540px;
}

.oh-studyo-highlight {
	color: var(--oh-primary);
}

.oh-studyo-desc {
	font-size: 15px;
	line-height: 1.7;
	color: var(--oh-text-muted);
	max-width: 500px;
}

.oh-studyo-sec-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .1em;
	color: var(--oh-primary);
	text-transform: uppercase;
	margin-bottom: 10px;
}

.oh-studyo-sec-title {
	font-size: 24px;
	font-weight: 800;
	color: var(--oh-text);
	margin-bottom: 28px;
}

/* İstatistikler */
.oh-studyo-stats-section {
	margin-bottom: 56px;
}

.oh-studyo-stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.oh-studyo-stat {
	padding: 28px 20px;
	border-right: 1px solid var(--oh-border);
}

.oh-studyo-stat:last-child {
	border-right: none;
}

.oh-studyo-stat-icon {
	font-size: 22px;
	color: var(--oh-primary);
	display: block;
	margin-bottom: 12px;
}

.oh-studyo-stat-number {
	font-size: 32px;
	font-weight: 800;
	color: var(--oh-text);
	line-height: 1;
}

.oh-studyo-stat-unit {
	font-size: 14px;
	font-weight: 700;
	color: var(--oh-primary);
	margin-left: 3px;
}

.oh-studyo-stat-label {
	font-size: 13px;
	color: var(--oh-text-muted);
	margin-top: 6px;
}

/* Ekip */
.oh-studyo-team-section {
	margin-bottom: 40px;
}

.oh-studyo-team {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.oh-studyo-member {
	background: var(--oh-card-bg);
	border: 1px solid var(--oh-border);
	border-radius: var(--oh-radius);
	overflow: hidden;
	text-align: center;
}

.oh-studyo-member-photo {
	width: 100%;
	aspect-ratio: 1;
	background: #222222;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 44px;
	color: #ddd;
	overflow: hidden;
}

.oh-studyo-member-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

.oh-studyo-member-info {
	padding: 14px 12px;
}

.oh-studyo-member-name {
	font-size: 14px;
	font-weight: 700;
	color: var(--oh-text);
	margin-bottom: 3px;
}

.oh-studyo-member-role {
	font-size: 12px;
	color: var(--oh-text-muted);
}

.oh-studyo-member-badge {
	display: inline-block;
	background: rgba(255, 155, 0, 0.12);
	color: #cc7a00;
	font-size: 11px;
	font-weight: 600;
	padding: 2px 8px;
	border-radius: 4px;
	margin-top: 6px;
}

/* Responsive */
@media (max-width: 900px) {
	.oh-studyo-stats { grid-template-columns: repeat(2, 1fr); }
	.oh-studyo-stat:nth-child(2) { border-right: none; }
	.oh-studyo-stat:nth-child(1),
	.oh-studyo-stat:nth-child(2) { border-bottom: 1px solid var(--oh-border); }
	.oh-studyo-team { grid-template-columns: repeat(2, 1fr); }
	.oh-studyo-title { font-size: 28px; }
}

@media (max-width: 600px) {
	.oh-studyo-stats { grid-template-columns: repeat(2, 1fr); }
	.oh-studyo-team { grid-template-columns: repeat(2, 1fr); }
	.oh-studyo-title { font-size: 24px; }
}

/* =============================================
   İLETİŞİM SAYFASI
   ============================================= */

.oh-contact-page {
	padding: 0 0 60px;
	max-width: 1000px;
	margin: 0 auto;
}

/* Hero */
.oh-contact-hero {
	display: flex;
	align-items: center;
	gap: 32px;
	margin-bottom: 48px;
	padding: 40px 0 40px;
	border-bottom: 1px solid var(--oh-border);
}

.oh-contact-hero-img {
	width: 180px;
	height: 180px;
	border-radius: 16px;
	flex-shrink: 0;
	overflow: hidden;
}

.oh-contact-hero-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oh-contact-hero-img--placeholder {
	background: var(--oh-primary);
	display: flex;
	align-items: center;
	justify-content: center;
}

.oh-contact-hero-title {
	font-size: 22px;
	font-weight: 800;
	line-height: 1.4;
	margin-bottom: 12px;
	color: var(--oh-text);
}

.oh-contact-hero-subtitle {
	font-size: 14px;
	color: var(--oh-text-muted);
	line-height: 1.7;
}

/* Form grid */
.oh-contact-grid {
	display: grid;
	grid-template-columns: 1fr 1px 1fr;
	gap: 40px;
	align-items: start;
}

.oh-contact-sep {
	background: var(--oh-border);
	height: 100%;
	min-height: 400px;
}

/* Form col */
.oh-contact-form-tag {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--oh-primary);
	margin-bottom: 10px;
}

.oh-contact-form-title {
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 8px;
	color: var(--oh-text);
}

.oh-contact-form-desc {
	font-size: 13px;
	color: var(--oh-text-muted);
	line-height: 1.5;
	margin-bottom: 24px;
}

/* Form inputs */
.oh-contact-form .oh-form-group {
	margin-bottom: 20px;
}

.oh-contact-form .oh-form-group label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	color: var(--oh-text-muted);
	margin-bottom: 8px;
}

.oh-contact-form .oh-form-group input,
.oh-contact-form .oh-form-group textarea,
.oh-contact-form .oh-form-group select {
	width: 100%;
	padding: 12px 14px;
	border: 1.5px solid var(--oh-border);
	border-radius: 8px;
	font-size: 14px;
	font-family: var(--oh-font);
	color: var(--oh-text);
	background: var(--oh-card-bg);
	outline: none;
	transition: border-color var(--oh-transition);
	-webkit-appearance: none;
}

.oh-contact-form .oh-form-group input:focus,
.oh-contact-form .oh-form-group textarea:focus,
.oh-contact-form .oh-form-group select:focus {
	border-color: var(--oh-primary);
}

.oh-contact-form .oh-form-group textarea {
	resize: vertical;
	min-height: 120px;
}

.oh-contact-form .oh-form-group select {
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23888'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
}

.oh-contact-note {
	font-size: 12px;
	color: var(--oh-text-muted);
	margin-bottom: 18px;
}

.oh-contact-note span {
	color: var(--oh-primary);
	font-weight: 600;
}

.oh-contact-btn {
	width: 100%;
	padding: 13px;
	background: var(--oh-primary);
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: background var(--oh-transition);
	font-family: var(--oh-font);
}

.oh-contact-btn:hover {
	background: var(--oh-primary-dark);
}

.oh-contact-btn:disabled {
	opacity: .7;
	cursor: not-allowed;
}

/* Kariyer badge */
.oh-career-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #16a34a;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 10px;
}

.oh-career-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #16a34a;
}

/* Responsive */
@media (max-width: 900px) {
	.oh-contact-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.oh-contact-sep { display: none; }
	.oh-contact-hero { flex-direction: row; align-items: flex-start; gap: 16px; }
	.oh-contact-hero-img { width: 100px; height: 100px; flex-shrink: 0; }
	.oh-contact-hero-title { font-size: 16px; }
	.oh-contact-hero-subtitle { font-size: 13px; }
}

@media (max-width: 600px) {
	.oh-contact-hero-title { font-size: 18px; }
}

/* =============================================
   Takvim Sayfası
   ============================================= */

.oh-takvim-page {
	padding: 16px 0 60px;
	max-width: 1000px;
	margin: 0 auto;
}

/* Sayfa başlığı */
.oh-takvim-header {
	padding: 20px 0 24px;
	border-bottom: 1px solid var(--oh-border);
	margin-bottom: 28px;
}

.oh-takvim-header-left .oh-takvim-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgba(255, 155, 0, 0.12);
	color: #cc7a00;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	padding: 4px 12px;
	border-radius: 20px;
	margin-bottom: 10px;
}

.oh-takvim-badge-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--oh-primary);
	animation: ohPulse 1.5s infinite;
}

.oh-takvim-page-title {
	font-size: 32px;
	font-weight: 800;
	color: var(--oh-text);
	line-height: 1.2;
	text-align: left;
}

/* Ay navigasyonu */
.oh-month-nav {
	display: flex;
	align-items: center;
	gap: 10px;
}

.oh-month-nav-btn {
	width: 34px;
	height: 34px;
	border: 1px solid var(--oh-border);
	border-radius: 8px;
	background: var(--oh-card-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--oh-text-muted);
	font-size: 18px;
	line-height: 1;
	transition: background 0.15s, color 0.15s;
}

.oh-month-nav-btn:hover {
	background: var(--oh-primary);
	color: #fff;
	border-color: var(--oh-primary);
}

.oh-month-nav-label {
	font-size: 15px;
	font-weight: 700;
	color: var(--oh-text);
	min-width: 130px;
	text-align: center;
}

/* Bölüm ayırıcı */
.oh-takvim-sep {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 20px;
}

.oh-takvim-sep-label {
	font-size: 14px;
	font-weight: 700;
	color: var(--oh-primary);
	letter-spacing: .06em;
	text-transform: uppercase;
	white-space: nowrap;
}

.oh-takvim-sep-line {
	display: none;
}

/* Oyun listesi tablosu */
.oh-game-list {
	background: var(--oh-card-bg);
	border: 1px solid var(--oh-border);
	border-radius: var(--oh-radius);
	overflow: hidden;
	margin-bottom: 40px;
}

.oh-game-list-head {
	display: grid;
	grid-template-columns: 1fr 160px;
	padding: 8px 20px;
	gap: 16px;
	background: var(--oh-bg);
	border-bottom: 1px solid var(--oh-border);
}

.oh-game-list-head span {
	font-size: 11px;
	font-weight: 700;
	color: var(--oh-text-muted);
	letter-spacing: .06em;
	text-transform: uppercase;
}

.oh-game-row {
	display: grid;
	grid-template-columns: 1fr 160px;
	align-items: center;
	padding: 14px 20px;
	border-bottom: 1px solid var(--oh-border);
	gap: 16px;
	transition: background 0.15s;
}

.oh-game-row:last-child {
	border-bottom: none;
}

.oh-game-row:hover {
	background: var(--oh-bg);
}

.oh-game-name {
	font-size: 14px;
	font-weight: 700;
	color: var(--oh-text);
	margin-bottom: 6px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

/* Çıktı / Yakında badge */
.oh-game-badge {
	font-size: 10px;
	font-weight: 700;
	padding: 2px 8px;
	border-radius: 20px;
}

.oh-game-badge-out {
	background: rgba(59, 109, 17, 0.2);
	color: #3b6d11;
}

.oh-game-badge-soon {
	background: rgba(255, 155, 0, 0.12);
	color: #cc7a00;
}

/* Platform etiketleri */
.oh-game-platforms {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 2px;
}

.oh-game-plat {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 11px;
	color: var(--oh-text-muted);
	background: var(--oh-bg);
	border: 1px solid var(--oh-border);
	padding: 3px 8px;
	border-radius: 5px;
	line-height: 1;
}

.oh-game-plat i {
	font-size: 13px;
	line-height: 1;
	display: flex;
	align-items: center;
}

.oh-game-date {
	font-size: 13px;
	font-weight: 600;
	color: var(--oh-text-muted);
}

/* Boş ay mesajı */
.oh-game-empty {
	padding: 40px 20px;
	text-align: center;
	color: var(--oh-text-muted);
	font-size: 14px;
}

.oh-game-empty i {
	font-size: 32px;
	display: block;
	margin-bottom: 10px;
	opacity: .4;
}

/* İndirim takvimi */
.oh-discount-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.oh-discount-row {
	background: var(--oh-card-bg);
	border: 1px solid var(--oh-border);
	border-radius: var(--oh-radius);
	padding: 14px 20px;
	display: grid;
	grid-template-columns: 48px 1fr 150px 100px;
	align-items: center;
	gap: 16px;
	transition: background 0.15s;
}

.oh-discount-row:hover {
	background: var(--oh-bg);
}

.oh-discount-row.is-active {
	border-color: var(--oh-border);
	border-width: 1px;
}

.oh-discount-row.is-past {
	opacity: .55;
}

.oh-discount-logo {
	width: 48px;
	height: 48px;
	border-radius: 10px;
	border: 1px solid var(--oh-border);
	background: var(--oh-card-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 700;
	color: var(--oh-text-muted);
	flex-shrink: 0;
	overflow: hidden;
	padding: 8px;
}

.oh-discount-logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.oh-discount-name {
	font-size: 14px;
	font-weight: 700;
	color: var(--oh-text);
	margin-bottom: 3px;
}

.oh-discount-dates {
	font-size: 12px;
	color: var(--oh-text-muted);
}

.oh-discount-remain {
	font-size: 12px;
	color: var(--oh-text-muted);
	text-align: right;
}

.oh-discount-remain.is-active {
	color: var(--oh-primary);
	font-weight: 700;
}

.oh-discount-status {
	font-size: 11px;
	font-weight: 700;
	padding: 5px 12px;
	border-radius: 20px;
	text-align: center;
	white-space: nowrap;
}

.oh-discount-status.active  { background: rgba(255, 155, 0, 0.15); color: var(--oh-primary); }
.oh-discount-status.soon    { background: #2a2a2a; color: #999999; }
.oh-discount-status.past    { background: #222222; color: var(--oh-text-muted); }

/* Platform logo renkleri */
.oh-disc-logo-steam     { background: #1b2838; }
.oh-disc-logo-epic      { background: #2d2d2d; }
.oh-disc-logo-ps        { background: #003087; }
.oh-disc-logo-xbox      { background: #107c10; }
.oh-disc-logo-gog       { background: #6614a4; }
.oh-disc-logo-nintendo  { background: #e4000f; }

.oh-disc-logo-steam i,
.oh-disc-logo-epic i,
.oh-disc-logo-ps i,
.oh-disc-logo-xbox i,
.oh-disc-logo-gog i,
.oh-disc-logo-nintendo i {
	color: #fff !important;
}

.oh-disc-logo-epic span {
	color: #fff;
	font-size: 11px;
	font-weight: 800;
}

/* Responsive */
@media (max-width: 900px) {
	.oh-game-list-head { display: none; }
	.oh-game-row { grid-template-columns: 1fr; gap: 8px; }
	.oh-game-date { font-size: 12px; }
	.oh-discount-row { grid-template-columns: 48px 1fr 90px; }
	.oh-discount-remain { display: none; }
}

@media (max-width: 600px) {
	.oh-takvim-page { padding-top: 8px; }
	.oh-takvim-header { padding-top: 12px; flex-direction: column; align-items: flex-start; }
	.oh-takvim-page-title { font-size: 22px; }
	.oh-discount-row { grid-template-columns: 40px 1fr 80px; padding: 12px 14px; gap: 10px; }
	.oh-discount-logo { width: 40px; height: 40px; }
	.oh-discount-name { font-size: 13px; }
}