/* assets/themes/kit.css — kit temalarının (özel ders, dershane, özel okul) ortak stilleri. 2026-11-09 */

html.tk { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
html.tk body { overflow-x: clip; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
html.tk img { max-width: 100%; }
html.tk .container { max-width: 1280px; margin-left: auto; margin-right: auto; }
html.tk [id] { scroll-margin-top: 96px; }

/* İçeriğe geç bağlantısı (klavye kullanıcıları) */
.tk-skip { position: absolute; left: 12px; top: -60px; z-index: 100; padding: 10px 14px; border-radius: 10px;
    background: var(--tk-ink); color: #fff; font-weight: 700; text-decoration: none; transition: top .15s; }
.tk-skip:focus { top: 12px; }

html.tk :focus-visible { outline: 3px solid var(--tk-accent); outline-offset: 2px; }

/* Satır kırpma (eski sayfaların kullandığı yardımcılar) */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

/* Yöneticiye görünen "bu bölüm boş" notu */
.tk-admin-hint { margin: 0 auto; max-width: 72rem; display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .6rem;
    padding: .9rem 1.1rem; border: 2px dashed #9ca3af; border-radius: 14px; background: rgba(255,255,255,.85);
    color: #374151; font: 500 14px/1.45 system-ui, sans-serif; }
.tk-admin-hint a { color: #1d4ed8; font-weight: 700; text-decoration: underline; }
.tk-admin-hint span { flex-basis: 100%; color: #6b7280; font-size: 12px; }

/* Mobil menü açıkken arka plan kaymasın */
html.tk.tk-menu-open, html.tk.tk-menu-open body { overflow: hidden; }

/* Eski iç sayfalardaki sabit yeşil (#005f56) tonlarını temanın rengine çevir */
html.tk .bg-\[\#005f56\], html.tk .bg-\[\#004d4d\] { background-color: var(--tk-primary) !important; }
html.tk .hover\:bg-\[\#004d46\]:hover { background-color: var(--tk-primary-dark) !important; }
html.tk .text-\[\#005f56\],
html.tk .group:hover .group-hover\:text-\[\#005f56\] { color: var(--tk-primary) !important; }
html.tk .border-\[\#005f56\] { border-color: var(--tk-primary) !important; }
html.tk .focus\:ring-\[\#005f56\]:focus { --tw-ring-color: var(--tk-primary) !important; }
html.tk .from-\[\#005f56\], html.tk .from-\[\#005f56\]\/90, html.tk .from-\[\#004d46\] {
    --tw-gradient-from: var(--tk-primary) var(--tw-gradient-from-position) !important; }
html.tk .via-\[\#005f56\]\/85 {
    --tw-gradient-stops: var(--tw-gradient-from), color-mix(in srgb, var(--tk-primary) 85%, transparent) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; }
html.tk .to-\[\#008577\] { --tw-gradient-to: var(--tk-primary-light) var(--tw-gradient-to-position) !important; }
html.tk .to-\[\#003d38\], html.tk .to-\[\#003d38\]\/95 { --tw-gradient-to: var(--tk-primary-dark) var(--tw-gradient-to-position) !important; }
html.tk .text-\[\#facd60\],
html.tk .group:hover .group-hover\:text-\[\#facd60\] { color: var(--tk-accent) !important; }
html.tk .bg-teal-700, html.tk .bg-teal-800, html.tk .hover\:bg-teal-700:hover, html.tk .hover\:bg-teal-800:hover { background-color: var(--tk-primary-dark) !important; }
html.tk .border-teal-600, html.tk .border-teal-800 { border-color: var(--tk-primary-dark) !important; }
html.tk .to-teal-600, html.tk .to-teal-800 { --tw-gradient-to: var(--tk-primary-dark) var(--tw-gradient-to-position) !important; }
html.tk .text-teal-100 { color: color-mix(in srgb, #fff 82%, var(--tk-primary)) !important; }

@media (prefers-reduced-motion: reduce) {
    html.tk { scroll-behavior: auto; }
    html.tk *, html.tk *::before, html.tk *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}