/*
Theme Name: MCG Tema
Description: muratcanguleryuzlu.com — hafif, size özel tema. Page builder yok; sunum katmanı burada, veri/mantık MCG Core eklentisinde.
Author: Salih Toker
Version: 0.1.12
Text Domain: mcg-tema
*/

/* ---------- Değişkenler ---------- */
:root {
	--yesil: #2E5E48;
	--yesil-koyu: #1F4534;
	--mor: #8D6FC0;
	--mor-acik: #F1ECF9;
	--altin: #C2A13C;
	--zemin: #FAF9F4;
	--kart: #FFFFFF;
	--murekkep: #23312B;
	--soluk: #5C6B62;
	--cizgi: #E4E2D8;
	--radius: 14px;
	--govde: "Figtree", system-ui, sans-serif;
	--baslik: "Marcellus", Georgia, serif;
	--genislik: 1080px;
}

/* ---------- Sıfırlama ---------- */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: var(--govde); font-size: 17px; line-height: 1.7; color: var(--murekkep); background: var(--zemin); }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--mor); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--yesil); }
h1, h2, h3 { font-family: var(--baslik); font-weight: 400; line-height: 1.25; color: var(--yesil-koyu); margin: 0 0 .5em; }
h1 { font-size: clamp(2rem, 4.5vw, 3.1rem); }
h2 { font-size: clamp(1.5rem, 3vw, 2.1rem); }
h3 { font-size: 1.25rem; }
:focus-visible { outline: 3px solid var(--altin); outline-offset: 2px; }

.mcg-ic { max-width: var(--genislik); margin: 0 auto; padding: 0 22px; }

/* ---------- Üst bölüm ---------- */
.mcg-ust { background: var(--zemin); border-bottom: 1px solid var(--cizgi); }
.mcg-ust-ic { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 22px; max-width: var(--genislik); margin: 0 auto; }
.mcg-marka { font-family: var(--baslik); font-size: 1.35rem; color: var(--yesil-koyu); text-decoration: none; display: flex; align-items: center; gap: 10px; }
.mcg-marka img { max-height: 54px; width: auto; }
.mcg-menu ul { list-style: none; display: flex; gap: 26px; margin: 0; padding: 0; flex-wrap: wrap; }
.mcg-menu a { text-decoration: none; color: var(--murekkep); font-weight: 500; }
.mcg-menu a:hover { color: var(--mor); }
.mcg-menu .current-menu-item > a, .mcg-menu .current_page_item > a { color: var(--yesil); border-bottom: 2px solid var(--altin); }

/* ---------- Yıldız (imza öğesi) ---------- */
.mcg-yildiz { width: 44px; height: 44px; color: var(--altin); }
@media (prefers-reduced-motion: no-preference) {
	.mcg-hero .mcg-yildiz { animation: mcgDon 60s linear infinite; }
	@keyframes mcgDon { to { transform: rotate(360deg); } }
}
.mcg-ayrac { display: flex; justify-content: center; padding: 8px 0 0; }
.mcg-ayrac .mcg-yildiz { width: 26px; height: 26px; opacity: .8; }

/* ---------- Hero ---------- */
.mcg-hero { text-align: center; padding: 84px 22px 70px; background:
	radial-gradient(700px 340px at 50% -80px, var(--mor-acik), transparent 70%), var(--zemin); }
.mcg-hero .mcg-yildiz { margin: 0 auto 18px; }
.mcg-hero p.mcg-alt { max-width: 620px; margin: 0 auto 34px; color: var(--soluk); font-size: 1.1rem; }

.mcg-dugme { display: inline-block; padding: 14px 30px; border-radius: 999px; font-weight: 600; text-decoration: none; transition: transform .15s ease, box-shadow .15s ease; }
.mcg-dugme:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(46, 94, 72, .18); }
.mcg-dugme-dolu { background: var(--yesil); color: #fff; }
.mcg-dugme-dolu:hover { color: #fff; background: var(--yesil-koyu); }
.mcg-dugme-cizgili { border: 2px solid var(--mor); color: var(--mor); }
.mcg-dugme-cizgili:hover { color: var(--yesil); border-color: var(--yesil); }
.mcg-hero .mcg-dugme { margin: 0 8px 10px; }

/* ---------- Bölümler ---------- */
.mcg-bolum { padding: 64px 0; }
.mcg-bolum-mor { background: var(--mor-acik); }
.mcg-bolum-baslik { text-align: center; max-width: 640px; margin: 0 auto 40px; }
.mcg-bolum-baslik p { color: var(--soluk); }

/* Nasıl çalışır — gerçek bir sıra olduğu için numaralı */
.mcg-adimlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.mcg-adim { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--radius); padding: 26px 24px; }
.mcg-adim strong.mcg-no { font-family: var(--baslik); font-size: 1.9rem; color: var(--altin); display: block; margin-bottom: 6px; }

/* Soru örnekleri */
.mcg-sorular { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; max-width: 860px; margin: 0 auto; }
.mcg-soru-kart { background: var(--kart); border: 1px solid var(--cizgi); border-left: 4px solid var(--mor); border-radius: 10px; padding: 14px 18px; font-size: .98rem; }
.mcg-sorular + .mcg-orta { margin-top: 34px; }
.mcg-orta { text-align: center; }

/* Hakkımda şeridi */
.mcg-hakkinda { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; align-items: center; }
.mcg-hakkinda .mcg-yildiz { width: 80px; height: 80px; margin: 0 auto; }

/* Yazılar */
.mcg-yazilar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.mcg-yazi-kart { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--radius); padding: 24px; display: flex; flex-direction: column; }
.mcg-yazi-kart h3 a { color: var(--yesil-koyu); text-decoration: none; }
.mcg-yazi-kart h3 a:hover { color: var(--mor); }
.mcg-yazi-kart time { color: var(--soluk); font-size: .88rem; margin-bottom: 6px; }

/* ---------- İçerik sayfaları ---------- */
.mcg-icerik { max-width: 760px; margin: 0 auto; padding: 56px 22px 72px; }
.mcg-icerik-genis { max-width: 900px; }
.mcg-icerik h1 { margin-bottom: .8em; }
.mcg-icerik :is(h2, h3) { margin-top: 1.6em; }
.mcg-icerik blockquote { border-left: 4px solid var(--altin); margin: 1.4em 0; padding: .3em 1.2em; color: var(--soluk); font-style: italic; }

/* ---------- Alt bölüm ---------- */
.mcg-alt-bolum { background: var(--yesil-koyu); color: #E9EFEA; margin-top: 40px; }
.mcg-alt-ic { max-width: var(--genislik); margin: 0 auto; padding: 44px 22px 28px; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 30px; }
.mcg-alt-bolum a { color: #D9CBEF; }
.mcg-alt-bolum a:hover { color: var(--altin); }
.mcg-alt-bolum h3 , .mcg-alt-baslik { color: #fff; font-size: 1.05rem; }
.mcg-alt-bolum ul { list-style: none; margin: 0; padding: 0; }
.mcg-alt-bolum li { margin-bottom: 8px; }
.mcg-imza { border-top: 1px solid rgba(255,255,255,.15); text-align: center; padding: 16px 22px; font-size: .85rem; color: #B9C7BE; }

/* ---------- Form (eklenti alanlarının görsel kimliği) ---------- */
.mcg-form .mcg-grup { background: var(--kart); border-color: var(--cizgi); }
.mcg-form legend { font-family: var(--baslik); color: var(--yesil-koyu); font-size: 1.1rem; }
.mcg-form input:focus, .mcg-form select:focus, .mcg-form textarea:focus { border-color: var(--mor); }
.mcg-form .mcg-gonder { background: var(--yesil); color: #fff; }
.mcg-form .mcg-gonder:hover { background: var(--yesil-koyu); }
#mcg-fiyat-goster { background: var(--mor-acik); }

/* ---------- Mobil ---------- */
@media (max-width: 860px) {
	.mcg-adimlar, .mcg-yazilar { grid-template-columns: 1fr; }
	.mcg-sorular { grid-template-columns: 1fr; }
	.mcg-hakkinda { grid-template-columns: 1fr; text-align: center; }
	.mcg-alt-ic { grid-template-columns: 1fr; }
	.mcg-ust-ic { flex-direction: column; }
}

/* ---------- v0.1.3: Form fieldset/legend düzeni ---------- */
.mcg-form fieldset.mcg-grup {
        background: var(--kart);
        border: 1px solid var(--cizgi);
        border-radius: var(--radius);
        padding: 22px 24px 26px;
        margin: 0 0 26px;
        min-width: 0;
}
.mcg-form legend {
        padding: 2px 14px;
        margin-left: -6px;
        background: var(--kart);
        border: 1px solid var(--cizgi);
        border-radius: 999px;
        font-size: 1.05rem;
        line-height: 1.4;
}
.mcg-form label { display: block; font-weight: 500; margin: 16px 0 6px; }
.mcg-form input, .mcg-form select, .mcg-form textarea {
        width: 100%;
        padding: 12px 14px;
        border: 1px solid var(--cizgi);
        border-radius: 10px;
        font: inherit;
        color: var(--murekkep);
        background: #fff;
}
.mcg-form textarea { min-height: 140px; resize: vertical; }
.mcg-form ::placeholder { color: var(--soluk); opacity: .75; }
.mcg-form .mcg-gonder {
        margin-top: 6px;
        padding: 14px 34px;
        border: 0;
        border-radius: 999px;
        font-weight: 600;
        font-size: 1rem;
        cursor: pointer;
        transition: transform .15s ease, box-shadow .15s ease;
}
.mcg-form .mcg-gonder:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(46,94,72,.18); }
@media (max-width: 600px) {
        .mcg-form fieldset.mcg-grup { padding: 18px 16px 22px; }
}

/* ---------- v0.1.4: logo, mobil menü, tablo, çakra ikonu ---------- */
.mcg-marka img { max-height: 72px; }

.mcg-menu-ac { display: none; width: 46px; height: 42px; padding: 0; border: 1px solid var(--cizgi); border-radius: 10px; background: var(--kart); cursor: pointer; flex-direction: column; align-items: center; justify-content: center; gap: 5px; }
.mcg-menu-ac span { display: block; width: 22px; height: 2px; background: var(--yesil-koyu); border-radius: 2px; transition: transform .2s ease, opacity .2s ease; }
.mcg-menu-ac[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.mcg-menu-ac[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.mcg-menu-ac[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.mcg-alt-logo { display: inline-block; margin: 0 0 14px; }
.mcg-alt-logo img { width: 230px; max-width: 100%; }

.mcg-icerik table { width: 100%; border-collapse: collapse; margin: 1.6em 0; font-size: .95rem; background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--radius); overflow: hidden; }
.mcg-icerik th, .mcg-icerik td { padding: 11px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--cizgi); }
.mcg-icerik thead th { background: var(--yesil); color: #fff; font-family: var(--baslik); font-weight: 400; }
.mcg-icerik tbody tr:nth-child(even) { background: #FBFAF6; }
.mcg-icerik tbody tr:last-child td { border-bottom: 0; }

.mcg-cakra-ikon { width: 96px; height: 96px; display: block; margin: 0 auto 22px; }

@media (max-width: 860px) {
	.mcg-ust-ic { flex-direction: row; flex-wrap: wrap; }
	.mcg-marka img { max-height: 46px; }
	.mcg-menu-ac { display: flex; }
	.mcg-menu { display: none; flex-basis: 100%; }
	.mcg-menu.acik { display: block; }
	.mcg-menu ul { flex-direction: column; gap: 0; padding: 6px 0 2px; }
	.mcg-menu li { border-top: 1px solid var(--cizgi); }
	.mcg-menu a { display: block; padding: 13px 4px; }
	.mcg-menu .current-menu-item > a, .mcg-menu .current_page_item > a { border-bottom: 0; border-left: 3px solid var(--altin); padding-left: 12px; }
}

@media (max-width: 700px) {
	.mcg-icerik table { display: block; overflow-x: auto; border-radius: 10px; }
}

/* ---------- v0.1.5: thead'siz tablolarda baslik satiri ---------- */
.mcg-icerik table tr:first-child th,
.mcg-icerik table tr th {
	background: var(--yesil);
	color: #fff;
	font-family: var(--baslik);
	font-weight: 400;
	text-align: left;
}

/* ---------- v0.1.6: adim ikonlari, ayraclar, yazi kapaklari ---------- */
.mcg-adim-ust { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.mcg-adim-ikon { width: 40px; height: 40px; flex: none; }
.mcg-adim strong.mcg-no { display: block; margin: 0; font-size: 1.5rem; line-height: 1; }
.mcg-yazi-kart { overflow: hidden; }
.mcg-yazi-kart .mcg-kapak { display: block; margin: -24px -24px 16px; }
.mcg-yazi-kart .mcg-kapak img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }

/* ---------- v0.1.7: Cakra dizin kartlari ---------- */
.mcg-cakra-dizin { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 18px; margin: 2.2em 0; }
.mcg-cakra-kart { display: block; text-align: center; text-decoration: none; background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--radius); padding: 22px 16px; transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.mcg-cakra-kart:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(46,94,72,.12); border-color: var(--altin); }
.mcg-cakra-kart .mcg-cakra-ikon { width: 72px; height: 72px; margin: 0 auto 12px; }
.mcg-cakra-kart strong { display: block; font-family: var(--baslik); font-weight: 400; font-size: 1.12rem; color: var(--yesil-koyu); margin-bottom: 5px; }
.mcg-cakra-kart span { display: block; font-size: .88rem; line-height: 1.5; color: var(--soluk); }

/* ---------- v0.1.8: onay kutusu, tarih/saat alanlari ---------- */
.mcg-form input[type="checkbox"] { width: auto; accent-color: var(--yesil); flex: none; margin-top: 4px; }
.mcg-form .mcg-onay label { display: flex; align-items: flex-start; gap: 9px; font-weight: 400; margin: 16px 0 0; }
.mcg-form .mcg-onay.mcg-kucuk label { font-size: .93rem; margin-top: 8px; }
.mcg-form input[type="date"], .mcg-form input[type="time"] { max-width: 280px; }
.mcg-form input:disabled { background: #F2F1EC; color: var(--soluk); }
.mcg-form .mcg-gonder:disabled { opacity: .6; cursor: default; transform: none; box-shadow: none; }

/* ---------- v0.1.9: tarih/saat alani hizalamasi ---------- */
.mcg-form input[type="date"], .mcg-form input[type="time"] { display: block; margin-top: 6px; }

/* ---------- v0.1.10: mobil logo buyutuldu (46 -> 60px) ---------- */
@media (max-width: 860px) {
	.mcg-marka img { max-height: 60px; }
}

/* ---------- v0.1.11: mobilde sabit (sticky) header ---------- */
@media (max-width: 860px) {
	.mcg-ust {
		position: sticky;
		top: 0;
		z-index: 100;
		background: var(--zemin);
		box-shadow: 0 2px 10px rgba(35, 49, 43, .06);
	}
	.mcg-menu.acik ul {
		max-height: 70vh;
		overflow-y: auto;
	}
}
/* 0.1.12: footer basliklarinin h3 gorunumu (font/bosluk) */
.mcg-alt-baslik { font-family: var(--baslik); font-weight: 400; line-height: 1.25; margin: 0 0 .5em; }