/*
 * ORGANİZATÖRLER İÇİN — /organizatorler-icin/ (TR, sayfa 7854) + /en/for-organisers/ (kurumsal rota).
 * 0.13.133 (13 Eki 2026). Kullanıcı: «daha kompakt, görsel olarak daha güzel».
 *
 * Düzen: makale sütunundan taşan geniş kap (.adv-org) · üstte söz listesi + koyu eylem kartı ·
 * «yarış sayfanız» paneli (İMZA: gerçek bir yarışın bölüm şeridi — Varda 27K, yarış sayfasındaki
 * bölüm renkleriyle) · dört kısa blok · açılır SSS.
 * Bilerek YOK: büyük harfli etiket, numaralı kutu, «→», her şeyi aynı karta doldurmak.
 * Gövde Space Grotesk (arayüz yazısı), başlıklar Newsreader — sitenin kendi ikilisi.
 */

/* Tema dek'i (TR özet) bu sayfada içerikteki girişle yer değiştirir: EN şablonu dek basmıyor,
   iki dil aynı içerik yapısını kullansın diye giriş gövdede. */
body.page-id-7854 .adv-makale__dek { display: none; }
body.page-id-7854 .adv-makale__kunye,
body.adv-kurumsal-organizatorler-icin .adv-makale__kunye { display: none; }

.adv-org {
	--org-yesil: oklch(0.52 0.13 150);
	--org-kirmizi: #c2412d;
	--org-turuncu: #e09a3e;
	--org-gri: #b9b6ad;
	--org-yesil-acik: #6fb892;
	--org-yesil-koyu: #2f7d5b;

	/* Makale sütunundan taş: 1080 px ya da ekran − 32 px. */
	width: min(1080px, calc(100vw - 32px));
	margin-left: calc(50% - min(540px, 50vw - 16px));
	font-family: var(--adv-sans);
	font-size: 16px;
	line-height: 1.55;
	color: var(--adv-govde);
}
.adv-org p,
.adv-org li { font-family: var(--adv-sans); font-size: 16px; line-height: 1.55; margin: 0; }
.adv-org ul { margin: 0; padding: 0; list-style: none; }
.adv-org h2,
.adv-org h3 { font-family: var(--adv-serif); color: var(--adv-baslik); margin: 0; padding: 0; border: 0; letter-spacing: -0.01em; }
.adv-org a { color: inherit; }
.adv-org strong { color: var(--adv-baslik); font-weight: 600; }

/* --- Giriş --------------------------------------------------------------- */
.adv-org__giris {
	max-width: 46ch;
	margin: 0 auto 36px !important;
	text-align: center;
	font-family: var(--adv-serif) !important;
	font-size: 22px !important;
	line-height: 1.4 !important;
	color: var(--adv-ikincil);
}

/* --- Üst: sözler + eylem kartı ------------------------------------------- */
.adv-org__ust {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	gap: 20px;
	align-items: stretch;
}
.adv-org__sozler {
	display: grid;
	gap: 0;
	align-content: start;
	border-top: 2px solid var(--adv-baslik);
}
.adv-org__soz {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	gap: 4px 12px;
	padding: 18px 0;
	border-bottom: 1px solid var(--adv-cizgi);
}
.adv-org__soz::before {
	content: "";
	grid-row: span 2;
	width: 22px;
	height: 22px;
	margin-top: 3px;
	border-radius: 50%;
	background: var(--org-yesil) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6 11.5l3.2 3.2L16 8' fill='none' stroke='%23EFEDE7' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat;
}
.adv-org__soz h3 { font-size: 22px; line-height: 1.2; }
.adv-org__soz p { color: var(--adv-ikincil); }

.adv-org__kart {
	background: var(--adv-murekkep);
	color: var(--adv-krem-2);
	border-radius: 14px;
	padding: 26px 26px 24px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.adv-org__kart h2 { color: var(--adv-krem); font-size: 26px; line-height: 1.15; }
.adv-org__kart p,
.adv-org__kart li { color: var(--adv-krem-2); font-size: 15px; }
.adv-org__kart ul { display: grid; gap: 6px; }
.adv-org__kart li { padding-left: 18px; position: relative; }
.adv-org__kart li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 0.62em;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--adv-turuncu);
}
.adv-org__kart .adv-org__eposta {
	display: inline-block;
	align-self: flex-start;
	margin-top: 4px;
	padding: 12px 18px;
	border-radius: 999px;
	background: var(--adv-turuncu);
	color: var(--adv-murekkep);
	font-weight: 700;
	font-size: 16px;
	text-decoration: none;
}
.adv-org__kart .adv-org__eposta:hover { background: var(--adv-turuncu-parlak); }
.adv-org__kart .adv-org__eposta:focus-visible { outline: 3px solid var(--adv-krem); outline-offset: 3px; }
.adv-org__kart .adv-org__not { font-size: 13.5px; color: var(--adv-krem-3); }

/* --- Yarış sayfanız paneli (imza: bölüm şeridi) --------------------------- */
.adv-org__panel {
	margin-top: 40px;
	padding: 28px;
	background: var(--adv-kagit-2);
	border-radius: 14px;
}
.adv-org__panel > h2 { font-size: 30px; line-height: 1.15; margin-bottom: 6px; }
.adv-org__panel > p { color: var(--adv-ikincil); margin-bottom: 20px; }

.adv-org__serit { margin: 0 0 24px; }
.adv-org__serit-cubuk {
	display: flex;
	height: 14px;
	border-radius: 7px;
	overflow: hidden;
	gap: 2px;
}
.adv-org__serit-cubuk span { display: block; height: 100%; }
/* Varda Ultra Trail 27K — canlı bölüm bölüm parkur (12 Eki 2026), km cinsinden pay. */
.adv-org__serit-cubuk span:nth-child(1) { flex: 7.6; background: var(--org-yesil-acik); }   /* 0–7,6 hafif iniş */
.adv-org__serit-cubuk span:nth-child(2) { flex: 3.9; background: var(--org-kirmizi); }      /* 7,6–11,5 tırmanış */
.adv-org__serit-cubuk span:nth-child(3) { flex: 2.7; background: var(--org-turuncu); }      /* 11,5–14,2 hafif tırmanış */
.adv-org__serit-cubuk span:nth-child(4) { flex: 5.1; background: var(--org-yesil-koyu); }   /* 14,2–19,3 iniş */
.adv-org__serit-cubuk span:nth-child(5) { flex: 7.4; background: linear-gradient(90deg, var(--org-turuncu), var(--org-yesil-acik)); } /* 19,3–26,7 inişli çıkışlı */
.adv-org__serit-alt {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-top: 8px;
	font-size: 13px !important;
	color: var(--adv-meta);
}

.adv-org__ozellik {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px 28px;
}
.adv-org__ozellik li { color: var(--adv-ikincil); font-size: 15px; }
.adv-org__ozellik strong { display: block; font-size: 16px; margin-bottom: 2px; }

/* --- Dört kısa blok ------------------------------------------------------- */
.adv-org__dortlu {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	margin-top: 40px;
}
.adv-org__dortlu > div { border-top: 2px solid var(--adv-baslik); padding-top: 14px; }
.adv-org__dortlu h3 { font-size: 20px; line-height: 1.2; margin-bottom: 6px; }
.adv-org__dortlu p { font-size: 15px; color: var(--adv-ikincil); }

/* --- SSS ------------------------------------------------------------------ */
.adv-org__sss { margin-top: 44px; }
.adv-org__sss > h2 { font-size: 28px; margin-bottom: 10px; }
.adv-org__sss-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
.adv-org__sss details { border-bottom: 1px solid var(--adv-cizgi); }
.adv-org__sss summary {
	cursor: pointer;
	list-style: none;
	padding: 14px 28px 14px 0;
	position: relative;
	font-family: var(--adv-sans);
	font-weight: 600;
	font-size: 16px;
	color: var(--adv-baslik);
}
.adv-org__sss summary::-webkit-details-marker { display: none; }
.adv-org__sss summary::after {
	content: "+";
	position: absolute;
	right: 2px;
	top: 10px;
	font-size: 22px;
	font-weight: 400;
	color: var(--adv-turuncu-acik);
}
.adv-org__sss details[open] summary::after { content: "–"; }
.adv-org__sss summary:focus-visible { outline: 2px solid var(--adv-turuncu-acik); outline-offset: 2px; }
.adv-org__sss details p { padding: 0 0 14px; color: var(--adv-ikincil); font-size: 15px; }

/* --- Dar ekran ------------------------------------------------------------ */
@media (max-width: 900px) {
	.adv-org__ust { grid-template-columns: 1fr; }
	.adv-org__ozellik { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.adv-org__dortlu { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
	.adv-org__giris { font-size: 19px !important; margin-bottom: 24px !important; }
	.adv-org__panel { padding: 20px 16px; }
	.adv-org__ozellik,
	.adv-org__dortlu,
	.adv-org__sss-izgara { grid-template-columns: 1fr; }
	.adv-org__soz h3 { font-size: 20px; }
}

/* --- 0.13.134 — «Yarışınızı gönderin» form penceresi (inc/organizator-form.php) --- */
.adv-orgf {
	width: min(640px, calc(100vw - 24px));
	max-height: calc(100vh - 24px);
	padding: 0;
	border: 0;
	border-radius: 14px;
	background: var(--adv-kagit);
	color: var(--adv-govde);
	box-shadow: 0 24px 60px rgba(18, 22, 27, .35);
}
.adv-orgf::backdrop { background: rgba(18, 22, 27, .55); }
.adv-orgf__kabuk { padding: 24px 26px 22px; font-family: var(--adv-sans); font-size: 15px; }
.adv-orgf__ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 6px; }
.adv-orgf h2 { font-family: var(--adv-serif); font-size: 26px; line-height: 1.15; margin: 0; color: var(--adv-baslik); }
.adv-orgf__kapat { border: 0; background: none; font-size: 28px; line-height: 1; padding: 0 4px; cursor: pointer; color: var(--adv-ikincil); }
.adv-orgf__kapat:focus-visible { outline: 2px solid var(--adv-turuncu-acik); border-radius: 4px; }
.adv-orgf__giris { margin: 0 0 16px; color: var(--adv-ikincil); font-size: 14.5px; line-height: 1.5; }
.adv-orgf__izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
.adv-orgf__izgara label { display: flex; flex-direction: column; gap: 5px; font-size: 13.5px; font-weight: 600; color: var(--adv-baslik); }
.adv-orgf__izgara label.genis { grid-column: 1 / -1; }
.adv-orgf input[type="text"], .adv-orgf input[type="email"], .adv-orgf input[type="url"], .adv-orgf input[type="date"], .adv-orgf textarea {
	font: 400 15px/1.4 var(--adv-sans);
	padding: 10px 12px;
	border: 1px solid var(--adv-cizgi-koyu);
	border-radius: 8px;
	background: #fff;
	color: var(--adv-govde);
	width: 100%;
	box-sizing: border-box;
}
.adv-orgf input:focus, .adv-orgf textarea:focus { outline: 2px solid var(--adv-turuncu-acik); outline-offset: 1px; border-color: transparent; }
.adv-orgf textarea { resize: vertical; min-height: 76px; }
.adv-orgf__onay { display: flex; gap: 10px; align-items: flex-start; margin: 16px 0 0; font-size: 13.5px; color: var(--adv-ikincil); }
.adv-orgf__onay input { margin-top: 3px; accent-color: var(--adv-turuncu-acik); }
.adv-orgf__onay a { color: var(--adv-baslik); }
.adv-orgf__alt { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 18px; font-size: 13px; color: var(--adv-meta); }
.adv-orgf__alt a { color: var(--adv-ikincil); }
.adv-orgf__gonder {
	border: 0; border-radius: 999px; padding: 12px 26px; cursor: pointer;
	background: var(--adv-turuncu); color: var(--adv-murekkep); font: 700 16px/1 var(--adv-sans);
}
.adv-orgf__gonder:hover { background: var(--adv-turuncu-parlak); }
.adv-orgf__gonder:focus-visible { outline: 3px solid var(--adv-murekkep); outline-offset: 2px; }
.adv-orgf__durum { margin: 8px 0 14px; padding: 12px 14px; border-radius: 8px; font-size: 14.5px; }
.adv-orgf__durum--ok { background: oklch(0.93 0.05 150); color: oklch(0.32 0.09 150); }
.adv-orgf__durum--hata { background: oklch(0.93 0.05 25); color: oklch(0.38 0.15 25); }
@media (max-width: 600px) {
	.adv-orgf__kabuk { padding: 20px 16px 18px; }
	.adv-orgf__izgara { grid-template-columns: 1fr; }
}
