/*
Theme Name: ÇandName
Theme URI: https://candname.com
Author: ÇandName
Description: ÇandName için Kurmancî çok dilli edebiyat, kültür ve haber teması. Polylang uyumlu, tam responsive.
Version: 1.46.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: candname
Tags: blog, news, two-columns, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, accessibility-ready
*/

/* ------------------------------------------------------------------
   1. Tokens & base
------------------------------------------------------------------ */
:root {
	--green: #1e5a3c;
	--green-dark: #12281c;
	--green-mid: #2c6b4a;
	--gold: #f2c14e;
	--red: #c8372d;
	--ink: #1b1f1c;
	--muted: #6a726d;
	--body: #4a524d;
	--paper: #f4f1ea;
	--surface: #fff; /* Cards, boxes, inputs: use var(--surface) instead of #fff so dark mode works without extra rules. */
	--line: #e2ded3;
	--line-soft: #ece8de;
	--mint: #e6efe9;
	--serif: 'Fraunces', Georgia, 'Times New Roman', serif;
	--sans: 'Public Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	/* Side padding of every band: content is capped at 1232px and centered. */
	--gutter: max(24px, calc((100% - 1232px) / 2));
	--gutter-m: 12px;
}

*, *::before, *::after { box-sizing: border-box; }
/* Nothing may widen the page sideways: on phones a wider page shrinks the layout and fixed bars (reading progress) leave the screen. */
html { -webkit-text-size-adjust: 100%; overflow-x: hidden; }
body { overflow-x: clip; max-width: 100%; }
body {
	margin: 0;
	background: var(--paper);
	color: var(--ink);
	font-family: var(--sans);
	font-size: calc(14px * var(--fs, 1));
	line-height: 1.5;
}
img, svg, video { max-width: 100%; height: auto; }
img { display: block; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--green); }
h1, h2, h3, h4 { font-family: var(--serif); line-height: 1.2; margin: 0; }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; }
button { font-family: inherit; }

.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; width: 1px; word-wrap: normal;
}
.screen-reader-text:focus, .skip-link:focus {
	background: var(--surface); clip: auto; clip-path: none; color: var(--ink);
	display: block; height: auto; left: 8px; top: 8px; padding: 12px 20px;
	width: auto; z-index: 100000; font-weight: 600;
}
.menu, .sub-menu { list-style: none; margin: 0; padding: 0; }
.menu-icon { margin-inline-end: 7px; width: 1.1em; text-align: center; }
.menu-icon:has(+ .menu-text.screen-reader-text) { margin-inline-end: 0; }
.btn .fa-solid, .btn .fa-regular, .btn .fa-brands { font-size: calc(16px * var(--fs, 1)); }

/* ------------------------------------------------------------------
   2. Buttons
------------------------------------------------------------------ */
.btn {
	display: inline-flex; align-items: center; gap: 8px; height: 40px;
	padding: 0 18px; border: 0; border-radius: 3px; cursor: pointer;
	background: var(--gold); color: var(--ink); font-weight: 600; font-size: calc(14px * var(--fs, 1));
	white-space: nowrap;
}
.btn:hover { color: var(--ink); filter: brightness(0.95); }
.btn--green { background: var(--green); color: #fff; font-weight: 500; font-size: calc(13px * var(--fs, 1)); }
.btn--green:hover { color: #fff; }
.btn--outline { background: transparent; border: 1px solid var(--ink); font-weight: 400; font-size: calc(15px * var(--fs, 1)); height: auto; padding: 14px 28px; }

/* WordPress core alignment helpers */
.alignleft { float: left; margin: 0 1.4em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.4em; }
.aligncenter { margin-inline: auto; display: block; }
.wp-caption { max-width: 100%; }
.sticky, .bypostauthor, .gallery-caption { display: block; }

/* Hata bildirimi: yalnızca yöneticiler görür (bkz. candname_failure_notice) */
.candname-error { margin: 16px auto; max-width: 1280px; padding: 12px 16px; border: 1px solid var(--red); border-left-width: 4px; background: #fff5f4; color: var(--ink); font-size: calc(13px * var(--fs, 1)); line-height: 1.5; }

/* Mobile: narrower side padding so content uses more of the screen. */
@media (max-width: 959px) { :root { --gutter: max(var(--gutter-m), calc((100% - 1232px) / 2)); } }