/*
Theme Name: SRC Tema
Theme URI: https://www.srcsorulari.com.tr
Author: Garsoft
Author URI: https://garsoft.com.tr
Description: Sade, semantik ve SEO uyumlu SRC soruları teması.
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: src-tema
Tags: one-column, custom-menu, featured-images, translation-ready
*/

:root { --renk: #1a56db; --yazi: #1f2937; --soluk: #6b7280; --cizgi: #e5e7eb; }

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

body {
	margin: 0;
	font: 1.0625rem/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	color: var(--yazi);
	background: #fff;
}

a { color: var(--renk); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; height: auto; }
h1, h2, h3 { line-height: 1.25; }

.site-header, main, .site-footer { max-width: 48rem; margin: 0 auto; padding: 1rem; }

.site-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1.5rem; border-bottom: 1px solid var(--cizgi); }
.site-title { margin: 0; font-size: 2rem; font-weight: 700; }
.site-title a { color: inherit; text-decoration: none; }
.site-logo { margin: 0; }
.site-logo img { display: block; height: 40px; width: auto; }
.site-header ul { display: flex; flex-wrap: wrap; gap: 1rem; margin: 0; padding: 0; list-style: none; }
.nav-toggle, .nav-btn { display: none; }

@media (max-width: 640px) {
	.nav-toggle { position: absolute; opacity: 0; pointer-events: none; }
	.nav-btn { display: flex; align-items: center; padding: .4rem; color: var(--yazi); cursor: pointer; }
	.nav-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.nav-bars, .nav-bars::before, .nav-bars::after { display: block; width: 18px; height: 2px; background: currentColor; content: ""; }
	.nav-bars { position: relative; }
	.nav-bars::before, .nav-bars::after { position: absolute; left: 0; }
	.nav-bars::before { top: -6px; }
	.nav-bars::after { top: 6px; }
	.site-header nav ul { display: none; position: absolute; left: 0; right: 0; z-index: 20; flex-direction: column; gap: 0; margin-top: 1rem; padding: .5rem 0 1rem; background: #fff; border-top: 1px solid var(--cizgi); min-height: 100vh; }
	.site-header nav li a { display: block; padding: .9rem 1.25rem; font-size: 1.1rem; }
	.nav-toggle:checked ~ ul { display: flex; }
	.nav-toggle:focus-visible + .nav-btn { outline: 2px solid var(--renk); outline-offset: 2px; }
}

.lead { color: var(--soluk); font-size: 1.15rem; }

.breadcrumb ol { display: flex; flex-wrap: wrap; margin: 0 0 1rem; padding: 0; list-style: none; font-size: .9rem; color: var(--soluk); }
.breadcrumb li + li::before { content: "›"; margin: 0 .5rem; }

.site-footer { border-top: 1px solid var(--cizgi); color: var(--soluk); font-size: .9rem; }
.site-legal { margin: 1rem -1rem -1rem; padding: .8rem 1rem;  font-size: .85rem; line-height: 1.5; }
.site-footer ul { display: flex; flex-wrap: wrap; gap: .4rem .5rem; margin: 0 0 .6rem; padding: 0; list-style: none; }
.site-footer li:not(:last-child)::after { content: "|"; margin-left: .5rem; color: #9ca3af; }

.skip-link { position: absolute; left: -999px; }
.skip-link:focus { left: 1rem; top: 1rem; padding: .5rem 1rem; background: #fff; z-index: 10; }

.pagination .nav-links { display: flex; gap: .75rem; }