/*
Theme Name: Alevbet Ateş
Author: Alevbet
Description: Ortalanmış kare logo ve alev paletli AMP uyumlu Alevbet teması.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: alevbet-ates
*/

:root {
	--bg: #0b0302;
	--panel: #1b0804;
	--paper: #fffaf4;
	--text: #29150f;
	--muted: #7a6259;
	--red: #e63312;
	--orange: #ff6a00;
	--gold: #ffbd3d;
	--line: #efd9cc;
	--width: 1080px;
}

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

html { scroll-behavior: smooth; }

body {
	margin: 0;
	color: var(--text);
	background:
		radial-gradient(circle at 50% 0, rgba(255, 106, 0, .25), transparent 32rem),
		linear-gradient(180deg, #180603 0, var(--bg) 34rem, #080201 100%);
	font: 16px/1.75 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

img { display: block; max-width: 100%; height: auto; }
a { color: var(--red); text-underline-offset: 3px; }
a:hover, a:focus { color: #b5220d; }

.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;
}
.screen-reader-text:focus {
	z-index: 99999; top: 8px; left: 8px; width: auto; height: auto; padding: 9px 14px;
	clip: auto; color: var(--text); background: #fff; border-radius: 5px; font-weight: 700;
}

.announcement {
	color: #ffe8d7;
	background: #090201;
	border-bottom: 1px solid rgba(255, 189, 61, .22);
}
.announcement-inner {
	display: flex; justify-content: space-between; gap: 20px;
	width: min(var(--width), calc(100% - 32px)); padding: 8px 0; margin: auto; font-size: 12px;
}
.announcement a { color: var(--gold); font-weight: 800; text-decoration: none; }

.primary-navigation {
	width: min(var(--width), calc(100% - 32px)); margin: 0 auto;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.primary-menu {
	display: flex; justify-content: center; flex-wrap: wrap; gap: 7px;
	padding: 0; margin: 0; list-style: none;
}
.primary-menu a {
	display: block; padding: 14px 13px; color: #fff6ef;
	font-size: 13px; font-weight: 700; text-decoration: none;
}
.primary-menu a:hover,
.primary-menu a:focus,
.primary-menu .current-menu-item > a { color: var(--gold); }

.brand-hero { padding: 22px 16px 44px; text-align: center; }
.site-branding { display: flex; justify-content: center; }
.custom-logo-link, .default-logo { display: block; }
.custom-logo, .default-logo img {
	width: 210px; height: 210px; object-fit: contain;
	filter: drop-shadow(0 16px 28px rgba(230, 51, 18, .4));
}
.brand-kicker { margin: 1px 0 18px; color: #f8cfb5; font-weight: 650; letter-spacing: .03em; }
.header-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.login-button, .register-button {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 190px; padding: 15px 28px; border-radius: 10px;
	font-size: 15px; font-weight: 850; text-decoration: none;
}
.login-button {
	color: #fff; background: linear-gradient(135deg, var(--orange), var(--red));
	box-shadow: 0 10px 25px rgba(230, 51, 18, .35);
}
.register-button { color: #2a1307; background: linear-gradient(135deg, #ffd778, var(--gold)); }
.login-button:hover, .login-button:focus { color: #fff; }
.register-button:hover, .register-button:focus { color: #2a1307; }

.site-main { width: min(var(--width), calc(100% - 32px)); margin: 0 auto; padding: 0 0 48px; }
.content-layout {
	display: grid; grid-template-columns: minmax(0, 2.25fr) minmax(250px, .8fr);
	gap: 28px; align-items: start;
}
.content-column {
	min-width: 0; padding: clamp(24px, 4vw, 42px);
	background: var(--paper); border: 1px solid rgba(255, 189, 61, .24);
	border-radius: 15px; box-shadow: 0 20px 46px rgba(0, 0, 0, .28);
}
.entry-title, .page-title {
	margin: 0 0 14px; font-size: clamp(1.7rem, 4vw, 2.3rem); line-height: 1.3; letter-spacing: -.025em;
}
.page-title { padding-bottom: 15px; border-bottom: 2px solid var(--line); }
.entry-header { margin-bottom: 24px; }
.entry-meta { margin: 0 0 18px; color: var(--muted); font-size: 12px; }
.featured-image { margin: 0 0 28px; overflow: hidden; border-radius: 10px; }
.featured-image img { width: 100%; }
.entry-content > :first-child { margin-top: 0; }
.entry-content > :last-child { margin-bottom: 0; }
.entry-content p, .entry-content ul, .entry-content ol { margin-top: 0; margin-bottom: 1.3em; }
.entry-content h2, .entry-content h3, .entry-content h4 { margin-top: 1.7em; margin-bottom: .6em; line-height: 1.3; }
.entry-content h2 { padding-bottom: 8px; border-bottom: 2px solid var(--line); }
.entry-content blockquote { padding: 14px 19px; margin: 1.5em 0; background: #fff0e4; border-left: 4px solid var(--orange); }
.entry-content table { width: 100%; border-collapse: collapse; }
.entry-content th, .entry-content td { padding: 9px; border: 1px solid var(--line); text-align: left; }

.sidebar { position: sticky; top: 18px; }
.quick-menu {
	padding: 22px; background: linear-gradient(145deg, #2a0d06, #120502);
	border: 1px solid rgba(255, 189, 61, .28); border-radius: 13px;
	box-shadow: 0 16px 36px rgba(0, 0, 0, .3);
}
.quick-menu-title { padding-bottom: 11px; margin: 0 0 7px; color: #fff; border-bottom: 2px solid var(--orange); font-size: 1.08rem; }
.recent-posts { padding: 0; margin: 0; list-style: none; }
.recent-posts li { border-bottom: 1px solid rgba(255, 255, 255, .1); }
.recent-posts li:last-child { border: 0; }
.recent-posts a { display: block; padding: 10px 0; color: #f8dfd0; font-size: 12px; font-weight: 650; line-height: 1.45; text-decoration: none; }
.recent-posts a:hover, .recent-posts a:focus { color: var(--gold); }
.sidebar-empty { color: #e3ba9f; }

.post-summary { padding-bottom: 27px; margin-bottom: 27px; border-bottom: 1px solid var(--line); }
.summary-title { margin: 0 0 7px; font-size: 1.4rem; line-height: 1.35; }
.summary-title a { color: var(--text); text-decoration: none; }
.summary-title a:hover, .summary-title a:focus { color: var(--red); }
.entry-summary p { margin-bottom: 10px; }
.read-more { font-size: 12px; font-weight: 800; text-decoration: none; }
.post-navigation { display: flex; justify-content: space-between; gap: 18px; padding-top: 22px; margin-top: 32px; border-top: 1px solid var(--line); }
.nav-next { margin-left: auto; text-align: right; }
.navigation.pagination { padding-top: 16px; }
.nav-links { display: flex; flex-wrap: wrap; gap: 7px; }
.page-numbers { padding: 7px 12px; color: var(--text); background: #ffe9d9; border-radius: 5px; font-weight: 700; text-decoration: none; }
.page-numbers.current { color: #fff; background: var(--red); }
.archive-description { margin: -5px 0 22px; color: var(--muted); }

.alignleft { float: left; margin: .4em 1.4em 1em 0; }
.alignright { float: right; margin: .4em 0 1em 1.4em; }
.aligncenter { margin-right: auto; margin-left: auto; }
.wp-caption, .gallery-caption { max-width: 100%; color: var(--muted); font-size: 12px; }

.site-footer { padding: 32px 16px; color: #d9ad93; background: #060201; text-align: center; }
.footer-inner { width: min(var(--width), 100%); margin: auto; font-size: 12px; }
.footer-inner a { color: var(--gold); }

@media (max-width: 800px) {
	.content-layout { grid-template-columns: 1fr; }
	.sidebar { position: static; }
}
@media (max-width: 520px) {
	body { font-size: 15px; }
	.announcement-inner { justify-content: center; text-align: center; }
	.announcement-inner span { display: none; }
	.primary-menu { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; }
	.primary-menu a { white-space: nowrap; }
	.brand-hero { padding-top: 14px; }
	.custom-logo, .default-logo img { width: 175px; height: 175px; }
	.header-actions { flex-direction: column; align-items: center; }
	.login-button, .register-button { width: min(100%, 320px); }
	.site-main { width: calc(100% - 20px); }
	.content-column { padding: 22px 18px; border-radius: 10px; }
	.entry-title, .page-title { font-size: 1.55rem; }
	.post-navigation { flex-direction: column; }
	.nav-next { margin-left: 0; text-align: left; }
	.alignleft, .alignright { float: none; margin-right: auto; margin-left: auto; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }