/*
Theme Name: Turkabroad
Theme URI: https://turkabroad.com/
Author: TÜRKABROAD
Description: TÜRKABROAD için hazırlanmış blok teması. Renkler, yazı tipleri ve hazır sayfa bölümleri (desenler) içerir. Site Düzenleyici (Görünüm › Düzenleyici) ile tamamen görsel olarak düzenlenebilir.
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.5.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: turkabroad
*/

/* Koyu zemindeki başlıklarda italik vurgu rengi */
.has-navy-background-color :is(h1, h2) em { color: var(--wp--preset--color--accent-soft); }
:is(h1, h2) em { font-style: italic; }

/* Hero rakam kutuları: köşeleri yuvarlat */
.ta-stats { overflow: hidden; }

/* Fotoğraflı kartlar: görsel köşelerden taşmasın */
.ta-card-clip { overflow: hidden; }

/* Açılır menü */
.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container {
	border: 1px solid var(--wp--preset--color--line) !important;
	border-radius: 10px;
	padding: 6px 0;
	min-width: 230px !important;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 8px 16px; }
/* Telefon menüsü */
.wp-block-navigation__responsive-container.is-menu-open { padding: 24px; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { font-size: 1.125rem; gap: 1rem; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { color: var(--wp--preset--color--muted); }
.wp-block-navigation a:hover { color: var(--wp--preset--color--accent); }

/* Çerçeveli buton */
.wp-block-button.is-style-outline > .wp-block-button__link { border-width: 1px; padding-top: calc(0.95rem - 1px); padding-bottom: calc(0.95rem - 1px); }
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: rgba(255, 255, 255, 0.08); }
.has-navy-background-color .wp-block-button.is-style-outline > .wp-block-button__link { border-color: #6B7FA3; }

/* Kart içindeki "Detaylar →" bağlantısı */
.wp-block-group a { text-underline-offset: 3px; }

/* Sık sorulan sorular */
.wp-block-details summary { font-weight: 600; font-size: 1.125rem; cursor: pointer; }
.wp-block-details > p { margin-top: 0.75rem; }

/* Fluent Forms alanlarını temaya uydur */
.fluentform .ff-el-form-control { border-radius: 8px; border-color: #C9CDD6; padding: 12px 14px; font: inherit; }
.fluentform .ff-btn-submit { background: var(--wp--preset--color--accent) !important; border-radius: 8px !important; font-weight: 600; padding: 14px 24px; }

/* Tasarım sayfalarında tam genişlik bölümler arasında boşluk bırakma */
.wp-block-post-content > section.alignfull { margin-block-start: 0; margin-block-end: 0; }

/* ---------- Okul arama ---------- */
.ta-okul-arama { display: flex; flex-direction: column; gap: 1.25rem; }
.ta-okul-arama__alanlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: 1rem; align-items: end; }
.ta-alan { display: flex; flex-direction: column; gap: 6px; font-size: 0.875rem; font-weight: 600; }
.ta-alan--genis { grid-column: span 2; }
.ta-alan input[type="search"], .ta-alan select {
	font: inherit; font-weight: 400; font-size: 1rem; padding: 12px 14px; border: 1px solid #C9CDD6; border-radius: 8px;
	background: #fff; color: var(--wp--preset--color--ink); width: 100%; box-sizing: border-box; min-height: 48px;
}
.ta-alan--kutu { grid-column: span 2; flex-direction: row; align-items: center; gap: 10px; font-weight: 500; min-height: 48px; }
.ta-alan--kutu input { width: 20px; height: 20px; accent-color: var(--wp--preset--color--accent); }
.ta-okul-arama__butonlar { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; }
.ta-okul-arama__butonlar .wp-element-button { border: 0; cursor: pointer; font-family: inherit; }
.ta-okul-arama__temizle { font-weight: 600; }
.ta-okul-arama__sonuc { margin: 0 0 0 auto; color: var(--wp--preset--color--muted); font-weight: 600; }
.has-navy-background-color .ta-alan { color: var(--wp--preset--color--white); }
.ta-okul-arama.is-kisa .ta-okul-arama__alanlar { grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); }
.ta-okul-arama.is-kisa { flex-direction: row; flex-wrap: wrap; align-items: end; }
.ta-okul-arama.is-kisa .ta-okul-arama__alanlar { flex: 1 1 28rem; }
@media (max-width: 600px) { .ta-alan--genis { grid-column: auto; } .ta-okul-arama__sonuc { margin-left: 0; } }

/* ---------- Okul kartları ---------- */
.ta-gorsel-yok { background: var(--wp--preset--color--mist); aspect-ratio: 3 / 2; border-radius: 12px; }
.okul.type-okul { position: relative; }
.okul-sporcu-bursu::after {
	content: "Sporcu bursu"; position: absolute; top: 12px; left: 12px; background: var(--wp--preset--color--navy); color: #fff;
	font-size: 0.75rem; font-weight: 600; letter-spacing: 0.04em; padding: 5px 10px; border-radius: 999px;
}
.ta-okul-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); gap: 1.5rem; }
.ta-okul-kart { display: flex; flex-direction: column; gap: 8px; text-decoration: none; color: var(--wp--preset--color--ink); }
.ta-okul-kart__gorsel { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 12px; margin-bottom: 6px; }
.ta-okul-kart__etiket { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--muted); }
.ta-okul-kart__ad { font-size: 1.25rem; font-weight: 600; line-height: 1.35; }
.ta-okul-kart:hover .ta-okul-kart__ad { color: var(--wp--preset--color--accent); }
.ta-okul-kart__sehir { color: var(--wp--preset--color--muted); font-size: 0.9375rem; }

/* ---------- Okul bilgi kutusu ---------- */
.ta-okul-bilgi { margin: 0; display: flex; flex-direction: column; }
.ta-okul-bilgi > div { display: grid; grid-template-columns: 9.5rem 1fr; gap: 1rem; padding: 0.8rem 0; border-bottom: 1px solid var(--wp--preset--color--line); }
.ta-okul-bilgi dt { color: var(--wp--preset--color--muted); font-size: 0.9375rem; }
.ta-okul-bilgi dd { margin: 0; font-weight: 600; }
.wp-block-post-terms.ta-terimler a { text-decoration: none; }
@media (min-width: 782px) { .ta-yapiskan { position: sticky; top: 24px; } }

/* ---------- v1.2: Üst bölüm ve menü ---------- */
header.wp-block-template-part { position: sticky; top: 0; z-index: 100; }
.admin-bar header.wp-block-template-part { top: 32px; }
.ta-duyuru p { margin: 0; }
.ta-duyuru a { font-weight: 600; text-decoration: none; }
.ta-ust-sag { flex-shrink: 0; }
.ta-ust-sag .ta-wa { margin: 0; }
.ta-ust-sag .ta-wa a { text-decoration: none; }
.ta-ara .wp-block-search__button { background: transparent; color: var(--wp--preset--color--navy); border: 1px solid var(--wp--preset--color--line); border-radius: 8px; padding: 10px; min-width: 44px; min-height: 44px; }
.ta-ara .wp-block-search__button svg { fill: currentColor; }

/* Açılır menü paneli: başlık + kısa açıklama */
.ta-nav .wp-block-navigation-item__description { display: none; }
.wp-block-navigation__responsive-container:not(.is-menu-open) .ta-nav .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container {
	min-width: 330px !important; padding: 10px !important; border-radius: 14px; box-shadow: 0 18px 40px rgba(11, 37, 69, 0.12);
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	display: flex; flex-direction: column; gap: 2px; padding: 10px 14px !important; border-radius: 10px;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: var(--wp--preset--color--base); }
.wp-block-navigation__submenu-container .wp-block-navigation-item__label { font-weight: 600; }
.wp-block-navigation__submenu-container .wp-block-navigation-item__description { display: block; font-size: 0.8125rem; color: var(--wp--preset--color--muted); font-weight: 400; }

/* Orta ekranlarda menüyü telefon menüsüne çevir */
@media (max-width: 1100px) {
	.ta-ust-sag .ta-wa, .ta-ust .wp-block-site-tagline { display: none; }
	.ta-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.ta-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
	.ta-ust > .wp-block-group { gap: 16px; }
	.ta-nav { order: 3; }
}
@media (max-width: 600px) {
	.ta-ust-sag .wp-block-buttons { display: none; }
}

/* ---------- Kayan şerit ---------- */
.ta-kayan { overflow: hidden; }
.ta-kayan__iz { width: max-content; animation: ta-kay 45s linear infinite; }
.ta-kayan__satir { flex-shrink: 0; }
.ta-kayan__satir p { margin: 0; white-space: nowrap; color: var(--wp--preset--color--navy); }
.ta-kayan__satir p::after { content: "·"; margin-left: var(--wp--preset--spacing--70); color: var(--wp--preset--color--accent); }
.ta-kayan:hover .ta-kayan__iz { animation-play-state: paused; }
@keyframes ta-kay { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .ta-kayan__iz { animation: none; flex-wrap: wrap; width: auto; } .ta-kayan__satir + .ta-kayan__satir { display: none; } }

/* ---------- Sayfa içi bağlantılar ve S.S.S. ---------- */
.ta-cipler { position: sticky; top: var(--ta-ust-yukseklik, 0); z-index: 5; }
html { scroll-behavior: smooth; scroll-padding-top: 140px; }
.wp-block-details summary { list-style: none; display: flex; justify-content: space-between; gap: 1rem; }
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after { content: "+"; font-size: 1.5rem; line-height: 1; color: var(--wp--preset--color--accent); transition: transform .2s; }
.wp-block-details[open] summary::after { transform: rotate(45deg); }
.wp-block-cover.has-custom-content-position, .wp-block-cover { overflow: hidden; }
@media (max-width: 1100px) { .ta-ust-sag { margin-left: auto; } }
@media (max-width: 781px) { .wp-block-columns .wp-block-cover { min-height: 260px !important; } }

/* Ana sayfa bağlantısında ev simgesi */
.ta-ev > .wp-block-navigation-item__content { display: inline-flex; align-items: center; gap: 8px; }
.ta-ev > .wp-block-navigation-item__content::before {
	content: ""; width: 16px; height: 16px; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.5V21h14V9.5'/%3E%3Cpath d='M10 21v-6h4v6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.5V21h14V9.5'/%3E%3Cpath d='M10 21v-6h4v6'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ---------- Butonlar ve kartlar: üzerine gelince ---------- */
.wp-block-button__link, .wp-element-button { transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.wp-block-button:not(.is-style-outline):not(.ta-ok) .wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(11, 37, 69, 0.22); }
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--wp--preset--color--navy); border-color: var(--wp--preset--color--navy); color: #fff !important; }
.has-navy-background-color .wp-block-button.is-style-outline > .wp-block-button__link:hover { background: #fff; border-color: #fff; color: var(--wp--preset--color--navy) !important; }
.ta-kart { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.ta-kart:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(11, 37, 69, 0.10); border-color: #C9CDD6 !important; }
.ta-kart a { text-decoration: none; }
.ta-kart a:hover { color: var(--wp--preset--color--accent); }
.wp-block-post-template .wp-block-post-featured-image img, .ta-okul-kart__gorsel { transition: transform .4s ease; }
.wp-block-post-template li:hover .wp-block-post-featured-image img, .ta-okul-kart:hover .ta-okul-kart__gorsel { transform: scale(1.03); }
.wp-block-post-featured-image { overflow: hidden; }
@media (prefers-reduced-motion: reduce) { .ta-kart, .wp-block-button__link { transition: none; } .ta-kart:hover, .wp-block-button__link:hover { transform: none !important; } }
.ta-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { white-space: nowrap; }
.ta-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { padding: 10px 14px; }
/* Etkin sayfa: kırmızı alt çizgi */
.ta-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > :is(.current-menu-item, .current-menu-ancestor) > .wp-block-navigation-item__content,
.home .ta-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .ta-ev > .wp-block-navigation-item__content,
:is(.post-type-archive-okul, .single-okul, .tax-okul_ulke, .tax-okul_program) .ta-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .ta-okul-menu > .wp-block-navigation-item__content {
	font-weight: 600; box-shadow: inset 0 -2px 0 var(--wp--preset--color--accent);
}
.ta-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--accent); }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__description { display: none !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { display: block; font-size: 1rem; font-weight: 400; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__label { font-weight: 400; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { font-weight: 600; }

/* v1.5 – Giriş: tam genişlik fotoğraf slaytı (otomatik geçiş + alt noktalar) */
.ta-slayt { position: relative; isolation: isolate; overflow: hidden; min-height: min(86vh, 820px); display: flex; flex-direction: column; justify-content: center; }
.ta-slayt__resimler { position: absolute !important; inset: 0; z-index: -2; margin: 0 !important; max-width: none !important; }
.ta-slayt__resimler .ta-slayt__resim { position: absolute; inset: 0; margin: 0 !important; opacity: 0; transition: opacity 1.2s ease; }
.ta-slayt__resimler .ta-slayt__resim:first-child, .ta-slayt__resimler .ta-slayt__resim.is-aktif { opacity: 1; }
.ta-slayt.is-hazir .ta-slayt__resim:first-child:not(.is-aktif) { opacity: 0; }
.ta-slayt__resim img { width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.06); transition: transform 7s ease-out; }
.ta-slayt__resim.is-aktif img { transform: scale(1); }
.ta-slayt::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(90deg, rgba(11,37,69,.92) 0%, rgba(11,37,69,.72) 38%, rgba(11,37,69,.15) 75%, rgba(11,37,69,0) 100%), linear-gradient(0deg, rgba(11,37,69,.65) 0%, rgba(11,37,69,0) 35%); }
.ta-slayt__icerik { position: relative; width: 100%; }
.ta-slayt__icerik > * { margin-left: 0 !important; }
.ta-slayt h1 { text-shadow: 0 2px 24px rgba(0,0,0,.25); }
.ta-slayt__noktalar { position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); display: flex; gap: 10px; z-index: 2; }
.ta-slayt__nokta { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 999px; background: rgba(255,255,255,.45); cursor: pointer; transition: width .35s ease, background-color .35s ease; }
.ta-slayt__nokta:hover { background: rgba(255,255,255,.8); }
.ta-slayt__nokta.is-aktif { width: 30px; background: #C8102E; }
.ta-slayt__nokta:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-width: 781px) {
  .ta-slayt { min-height: 640px; }
  .ta-slayt::before { background: linear-gradient(0deg, rgba(11,37,69,.95) 0%, rgba(11,37,69,.78) 55%, rgba(11,37,69,.45) 100%); }
}
@media (prefers-reduced-motion: reduce) { .ta-slayt__resim, .ta-slayt__resim img { transition: none; } }
/* Düzenleyicide tüm görseller alt alta görünsün */
.editor-styles-wrapper .ta-slayt__resimler { position: static !important; display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.editor-styles-wrapper .ta-slayt__resimler .ta-slayt__resim { position: static; opacity: 1; }

/* v1.4 – Vektörel logo */
.ta-logo { display: inline-flex; flex-shrink: 0; line-height: 0; }
.ta-logo img { height: auto; display: block; }
.ta-logo--kisa img { width: 196px; }
.ta-logo--tam img { width: 240px; }
@media (max-width: 600px) { .ta-logo--kisa img { width: 168px; } }
.ta-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-icon { margin-left: -10px; margin-right: 6px; }