/*
Theme Name: Dernek Yonetim
Author: SEM GRUP
Author URI: https://www.dernekyonetimsistemi.com/
Description: A clean, corporate, mobile-friendly base theme for associations. Includes an announcement slider and tabbed content box, an assignable three-column homepage template, hierarchical static pages, threaded comments, and a keyboard-accessible multi-level menu.
Version: 4.1.1
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.1
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dernek-yonetim
Tags: custom-logo, custom-menu, featured-images, three-columns, translation-ready, blog
*/

/*
Dernek Yonetim
Copyright (C) 2026 SEM GRUP

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program. If not, see https://www.gnu.org/licenses/gpl-2.0.html.

== Bundled resources ==
This theme bundles no third-party libraries, fonts, or images. Demo images
used during development are not part of the distributed theme package.
*/

/* =========================================================
   Dernek Yönetim Teması — Tasarım Token'ları
   ========================================================= */
:root {
	--dys-color-bg: #FAF7F1;
	--dys-color-surface: #FFFFFF;
	--dys-color-ink: #22262B;
	--dys-color-ink-muted: #5B5A54;
	--dys-color-primary: #1B2A41;
	--dys-color-accent: #A63A2E;
	--dys-color-accent-gold: #C08A2E;
	--dys-color-border: #D8D2C4;

	--dys-font-heading: ui-serif, "Iowan Old Style", "Apple Garamond", Baskerville, "Source Serif Pro", "Times New Roman", serif;
	--dys-font-body: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	--dys-space-1: 4px;
	--dys-space-2: 8px;
	--dys-space-3: 16px;
	--dys-space-4: 24px;
	--dys-space-5: 40px;
	--dys-space-6: 64px;

	--dys-radius: 3px;
	--dys-layout-max: 1400px;

	--dys-color-ustbar-bg: #0B0F14;
	--dys-color-ustbar-buton: #2E5AA8;
	--dys-color-ustbar-buton-hover: #26498a;
	--dys-color-nav-pill-bg: #F1EFEA;

	/* Menü tipografisi — gövde/başlık fontundan bağımsız, header'a özel */
	--dys-menu-font-family: var(--dys-font-body);
	--dys-menu-font-size: 15px;
	--dys-menu-font-weight: 700;
	--dys-menu-letter-spacing: 0.03em;
	--dys-menu-text-transform: uppercase;
	--dys-menu-item-padding-x: 19px;
	--dys-menu-font-color: var(--dys-color-primary);
}

/* Temel */
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background-color: var(--dys-color-bg);
	color: var(--dys-color-ink);
	font-family: var(--dys-font-body);
	font-size: 18px;
	line-height: 1.55;
}
h1, h2, h3, h4 {
	font-family: var(--dys-font-heading);
	color: var(--dys-color-primary);
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 var(--dys-space-3);
}
p { margin: 0 0 var(--dys-space-3); max-width: 70ch; }
a { color: var(--dys-color-accent); text-decoration: underline; text-underline-offset: 2px; }
a:hover { color: var(--dys-color-primary); }
a:focus-visible, button:focus-visible, [tabindex]:focus-visible {
	outline: 2px solid var(--dys-color-accent);
	outline-offset: 2px;
}
img { max-width: 100%; height: auto; display: block; }

.container {
	width: 100%;
	max-width: var(--dys-layout-max);
	margin-inline: auto;
	padding-inline: var(--dys-space-4);
}

/* Üst bar: telefon + Üyelik Başvurusu / Aidat Öde / Bağış Yap / sosyal */
.ustbar {
	background: var(--dys-color-ustbar-bg);
	color: #fff;
	font-size: 0.85rem;
}
.ustbar-ic {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: var(--dys-space-3);
	padding-block: 10px;
}
.ustbar-telefon {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #fff;
	text-decoration: none;
	margin-right: auto;
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}
.ustbar-telefon:hover,
.ustbar-telefon:focus-visible {
	color: var(--dys-color-accent-gold);
}
.ustbar-telefon:hover .ustbar-ikon,
.ustbar-telefon:focus-visible .ustbar-ikon {
	background: var(--dys-color-accent-gold);
	color: var(--dys-color-ustbar-bg);
}
.ustbar-ikon {
	flex-shrink: 0;
	box-sizing: border-box;
	width: 26px;
	height: 26px;
	padding: 6px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.ustbar-butonlar {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
/* Sıra: Üye (eklenti tarafından enjekte edilir) → Aidat Öde → Bağış Yap → Üyelik Başvurusu */
.ustbar-butonlar .dernek-ustbar-uye { order: -3; }
.ustbar-buton--aidat { order: -2; }
.ustbar-buton--bagis { order: -1; }
.ustbar-buton--uyelik { order: 0; }
.ustbar-buton {
	display: inline-block;
	background: var(--dys-color-ustbar-buton);
	color: #fff;
	padding: 6px 14px;
	border-radius: 4px;
	font-size: 0.86rem;
	font-weight: 600;
	letter-spacing: 0.3px;
	text-decoration: none;
	white-space: nowrap;
}
.ustbar-buton:hover,
.ustbar-buton:focus-visible {
	background: var(--dys-color-ustbar-buton-hover);
	color: #fff;
}
.ustbar-buton--aidat {
	background: var(--dys-color-accent-gold);
	color: #1B2A41;
}
.ustbar-buton--aidat:hover,
.ustbar-buton--aidat:focus-visible {
	background: #d9a13e;
	color: #1B2A41;
}
.ustbar-buton--bagis {
	background: var(--dys-color-accent);
	color: #fff;
}
.ustbar-buton--bagis:hover,
.ustbar-buton--bagis:focus-visible {
	background: #c04732;
	color: #fff;
}
.ustbar-sosyal {
	list-style: none;
	display: flex;
	gap: 8px;
	margin: 0;
	padding: 0;
}
.ustbar-sosyal a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.35);
	color: #fff;
	transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.ustbar-sosyal a svg {
	width: 16px;
	height: 16px;
}
.ustbar-sosyal a:hover,
.ustbar-sosyal a:focus-visible {
	transform: translateY(-2px);
}
/* Üzerine gelince her ağ kendi marka renginde */
.ustbar-sosyal a.ustbar-sosyal-facebook:hover,
.ustbar-sosyal a.ustbar-sosyal-facebook:focus-visible {
	background: #1877f2;
	border-color: #1877f2;
	box-shadow: 0 6px 16px rgba(24, 119, 242, 0.45);
}
.ustbar-sosyal a.ustbar-sosyal-instagram:hover,
.ustbar-sosyal a.ustbar-sosyal-instagram:focus-visible {
	background: linear-gradient(145deg, #fd1d1d, #833ab4 55%, #fcb045);
	border-color: transparent;
	box-shadow: 0 6px 16px rgba(221, 42, 123, 0.45);
}
.ustbar-sosyal a.ustbar-sosyal-x:hover,
.ustbar-sosyal a.ustbar-sosyal-x:focus-visible,
.ustbar-sosyal a.ustbar-sosyal-twitter:hover,
.ustbar-sosyal a.ustbar-sosyal-twitter:focus-visible {
	background: #000;
	border-color: #000;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5);
}
.ustbar-sosyal a.ustbar-sosyal-youtube:hover,
.ustbar-sosyal a.ustbar-sosyal-youtube:focus-visible {
	background: #ff0000;
	border-color: #ff0000;
	box-shadow: 0 6px 16px rgba(255, 0, 0, 0.45);
}
.ustbar-sosyal a.ustbar-sosyal-linkedin:hover,
.ustbar-sosyal a.ustbar-sosyal-linkedin:focus-visible {
	background: #0a66c2;
	border-color: #0a66c2;
	box-shadow: 0 6px 16px rgba(10, 102, 194, 0.45);
}
.ustbar-sosyal a.ustbar-sosyal-whatsapp:hover,
.ustbar-sosyal a.ustbar-sosyal-whatsapp:focus-visible {
	background: #25d366;
	border-color: #25d366;
	box-shadow: 0 6px 16px rgba(37, 211, 102, 0.45);
}
.ustbar-sosyal a.ustbar-sosyal-telegram:hover,
.ustbar-sosyal a.ustbar-sosyal-telegram:focus-visible {
	background: #2aabee;
	border-color: #2aabee;
	box-shadow: 0 6px 16px rgba(42, 171, 238, 0.45);
}
.ustbar-sosyal a.ustbar-sosyal-tiktok:hover,
.ustbar-sosyal a.ustbar-sosyal-tiktok:focus-visible {
	background: linear-gradient(145deg, #25f4ee, #fe2c55 55%, #111);
	border-color: transparent;
	box-shadow: 0 6px 16px rgba(254, 44, 85, 0.45);
}
.ustbar-sosyal a.ustbar-sosyal-pinterest:hover,
.ustbar-sosyal a.ustbar-sosyal-pinterest:focus-visible {
	background: #e60023;
	border-color: #e60023;
	box-shadow: 0 6px 16px rgba(230, 0, 35, 0.45);
}
.ustbar-sosyal a.ustbar-sosyal-threads:hover,
.ustbar-sosyal a.ustbar-sosyal-threads:focus-visible {
	background: #fff;
	color: #000;
	border-color: #fff;
	box-shadow: 0 6px 16px rgba(255, 255, 255, 0.3);
}
@media (max-width: 480px) {
	.ustbar-ic { justify-content: center; text-align: center; }
}

/* Header */
.site-header {
	background: var(--dys-color-surface);
	color: var(--dys-color-primary);
	padding-block: 18px;
	border-bottom: 1px solid var(--dys-color-border);
}
.site-header a { color: var(--dys-color-primary); text-decoration: none; }
.site-header .site-title {
	font-family: var(--dys-font-heading);
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
	text-align: center;
	border: 1px solid var(--dys-color-border);
	border-radius: 10px;
	padding: 14px 22px;
}
.site-marka { min-width: 0; }
.site-header .custom-logo-link {
	display: block;
	line-height: 0;
}
.site-header .custom-logo {
	display: block;
	width: auto;
	height: auto;
	max-height: 74px;
	max-width: 320px;
}
@media (max-width: 780px) {
	.site-header .custom-logo { max-height: 54px; }
}

/* Footer */
.site-footer {
	background: var(--dys-color-primary);
	color: #cfd6de;
	padding-block: var(--dys-space-4);
	margin-top: var(--dys-space-6);
	font-size: 0.9rem;
}
.site-footer a { color: #fff; }

/* Duyuru listesi — "ilan panosu" mantığı: kart değil, çizgili liste */
.duyuru-listesi {
	border-top: 1px solid var(--dys-color-border);
	margin-top: var(--dys-space-4);
}
.duyuru-karti {
	display: flex;
	gap: var(--dys-space-4);
	align-items: flex-start;
	padding-block: var(--dys-space-4);
	border-bottom: 1px solid var(--dys-color-border);
}
.duyuru-karti img {
	width: 140px;
	height: 100px;
	object-fit: cover;
	border-radius: var(--dys-radius);
	flex-shrink: 0;
}
.duyuru-karti h2 {
	font-size: 1.25rem;
	margin-bottom: var(--dys-space-1);
}
.duyuru-karti h2 a { color: var(--dys-color-primary); text-decoration: none; }
.duyuru-karti h2 a:hover { color: var(--dys-color-accent); }
.duyuru-ozet { color: var(--dys-color-ink-muted); }

/* Tekil duyuru */
.dernek-icerik-tekil article { max-width: 70ch; margin-inline: auto; }
.dernek-icerik-tekil h1 { font-size: 2rem; }
.duyuru-icerik { margin-block: var(--dys-space-4); }

/* Erişilebilirlik: hareket tercihi */
@media (prefers-reduced-motion: reduce) {
	* { animation: none !important; transition: none !important; }
}

/* Mobil */
@media (max-width: 600px) {
	.duyuru-karti { flex-direction: column; }
	.duyuru-karti img { width: 100%; height: auto; aspect-ratio: 16 / 9; }
}

/* Anasayfa */
.anasayfa-tum-duyurular { margin-top: var(--dys-space-3); }

/* Menü (çok seviyeli, JS'siz, hover/focus ile açılan basit dropdown) */
.site-header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--dys-space-3);
}
.menu-toggle {
	display: none;
}
.site-nav {
	background: var(--dys-color-nav-pill-bg);
	border-radius: 999px;
	padding: 8px 10px;
}
.site-nav-list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
}
.site-nav-list li { position: relative; }
.site-nav-list .menu-item-has-children {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.alt-menu-ac {
	appearance: none;
	background: transparent;
	border: 0;
	color: var(--dys-menu-font-color);
	width: 24px;
	height: 24px;
	margin-inline-start: -6px;
	padding: 0;
	cursor: pointer;
	font-size: 0.65rem;
	line-height: 1;
}
.alt-menu-ac .alt-menu-ac-ok {
	display: inline-block;
	transition: transform 0.15s ease;
}
.alt-menu-ac[aria-expanded="true"] .alt-menu-ac-ok {
	transform: rotate(180deg);
}
.site-nav-list .sub-menu .alt-menu-ac { color: #fff; }
.site-nav-list a {
	color: var(--dys-menu-font-color);
	text-decoration: none;
	font-family: var(--dys-menu-font-family);
	font-size: var(--dys-menu-font-size);
	font-weight: var(--dys-menu-font-weight);
	text-transform: var(--dys-menu-text-transform);
	letter-spacing: var(--dys-menu-letter-spacing);
	padding: 12px var(--dys-menu-item-padding-x);
	border-radius: 999px;
	display: inline-block;
}
.site-nav-list a:hover,
.site-nav-list a:focus-visible {
	background: rgba(27, 42, 65, 0.08);
}
.site-nav-list li.current-menu-item > a,
.site-nav-list li.current-menu-ancestor > a {
	background: var(--dys-color-primary);
	color: #fff;
	border-radius: 10px;
}
.site-nav-list li.current-menu-item > a:hover,
.site-nav-list li.current-menu-ancestor > a:hover {
	background: var(--dys-color-primary);
}
.site-nav-list .sub-menu {
	list-style: none;
	margin: 0;
	padding: var(--dys-space-2) 0;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 220px;
	background: var(--dys-color-primary);
	border-top: 2px solid var(--dys-color-accent);
	border-radius: 10px;
	display: none;
	z-index: 20;
}
.site-nav-list li:hover > .sub-menu,
.site-nav-list li:focus-within > .sub-menu {
	display: block;
}
/* Erişilebilir aç/kapa düğmesi: aria-expanded="true" olduğunda alt menüyü göster. */
.site-nav-list .alt-menu-ac[aria-expanded="true"] ~ .sub-menu {
	display: block;
}
.site-nav-list .sub-menu a {
	color: #fff;
	text-transform: none;
	font-weight: 400;
	border-radius: 0;
	padding-inline: var(--dys-space-3);
}
.site-nav-list .sub-menu a:hover,
.site-nav-list .sub-menu a:focus-visible {
	background: rgba(255, 255, 255, 0.1);
}
.site-nav-list .sub-menu li.current-menu-item > a {
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
}

/* 3. seviye alt menü — yandan açılan flyout */
.site-nav-list .sub-menu .sub-menu {
	top: 0;
	left: 100%;
}
@media (max-width: 780px) {
	.site-nav-list .sub-menu .sub-menu {
		position: static;
		left: 0;
		padding-left: var(--dys-space-3);
	}
}

/* Sayfa şablonu */
.dernek-sayfa article { max-width: 70ch; margin-inline: auto; padding-block: var(--dys-space-5); }
.dernek-sayfa h1 { font-size: 2rem; }

/* Mobil: hamburger ile açılıp kapanan menü */
@media (max-width: 780px) {
	.menu-toggle {
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 5px;
		width: 40px;
		height: 40px;
		padding: 0;
		background: transparent;
		border: 1px solid var(--dys-color-border);
		border-radius: var(--dys-radius);
		cursor: pointer;
	}
	.menu-toggle-cizgi {
		display: block;
		width: 20px;
		height: 2px;
		background: var(--dys-color-primary);
		border-radius: 1px;
		transition: transform 0.2s ease, opacity 0.2s ease;
	}
	.menu-toggle.is-acik .menu-toggle-cizgi:nth-child(1) { transform: translateY(7px) rotate(45deg); }
	.menu-toggle.is-acik .menu-toggle-cizgi:nth-child(2) { opacity: 0; }
	.menu-toggle.is-acik .menu-toggle-cizgi:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

	.site-nav {
		flex-basis: 100%;
		background: transparent;
		border-radius: 0;
		padding: 0;
	}
	.site-nav-list {
		display: none;
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 2px;
		width: 100%;
		max-height: 70vh;
		overflow-y: auto;
		padding: var(--dys-space-2);
		background: var(--dys-color-primary);
		border-radius: 10px;
	}
	.site-nav-list.is-acik { display: flex; }
	/* Mobilde alt menüler zaten hep açık listelendiği için ayrı aç/kapa
	   düğmesine gerek yok (masaüstü hover/flyout mantığı burada yok). */
	.alt-menu-ac { display: none; }
	.site-nav-list a {
		color: #fff;
		text-align: left;
	}
	.site-nav-list a:hover,
	.site-nav-list a:focus-visible {
		background: rgba(255, 255, 255, 0.1);
	}
	.site-nav-list li.current-menu-item > a,
	.site-nav-list li.current-menu-ancestor > a {
		background: var(--dys-color-accent);
		color: #fff;
	}
	.site-nav-list .sub-menu {
		position: static;
		display: block;
		border-top: none;
		background: transparent;
		padding-left: var(--dys-space-3);
	}
}

/* Duyuru slider — ortalanmış kart, solda görsel / sağda başlık-özet-buton */
.anasayfa-slider {
	background: var(--dys-color-primary);
	padding: var(--dys-space-5) var(--dys-space-4);
}
.slider-kap {
	position: relative;
	max-width: var(--dys-layout-max);
	margin-inline: auto;
	border-radius: var(--dys-radius);
	overflow: hidden;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.25);
}
.slider-track {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}
.slider-track::-webkit-scrollbar { display: none; }
.slider-slide {
	flex: 0 0 100%;
	scroll-snap-align: start;
	display: flex;
	align-items: stretch;
	min-height: 360px;
	background-color: var(--dys-color-primary);
	color: #fff;
}
.slider-gorsel {
	flex: 0 0 50%;
	display: block;
	overflow: hidden;
}
.slider-gorsel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.slider-yazi {
	flex: 0 0 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--dys-space-3);
	padding: var(--dys-space-5);
	border-left: 1px solid rgba(255, 255, 255, 0.12);
}
.slider-slide--gorselsiz .slider-yazi {
	flex-basis: 100%;
	border-left: 0;
	text-align: center;
	align-items: center;
}
.slider-etiket {
	align-self: flex-start;
	background: var(--dys-color-accent);
	color: #fff;
	font-size: 0.8rem;
	padding: 2px 10px;
	border-radius: var(--dys-radius);
}
.slider-slide--gorselsiz .slider-etiket { align-self: center; }
.slider-baslik {
	font-family: var(--dys-font-heading);
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.25;
	max-width: 40ch;
}
.slider-ozet {
	font-size: 1rem;
	line-height: 1.6;
	max-width: 55ch;
	color: rgba(255, 255, 255, 0.92);
}
.slider-btn {
	align-self: flex-start;
	background: #fff;
	color: var(--dys-color-primary);
	text-decoration: none;
	font-weight: 600;
	padding: 10px 22px;
	border-radius: var(--dys-radius);
}
.slider-slide--gorselsiz .slider-btn { align-self: center; }
.slider-btn:hover,
.slider-btn:focus-visible {
	background: var(--dys-color-accent-gold);
	color: #fff;
}
.slider-kontrol {
	position: absolute;
	right: var(--dys-space-4);
	bottom: var(--dys-space-3);
	display: flex;
	gap: var(--dys-space-2);
}
.slider-prev, .slider-next, .slider-duraklat {
	background: rgba(255,255,255,0.15);
	border: 1px solid rgba(255,255,255,0.4);
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	cursor: pointer;
	font-size: 1rem;
	line-height: 1;
}
.slider-prev:hover, .slider-next:hover, .slider-duraklat:hover,
.slider-prev:focus-visible, .slider-next:focus-visible, .slider-duraklat:focus-visible {
	background: rgba(255,255,255,0.3);
}
.slider-duraklat { font-size: 0.7rem; letter-spacing: 1px; }
.slider-duraklat.is-duraklatildi { font-size: 0.85rem; letter-spacing: 0; }
@media (max-width: 780px) {
	.slider-slide { flex-direction: column; min-height: 0; }
	.slider-gorsel { flex-basis: auto; aspect-ratio: 16 / 9; }
	.slider-yazi { flex-basis: auto; padding: var(--dys-space-4); border-left: 0; }
	.slider-baslik { font-size: 1.3rem; }
	.slider-kontrol { bottom: var(--dys-space-2); right: var(--dys-space-2); }
}

/* =========================================================
   WordPress çekirdek — gerekli / önerilen sınıflar
   ========================================================= */
.alignleft {
	float: left;
	margin: 0 var(--dys-space-4) var(--dys-space-3) 0;
}
.alignright {
	float: right;
	margin: 0 0 var(--dys-space-3) var(--dys-space-4);
}
.aligncenter {
	display: block;
	margin-inline: auto;
}
.wp-caption {
	max-width: 100%;
	margin-bottom: var(--dys-space-3);
}
.wp-caption img {
	display: block;
	max-width: 100%;
	height: auto;
}
.wp-caption-text,
.gallery-caption {
	display: block;
	font-size: 0.9rem;
	line-height: 1.5;
	padding-top: var(--dys-space-1);
}
.wp-caption-text {
	text-align: center;
}
.sticky,
.bypostauthor {
	display: block;
}
.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 !important;
}
.screen-reader-text:focus {
	background-color: var(--dys-color-surface);
	clip: auto;
	clip-path: none;
	color: var(--dys-color-primary);
	display: block;
	font-size: 1rem;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* "İçeriğe geç" bağlantısı — sadece klavye odağında görünür. */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
}
.skip-link:focus {
	position: fixed;
	left: 8px;
	top: 8px;
	z-index: 100001;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
	border-radius: 4px;
}
.site-content:focus {
	outline: none;
}

/* Yeni şablon parçaları */
.sayfa-bolme {
	margin-block: var(--dys-space-4);
	font-weight: 600;
}
.sayfa-bolme a {
	display: inline-block;
	padding: 2px 8px;
}
.yazi-ust-bilgi {
	color: var(--dys-color-primary);
	font-size: 0.9rem;
	opacity: 0.75;
	margin-bottom: var(--dys-space-2);
}
.dernek-404 {
	padding-block: var(--dys-space-6);
}
.dernek-404-donus {
	margin-top: var(--dys-space-4);
}
.arsiv-aciklama {
	margin-bottom: var(--dys-space-4);
}

/* =========================================================
   Anasayfa — üç sütun: Derneğimiz / Duyurular / Başkan
   ========================================================= */
.anasayfa-uc-sutun {
	display: grid;
	grid-template-columns: 208px minmax(0, 1fr) 228px;
	gap: var(--dys-space-3);
	align-items: start;
	padding-block: var(--dys-space-4) var(--dys-space-6);
}
.anasayfa-kutu {
	background: var(--dys-color-surface);
	border: 1px solid var(--dys-color-border);
	border-radius: var(--dys-radius);
}
.anasayfa-kutu-baslik {
	margin: 0;
	padding: var(--dys-space-3) var(--dys-space-4);
	font-size: 1rem;
	border-bottom: 2px solid var(--dys-color-primary);
}
.anasayfa-kutu-baslik a {
	color: inherit;
	text-decoration: none;
}

/* Sol: Derneğimiz hızlı erişim */
.anasayfa-dernegimiz ul {
	list-style: none;
	margin: 0;
	padding: var(--dys-space-2);
}
.anasayfa-dernegimiz li + li {
	border-top: 1px solid var(--dys-color-border);
}
.anasayfa-dernegimiz a {
	display: block;
	padding: var(--dys-space-2);
	color: var(--dys-color-ink);
	text-decoration: none;
	font-size: 0.92rem;
}
.anasayfa-dernegimiz a:hover,
.anasayfa-dernegimiz a:focus-visible {
	color: var(--dys-color-accent);
}

/* Orta: sekmeli içerik kutusu (Duyurular + Pro'da ek türler) */
.anasayfa-duyuru-yok {
	margin: var(--dys-space-4);
	color: var(--dys-color-ink-muted);
}
.sekme-basliklar {
	display: flex;
	flex-wrap: nowrap;
	gap: 3px;
	margin: var(--dys-space-3) var(--dys-space-2) 0;
	padding: 4px;
	background: var(--dys-color-bg);
	border: 1px solid var(--dys-color-border);
	border-radius: 999px;
	overflow-x: auto;
	scrollbar-width: none;
}
.sekme-basliklar::-webkit-scrollbar { display: none; }
.sekme-baslik {
	appearance: none;
	background: transparent;
	border: 0;
	border-radius: 999px;
	padding: 7px 13px;
	font: inherit;
	font-size: 0.84rem;
	font-weight: 600;
	color: var(--dys-color-ink-muted);
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.sekme-baslik:hover {
	color: var(--dys-color-primary);
}
.sekme-baslik.aktif {
	background: var(--dys-color-primary);
	color: #fff;
	box-shadow: 0 2px 8px rgba(27, 42, 65, 0.35);
}
.sekme-panel {
	padding: var(--dys-space-4) var(--dys-space-4);
}
.sekme-panel[hidden] { display: none; }

.icerik-satir-liste {
	list-style: none;
	margin: 0;
	padding: 0;
}
.icerik-satir {
	display: flex;
	align-items: center;
	gap: var(--dys-space-3);
	padding-block: var(--dys-space-3);
	border-bottom: 1px solid var(--dys-color-border);
}
.icerik-satir:first-child { padding-top: 0; }
.icerik-satir:last-child { border-bottom: 0; padding-bottom: 0; }
.icerik-satir-gorsel {
	flex: 0 0 auto;
	display: block;
	width: 68px;
	height: 68px;
	border-radius: var(--dys-radius);
	overflow: hidden;
}
.icerik-satir-gorsel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.icerik-satir-govde {
	flex: 1 1 auto;
	min-width: 0;
}
.icerik-satir-baslik {
	font-size: 1rem;
	margin: 0 0 4px;
	line-height: 1.3;
}
.icerik-satir-baslik a {
	color: var(--dys-color-primary);
	text-decoration: none;
}
.icerik-satir-baslik a:hover {
	color: var(--dys-color-accent);
}
.icerik-satir-ozet {
	font-size: 0.88rem;
	color: var(--dys-color-ink-muted);
	margin: 0 0 4px;
	max-width: none;
}
.icerik-satir-tarih {
	font-size: 0.76rem;
	color: var(--dys-color-ink-muted);
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
.icerik-satir-buton {
	flex: 0 0 auto;
	align-self: center;
	white-space: nowrap;
	padding: 7px 14px;
	background: var(--dys-color-primary);
	color: #fff;
	text-decoration: none;
	border-radius: var(--dys-radius);
	font-size: 0.82rem;
	font-weight: 600;
}
.icerik-satir-buton:hover,
.icerik-satir-buton:focus-visible {
	background: var(--dys-color-accent);
	color: #fff;
}
.icerik-satir-tumu {
	margin: var(--dys-space-4) 0 0;
}

/* Sağ: başkan kartı */
.anasayfa-baskan-karti {
	padding: var(--dys-space-4);
	text-align: center;
}
.anasayfa-baskan-foto {
	width: 140px;
	height: 140px;
	object-fit: cover;
	border-radius: 50%;
	margin: 0 auto var(--dys-space-3);
	box-shadow: 0 0 0 3px var(--dys-color-bg), 0 0 0 4px var(--dys-color-border);
}
.anasayfa-baskan-ad {
	margin: 0;
	font-size: 1.15rem;
}
.anasayfa-baskan-unvan {
	margin: 0 0 var(--dys-space-2);
	color: var(--dys-color-accent);
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	max-width: none;
}
.anasayfa-baskan-mesaj {
	font-size: 0.92rem;
	color: var(--dys-color-ink-muted);
	margin: 0 0 var(--dys-space-3);
	max-width: none;
}
.anasayfa-baskan-link {
	display: inline-block;
	padding: 8px 18px;
	background: var(--dys-color-primary);
	color: #fff;
	text-decoration: none;
	border-radius: var(--dys-radius);
	font-size: 0.85rem;
	font-weight: 600;
}
.anasayfa-baskan-link:hover,
.anasayfa-baskan-link:focus-visible {
	background: var(--dys-color-accent);
	color: #fff;
}

/* Sağ sütunda birden çok kart: aralarına boşluk */
.anasayfa-sag > .anasayfa-kutu + .anasayfa-kutu {
	margin-top: var(--dys-space-4);
}

/* Sağ: Üye Ol kartı */
.anasayfa-uyeol {
	padding: var(--dys-space-4);
	text-align: center;
	background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);
	border: 2px solid var(--dys-color-ustbar-buton);
	border-radius: 10px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	color: #fff;
}
.anasayfa-uyeol-baslik {
	margin: 0 0 var(--dys-space-3);
	padding-bottom: 8px;
	border-bottom: 1px solid var(--dys-color-ustbar-buton);
	color: #fff;
	font-size: 1.15rem;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.anasayfa-uyeol-metin {
	font-size: 0.88rem;
	line-height: 1.5;
	color: #ccc;
	margin: 0 0 var(--dys-space-3);
	max-width: none;
}
.anasayfa-uyeol-buton {
	display: inline-block;
	padding: 10px 25px;
	background: var(--dys-color-ustbar-buton);
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 6px;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
	list-style: none;
	transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.anasayfa-uyeol-buton:hover,
.anasayfa-uyeol-buton:focus-visible {
	background: var(--dys-color-ustbar-buton-hover);
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(46, 90, 168, 0.4);
}

/* "Üye Olun" popup'ı — bkz. assets/js/uyeol-modal.js. Form içeriği açık renkli
   kutuda göründüğü için .anasayfa-uyeol-form'dan (koyu kart) farklı, kendi
   stiline sahip. */
.dys-modal {
	position: fixed;
	inset: 0;
	/* Üye girişi/üye ol popup'ı, ziyaretçi duyuru popup'ının (.dernek-popup, z-index 99999)
	   önünde kalmalı — ikisi aynı sayfa yüklemesinde açılırsa (ör. giriş için gelinen
	   sayfada duyuru da gösterilecekse) giriş formu erişilemez olmasın. */
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--dys-space-3);
}
/* Kapalıyken gizli kal: JS `hidden` attribute'unu açıp kapatır; yukarıdaki
   `display: flex` onu ezmesin diye açık kural gerekir (bkz. .dernek-hub-panel[hidden]). */
.dys-modal[hidden] {
	display: none;
}
.dys-modal-arka {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
}
.dys-modal-kutu {
	position: relative;
	width: 100%;
	max-width: 480px;
	max-height: 85vh;
	overflow: auto;
	background: var(--dys-color-surface);
	color: var(--dys-color-ink);
	border-radius: 12px;
	padding: var(--dys-space-5) var(--dys-space-4) var(--dys-space-4);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}
.dys-modal-x {
	position: absolute;
	top: 8px;
	right: 10px;
	border: 0;
	background: none;
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
	color: var(--dys-color-ink-muted);
}
.dys-modal-x:hover,
.dys-modal-x:focus-visible {
	color: var(--dys-color-ink);
}
body.dys-modal-acik {
	overflow: hidden;
}
.dys-form-icerik {
	text-align: left;
	font-size: 0.92rem;
}
.dys-form-icerik p { margin: 0 0 var(--dys-space-2); max-width: none; }
.dys-form-icerik label { display: block; color: var(--dys-color-ink); font-weight: 600; margin-bottom: 4px; }
.dys-form-icerik input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.dys-form-icerik textarea,
.dys-form-icerik select {
	width: 100%;
	padding: 8px 10px;
	margin-top: 3px;
	border: 1px solid var(--dys-color-border);
	border-radius: var(--dys-radius);
	background: #fff;
	color: var(--dys-color-ink);
	font: inherit;
}
.dys-form-icerik input[type="submit"] {
	width: 100%;
	padding: 10px 20px;
	margin-top: var(--dys-space-2);
	background: var(--dys-color-accent);
	color: #fff;
	border: 0;
	border-radius: var(--dys-radius);
	font-weight: 700;
	cursor: pointer;
}
.dys-form-icerik input[type="submit"]:hover {
	background: var(--dys-color-primary);
}

@media (max-width: 980px) {
	/* minmax(0,1fr): sütun grid hücreye sıkışsın; içindeki bir görsel/kutu geniş
	   olursa hücreyi (ve sayfayı) yatayda taşırmasın (mobil taşma hatası). */
	.anasayfa-uc-sutun { grid-template-columns: minmax(0, 1fr); }
	.anasayfa-sol, .anasayfa-orta, .anasayfa-sag { min-width: 0; }
}
@media (max-width: 560px) {
	.icerik-satir {
		flex-wrap: wrap;
	}
	.icerik-satir-gorsel {
		width: 56px;
		height: 56px;
	}
	.icerik-satir-buton {
		flex-basis: 100%;
		align-self: flex-start;
		margin-top: var(--dys-space-2);
	}
}

/* =========================================================
   Vitrin şablonu — atanan sayfanın kendi içeriği (slider'ın altında)
   ========================================================= */
.dernek-vitrin-icerik {
	padding-block: var(--dys-space-5) 0;
}
.dernek-vitrin-icerik .sayfa-icerik {
	max-width: 70ch;
	margin-inline: auto;
	text-align: center;
}

/* =========================================================
   Yorumlar
   ========================================================= */
.dernek-yorumlar {
	max-width: 70ch;
	margin: var(--dys-space-6) auto 0;
	padding-top: var(--dys-space-5);
	border-top: 1px solid var(--dys-color-border);
}
.dernek-yorumlar-baslik { font-size: 1.4rem; }
.dernek-yorum-liste,
.dernek-yorum-liste .children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.dernek-yorum-liste .children {
	margin-left: var(--dys-space-5);
	padding-top: var(--dys-space-3);
}
.dernek-yorum-liste > li {
	padding-block: var(--dys-space-4);
	border-bottom: 1px solid var(--dys-color-border);
}
.comment-body { display: flow-root; }
.comment-author {
	display: flex;
	align-items: center;
	gap: var(--dys-space-2);
	margin-bottom: var(--dys-space-1);
}
.comment-author .avatar {
	border-radius: 50%;
	display: block;
}
.comment-author .fn { font-style: normal; font-weight: 600; color: var(--dys-color-primary); }
.comment-metadata {
	font-size: 0.8rem;
	color: var(--dys-color-ink-muted);
	margin-bottom: var(--dys-space-2);
}
.comment-metadata a { color: inherit; }
.comment-content p:last-child { margin-bottom: 0; }
.comment-reply-link {
	display: inline-block;
	margin-top: var(--dys-space-2);
	font-size: 0.85rem;
	font-weight: 600;
}
.trackback .comment-body,
.pingback .comment-body { font-size: 0.9rem; color: var(--dys-color-ink-muted); }
.comment-awaiting-moderation {
	display: block;
	margin-top: var(--dys-space-2);
	font-size: 0.85rem;
	font-style: italic;
	color: var(--dys-color-ink-muted);
}
.dernek-yorumlar-kapali { color: var(--dys-color-ink-muted); }

.dernek-yorum-form { margin-top: var(--dys-space-5); }
.dernek-yorum-form .comment-reply-title { font-size: 1.2rem; }
.dernek-yorum-form p { max-width: none; }
.dernek-yorum-form label {
	display: block;
	font-size: 0.9rem;
	font-weight: 600;
	margin-bottom: var(--dys-space-1);
}
.dernek-yorum-form input[type="text"],
.dernek-yorum-form input[type="email"],
.dernek-yorum-form input[type="url"],
.dernek-yorum-form textarea {
	width: 100%;
	padding: 9px 11px;
	border: 1px solid var(--dys-color-border);
	border-radius: var(--dys-radius);
	background: var(--dys-color-surface);
	color: var(--dys-color-ink);
	font: inherit;
}
.dernek-yorum-form .form-submit input[type="submit"] {
	padding: 10px 22px;
	background: var(--dys-color-accent);
	color: #fff;
	border: 0;
	border-radius: var(--dys-radius);
	font-weight: 700;
	cursor: pointer;
}
.dernek-yorum-form .form-submit input[type="submit"]:hover,
.dernek-yorum-form .form-submit input[type="submit"]:focus-visible {
	background: #c04732;
}
.dernek-yorum-form .comment-notes,
.dernek-yorum-form .logged-in-as { font-size: 0.85rem; color: var(--dys-color-ink-muted); }