/*
Theme Name: Adana Marka Patent
Theme URI: https://www.adana-marka-patent.com/
Description: Kadence alt teması. Marka ve patent hukuku rehberi. Tasarımın tamamı bu klasörde yaşar.
Author: Adana Marka Patent
Template: kadence
Version: 0.2.0
Requires at least: 6.3
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: adana-marka-patent
*/

/* ==========================================================================
   Bu dosya sitenin TEK tasarım kaynağıdır. Sayfa oluşturucu kullanılmaz,
   Kadence Özelleştirici asgari düzeyde tutulur.

   Sınıf öneki `mpr-` (marka patent rehberi). Kadence sınıflarıyla çakışmaz.
   Ölçütler: mobil önce, kontrast en az 4.5:1, dışarıdan font yüklenmez.
   ========================================================================== */

:root {
	--mpr-metin: #17212b;
	--mpr-solgun: #4a5765;
	--mpr-vurgu: #1c4e80;
	--mpr-vurgu-koyu: #143a60;
	--mpr-zemin: #ffffff;
	--mpr-zemin-yumusak: #f2f6fa;
	--mpr-zemin-vurgu: #eaf1f8;
	--mpr-cizgi: #d3dce5;
	--mpr-uyari-zemin: #fdf6e3;
	--mpr-uyari-cizgi: #d9b45b;
	--mpr-bosluk: 1.25rem;
	--mpr-yuvarlak: 10px;
	--mpr-genislik: 60rem;
}

/* --------------------------------------------------------------------------
   Genel okunabilirlik
   -------------------------------------------------------------------------- */

.mpr-sayfa {
	color: var(--mpr-metin);
	max-width: var(--mpr-genislik);
	margin-inline: auto;
}

.mpr-sayfa p {
	line-height: 1.7;
	max-width: 42rem;
}

.mpr-sayfa h2 {
	margin-block: 2.5rem 0.75rem;
	line-height: 1.25;
}

.mpr-sayfa h3 {
	margin-block: 1.5rem 0.5rem;
	line-height: 1.3;
}

/* Baglantilar okunur ve klavyeyle gezilebilir olsun. */
.mpr-sayfa a {
	color: var(--mpr-vurgu);
	text-underline-offset: 2px;
}

.mpr-sayfa a:hover {
	color: var(--mpr-vurgu-koyu);
}

.mpr-sayfa a:focus-visible,
.mpr-kart:focus-within {
	outline: 3px solid var(--mpr-vurgu);
	outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   Giris bolumu
   -------------------------------------------------------------------------- */

.mpr-giris {
	padding-block: 0.5rem 1.5rem;
	border-bottom: 1px solid var(--mpr-cizgi);
}

.mpr-giris p {
	font-size: 1.125rem;
	color: var(--mpr-solgun);
	margin-block: 0.5rem 0;
}

/* --------------------------------------------------------------------------
   Yonlendirme kartlari: "sorununuz ne?"
   -------------------------------------------------------------------------- */

.mpr-kartlar {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--mpr-bosluk);
	margin-block: 1.25rem 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 34rem) {
	.mpr-kartlar {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 56rem) {
	.mpr-kartlar {
		grid-template-columns: repeat(3, 1fr);
	}
}

.mpr-kart {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	padding: 1.15rem 1.25rem;
	background: var(--mpr-zemin);
	border: 1px solid var(--mpr-cizgi);
	border-radius: var(--mpr-yuvarlak);
	border-left: 4px solid var(--mpr-vurgu);
}

.mpr-kart strong {
	font-size: 1.02rem;
	line-height: 1.35;
}

.mpr-kart span {
	color: var(--mpr-solgun);
	font-size: 0.94rem;
	line-height: 1.55;
}

.mpr-kart a {
	font-weight: 600;
	margin-top: auto;
	padding-top: 0.35rem;
}

/* Kart icindeki paragrafin genislik siniri burada gecersiz. */
.mpr-kart p {
	max-width: none;
	margin: 0;
}

/* --------------------------------------------------------------------------
   Yerel bilgi (Adana) ve guncel bilgi kutusu
   -------------------------------------------------------------------------- */

.mpr-yerel {
	background: var(--mpr-zemin-yumusak);
	border: 1px solid var(--mpr-cizgi);
	border-radius: var(--mpr-yuvarlak);
	padding: 1.25rem 1.35rem;
	margin-block: 1rem 0;
}

.mpr-yerel p:last-child {
	margin-bottom: 0;
}

.mpr-guncel {
	background: var(--mpr-uyari-zemin);
	border: 1px solid var(--mpr-uyari-cizgi);
	border-left-width: 5px;
	border-radius: var(--mpr-yuvarlak);
	padding: 1.15rem 1.35rem;
	margin-block: 1rem 0;
}

.mpr-guncel p:last-child {
	margin-bottom: 0;
}

.mpr-tarih {
	display: inline-block;
	font-size: 0.82rem;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--mpr-solgun);
	margin-bottom: 0.35rem;
}

/* --------------------------------------------------------------------------
   Rehber listesi
   -------------------------------------------------------------------------- */

.mpr-liste {
	list-style: none;
	padding: 0;
	margin-block: 1rem 0;
	border-top: 1px solid var(--mpr-cizgi);
}

.mpr-liste li {
	border-bottom: 1px solid var(--mpr-cizgi);
	padding-block: 0.85rem;
}

.mpr-liste a {
	font-weight: 600;
}

.mpr-liste span {
	display: block;
	color: var(--mpr-solgun);
	font-size: 0.94rem;
	line-height: 1.55;
	margin-top: 0.15rem;
}

/* --------------------------------------------------------------------------
   Kaynak beyani ve iletisim
   -------------------------------------------------------------------------- */

.mpr-kaynak {
	border-top: 1px solid var(--mpr-cizgi);
	margin-top: 2.5rem;
	padding-top: 1.25rem;
	color: var(--mpr-solgun);
	font-size: 0.94rem;
}

.mpr-kaynak p {
	line-height: 1.65;
}

.mpr-iletisim {
	background: var(--mpr-zemin-vurgu);
	border-radius: var(--mpr-yuvarlak);
	padding: 1.35rem 1.5rem;
	margin-block: 1rem 0;
}

.mpr-iletisim p:last-child {
	margin-bottom: 0;
}

/* --------------------------------------------------------------------------
   Erisilebilirlik ve hareket tercihi
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	.mpr-sayfa * {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}

/* Ekran okuyucuya ozel baslik gerekirse. */
.mpr-gizli {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}