/*
 * Trakya Sürücü Kursu — siteye özel stiller.
 *
 * Görünümün temeli eski sitenin tema dosyalarıdır (kopage-live.css, bootstrap3.min.css,
 * colors.css). Bu dosya o temanın ProcessWire şablonlarındaki karşılıklarını ve mobil
 * düzeltmeleri içerir. Değerler eski sitede tarayıcıda ölçülerek alınmıştır.
 */

/* ---------- Yazı tipleri (eski tema ayarı: başlıklar Rokkitt, metin Didact Gothic) ---------- */
#website h1,
#website h2,
#website .topmenu,
#website .tsk-hero-title,
#website .tsk-logo-phone { font-family: "Rokkitt", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#website,
#website p { font-family: "Didact Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.tsk-skip { position: absolute; left: -9999px; top: 0; z-index: 100000; padding: 10px 16px; background: #000; color: #fff; }
.tsk-skip:focus { left: 0; color: #fff; }

/* ---------- Logo ve telefon ---------- */
.logoHolder { white-space: nowrap; }
.logoHolder img { width: auto; height: auto; max-height: 80px; vertical-align: middle; margin-right: 10px; }
.logoHolder a.tsk-logo,
.logoHolder a.tsk-logo-phone { color: #fff; }
.logoHolder a.tsk-logo-phone { font-size: 30px; font-weight: 500; letter-spacing: -1px; vertical-align: middle; }
.logoHolder a.tsk-logo-phone:hover,
.logoHolder a.tsk-logo-phone:focus { color: #ffd400; }

/* ---------- Ana menü ve açılır alt menü ---------- */
#headerMenu nav { display: block; }
.topmenu > li { position: relative; }
.topmenu > li > a .fa { font-size: 16px; }
.topmenu .dropmenudiv { top: 75px; left: 0; text-align: left; }
.topmenu li:hover > .dropmenudiv,
.topmenu li:focus-within > .dropmenudiv,
.topmenu li.tsk-open > .dropmenudiv { visibility: visible; }
.topmenu .dropmenudiv li { display: block; padding: 0; }
.topmenu .dropmenudiv li a,
#headerMenu.koMenu4 .topmenu .dropmenudiv li a { color: #555; font-family: "Didact Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.2; padding: 10px 14px; text-shadow: none; background: #f2f2f2; }
.topmenu .dropmenudiv li a:hover,
.topmenu .dropmenudiv li a:focus,
#headerMenu.koMenu4 .topmenu .dropmenudiv li a:hover { color: #222; background: #ebebeb; }

/* Mobil menü: 750 pikselin altında masaüstü menüsü gizlenir, sol üstte düğme çıkar */
.mobileMenuOpen, .mobileMenuClose { border: 0; }
#mobileMenuHolder { z-index: 99998; min-height: 100vh; box-shadow: 0 0 40px rgba(0, 0, 0, .5); }
.mobileMenu ul { margin: 0; padding: 0 0 0 15px; list-style: none; }
/* Panel başlık alanının içinde durduğu için menünün beyaz yazı rengini devralmasın */
#headerMenu #mobileMenuHolder .mobileMenu li a { color: #222; text-shadow: none; font-family: "Didact Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#headerMenu #mobileMenuHolder .mobileMenu li a.mobileActive { background: #eee; font-weight: 700; }
@media (min-width: 751px) {
	.mobileMenuOpen, .mobileMenuClose, #mobileMenuHolder { display: none !important; }
}
@media (max-width: 750px) {
	#headerMenu nav { display: none; }
	.mobileMenuClose { display: none; }
	body.tsk-nav-open .mobileMenuOpen { display: none; }
	body.tsk-nav-open .mobileMenuClose { display: block; }
	body.tsk-nav-open #mobileMenuHolder { display: block; }
	.logoHolder { padding-left: 62px; }
}
@media (max-width: 480px) {
	.logoHolder { padding-right: 0; }
	.logoHolder img { max-height: 56px; margin-right: 6px; }
	.logoHolder a.tsk-logo-phone { font-size: 20px; }
}

/* ---------- Ana sayfa üst görseli (hero) ---------- */
.headerBanner .tsk-hero-title { font-size: 36px; font-weight: 500; line-height: 1.1; margin: 20px 0 10px; color: #fafafa; }
.headerBanner .tsk-hero-text { font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0 10px; color: #fafafa; opacity: .6; }
@media (min-width: 750px) {
	.headerBanner .tsk-hero-title { font-size: 60px; }
	.headerBanner .tsk-hero-text { font-size: 25px; }
}
@media (max-width: 750px) {
	#headerContent .headerBanner.kedit { padding: 20px 10px; }
}

/* ---------- Zeminler ---------- */
.tsk-cream { background: #FFFDE7; }
.tsk-gray { background: #F4F4F4; }

/* ---------- Ana sayfa blokları ---------- */
.tsk-intro h1 { color: #212121; font-weight: 700; }
#contentArea .tsk-intro h1.koColor { color: #212121; }
.tsk-intro-text { font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0 10px; color: #000; opacity: .5; }

.tsk-features { font-size: 17px; }
.tsk-features > .row { margin-bottom: 10px; }
.tsk-feature-icon { padding-top: 24px; }
.tsk-feature-icon img { max-width: 100%; height: auto; }
#website .tsk-feature-title { font-family: "Didact Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 500; line-height: 1.1; margin: 10px 0; color: #212121; }
.tsk-feature-text { margin: 0 0 24px; }

.tsk-promos h2 { color: #000; }
.tsk-promos img { max-width: 100%; height: auto; }
@media (max-width: 991px) {
	.tsk-promos .rowVCenter { display: block; }
	.tsk-promos .text-right { text-align: center; }
}

.tsk-map-block h2 { margin: 0; padding: 30px 0; }
.tsk-map-block iframe.tsk-map { display: block; width: 100%; height: 450px; min-height: 400px; border: 0; }
.tsk-home .tsk-map-block { padding-bottom: 30px; }

/* Slayt gösterisi (Swiper) — eski sitedeki ok ve nokta görünümü */
.tsk-slider img { display: block; width: 100%; height: auto; }
.tsk-slider .swiper-button-prev { left: 0; opacity: 0; transition: .2s all; }
.tsk-slider:hover .swiper-button-prev { left: 15px; opacity: 1; }
.tsk-slider .swiper-button-next { right: 0; opacity: 0; transition: .2s all; }
.tsk-slider:hover .swiper-button-next { right: 15px; opacity: 1; }
.tsk-slider .swiper-button-prev,
.tsk-slider .swiper-button-next { background-color: rgba(0, 0, 0, .3); box-shadow: 0 0 70px rgba(0, 0, 0, .6); border-radius: 50%; width: 64px; height: 64px; margin-top: -32px; background-size: 14px 24px; }
.tsk-slider .swiper-button-prev:hover,
.tsk-slider .swiper-button-next:hover { box-shadow: 0 0 70px rgba(0, 0, 0, .9); background-color: rgba(0, 0, 0, .7); }
.tsk-media .tsk-slider + .tsk-slider { margin-top: 44px; }

/* ---------- Alt sayfa üst bandı ---------- */
#contentArea .tsk-page-banner h1 { color: #FFFDE7; text-shadow: 1px 1px 3px rgba(0, 0, 0, .35); }
#contentArea .tsk-page-banner .tsk-banner-note { display: block; color: #FDD835; }
.tsk-page-banner .breadcrumb { margin-bottom: 20px; }
/* Tema her sayfa yolu bağlantısının önüne ev simgesi koyar; yalnızca ilki (Ana Sayfa) kalsın */
#contentArea .breadcrumb > li + li > a::before { content: none; }
@media (max-width: 750px) {
	#contentArea .kedit.tsk-page-banner { padding: 25px 15px; }
}

/* ---------- İçerik bağlantıları ----------
   Temanın bağlantı rengi sarıdır (#ffd400); beyaz zeminde okunmaz (kontrast 1,4:1).
   Metin içi bağlantılar koyu kehribar ve altı çizili gösterilir (kontrast 7:1). */
#contentArea .tsk-body a:not(.btn),
#contentArea .tsk-contact a:not(.btn),
#contentArea .tsk-files a:not(.btn) { color: #6b4e00; text-decoration: underline; }
#contentArea .tsk-body a:not(.btn):hover,
#contentArea .tsk-body a:not(.btn):focus,
#contentArea .tsk-contact a:not(.btn):hover,
#contentArea .tsk-files a:not(.btn):hover { color: #000; }
#contentArea .tsk-files a:not(.btn) { text-decoration: none; }

/* ---------- Bölümler (sections) ---------- */
.tsk-section h2 { color: #000; }
.tsk-body h3 { font-size: 24px; font-weight: 500; line-height: 1.1; margin: 20px 0 10px; color: #212121; }
.tsk-body ul, .tsk-body ol { text-align: left; }
.tsk-body img { max-width: 100%; height: auto; }
.tsk-section-center .tsk-body { text-align: center; }
.tsk-section-center .tsk-body ul,
.tsk-section-center .tsk-body ol { display: inline-block; max-width: 1100px; }
.tsk-section-three .tsk-body h3 { text-align: center; }
.tsk-section-three .tsk-media img { max-width: 100%; height: auto; margin-bottom: 26px; }
.tsk-section .tsk-title-btn { margin-left: 16px; vertical-align: middle; font-family: "Didact Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.tsk-section .tsk-media img { max-width: 100%; height: auto; }
.rowVCenter > [class*="col-"] { min-width: 0; }
.tsk-media { min-width: 0; }
@media (max-width: 991px) {
	.tsk-section .rowVCenter { display: block; }
	.tsk-section .tsk-media { margin: 20px 0; }
}
@media (max-width: 750px) {
	#contentArea .kedit { padding-left: 18px; padding-right: 18px; }
	#contentArea .keditColumn .kedit { padding-left: 0; padding-right: 0; }
}

/* Galeri ızgarası — eski sitedeki beyaz çerçeveli kare küçük görseller */
.tsk-gallery { text-align: center; }
.tsk-gallery-item { display: inline-block; width: 22vw; height: 22vw; padding: 1vw; vertical-align: top; }
.tsk-gallery-item a.thumbnail.lightbox { display: block; height: 100%; margin: 0; padding: 0; border: 10px solid #fff; border-radius: 0; box-sizing: border-box; box-shadow: 2px 2px 15px rgba(0, 0, 0, .2); overflow: hidden; }
.tsk-gallery-item a.thumbnail.lightbox img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
@media (max-width: 900px) { .tsk-gallery-item { width: 42vw; height: 42vw; } }
@media (max-width: 640px) { .tsk-gallery-item { width: 72vw; height: 72vw; } }

/* Dosya listesi (ders sunumları) */
.tsk-files { text-align: center; width: 100%; }
.tsk-files h3 { margin: 10px 0; font-size: 24px; }
.tsk-files small { font-size: 14px; white-space: nowrap; }

/* Sık sorulan sorular */
.tsk-faq dl { margin: 0; }
.tsk-faq dt { font-weight: 700; margin-top: 14px; }
.tsk-faq dt::before { content: "+ "; }
.tsk-faq dd { margin: 0; }

/* İletişim */
.tsk-contact h2 { color: #212121; }
.tsk-contact address { color: #212121; margin: 0; line-height: 1.6; }

/* Yasal metinler */
.tsk-legal .tsk-prose { max-width: 980px; margin: 0 auto; }
.tsk-prose h2 { font-size: 26px; margin: 34px 0 12px; color: #212121; }
.tsk-prose h3 { text-align: left; font-size: 20px; }
.tsk-prose p, .tsk-prose li { line-height: 1.6; }
.tsk-prose table { font-size: 15px; background: #fff; }
.tsk-prose table th { background: #f4f4f4; }
.tsk-prose code { color: #333; background: #f4f4f4; white-space: nowrap; }
.tsk-prose .btn-primary { color: #212121; font-weight: 700; }
.tsk-cookie-table th[scope="row"] { font-weight: 700; white-space: nowrap; }

/* ---------- Altbilgi ---------- */
.tsk-footer .social_fa { text-align: right; }
.tsk-legal-links { margin-top: 26px; text-align: center; font-size: 14px; }
.tsk-legal-links a { display: inline-block; margin: 4px 10px; text-decoration: underline; }
#footerContent .tsk-legal-links a { color: rgba(0, 0, 0, .8); }
@media (max-width: 767px) {
	.tsk-footer .social_fa { text-align: center; margin-top: 16px; }
}

/* ---------- Rıza bekleyen harici içerik kutusu (Cookie modülü) ---------- */
.tsk-map-block .pwcm-ph { min-height: 300px; }