/*
Theme Name: KYTG Portal Old Gen
Theme URI: https://www.trafik.org.tr
Author: KTYG
Description: Karayolu Trafik ve Yol Güvenliği Derneği teması. Görünüm trafik.org.tr'deki Bloggar dergi şablonunun aynısıdır; menü, yazılar, sayfalar, logo, banner ve iletişim bilgileri WordPress panelinden yönetilir.
Version: 4.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: kytg-portal-old-gen
Tags: blog, news, custom-menu, featured-images, custom-logo, custom-header, translation-ready
*/

/* Görünümün tamamı assets/css altındaki Bloggar dosyalarından gelir.
   Bu dosyada yalnızca yayındaki sitenin kendi ayarları ve WordPress çıktısına özgü düzeltmeler var. */

/* ==========================================================================
   1. Yayındaki sitenin site.css ayarları
   ========================================================================== */
html { font-size: 14px; position: relative; min-height: 100%; }
@media (min-width: 768px) { html { font-size: 16px; } }

img { max-width: 100%; height: auto; }

.screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.skip-link:focus { position: fixed; top: .5rem; left: .5rem; z-index: 100000; width: auto; height: auto; clip: auto; padding: .75rem 1rem; background: #3756f7; color: #fff; font-weight: 700; }

/* ==========================================================================
   2. Üst bölüm
   ========================================================================== */
.topbar .img-holder a { display: inline-block; }
.wpo-site-header .navbar-header .navbar-brand img { width: auto; max-height: 120px; }
.wpo-site-header .navbar-header .navbar-brand .custom-logo { display: block; }
.wpo-site-header .navigation-holder .menu-close { cursor: pointer; }
/* WordPress menüsünde aktif sayfa */
.wpo-site-header #navbar > ul > li.current-menu-item > a,
.wpo-site-header #navbar > ul > li.current-menu-ancestor > a { color: #3756f7; }
@media (max-width: 991px) {
	.wpo-site-header #navbar > ul > li.current-menu-item > a,
	.wpo-site-header #navbar > ul > li.current-menu-ancestor > a { color: #fff; }
}
/* Yapışkan menünün mobil çekmecesi ana menününkiyle çakışmasın */
.sticky-header .navigation-holder:not(.slideInn) { visibility: hidden; }
@media (min-width: 992px) { .sticky-header .navigation-holder:not(.slideInn) { visibility: visible; } }

/* Anasayfa metni (yedekteki Home Page) */
.large-text { font-size: 18px; }

/* ==========================================================================
   3. Liste ve yan sütun
   ========================================================================== */
.wpo-blog-pg-section .entry-media img { display: block; width: 100%; }
.wpo-blog-pg-section .entry-meta time { font: inherit; }

.blog-sidebar .recent-post-widget .post .img-holder img { width: 80px; height: 80px; object-fit: cover; }
.blog-sidebar .recent-post-widget .post--noimg .details { width: 100%; padding-left: 0; }
.blog-sidebar .widget.category-widget ul li.is-current a { color: #3756f7; }
.page-rail { position: sticky; top: 110px; }
@media (max-width: 991px) { .page-rail { position: static; margin-top: 40px; } }

.pagination-wrapper .pg-pagination li a { display: block; text-align: center; border: 1px solid #e3e3e3; color: #232f4b; border-radius: 50%; }
.pagination-wrapper .pg-pagination li a.dots { border-color: transparent; }

/* WordPress arama formu */
.search-form { display: flex; gap: 8px; margin-top: 1.5rem; max-width: 480px; }
.search-form label { flex: 1; margin: 0; }
.search-form .search-field { width: 100%; height: 50px; padding: 6px 20px; border: 1px solid #e1e1e1; border-radius: 5px; font-size: 16px; color: #232f4b; }
.search-form .search-field:focus { outline: none; border-color: #3756f7; }
.search-form .search-submit { height: 50px; padding: 0 22px; border: 0; border-radius: 5px; background: #3756f7; color: #fff; font-weight: 600; }
.search-form .search-submit:hover { background: #003aae; }

/* ==========================================================================
   4. Yazı ve sayfa gövdesi: içerik editördeki gibi, ek biçim yok
   ========================================================================== */
.content-article__media { margin: 0 0 1.5rem; }
.content-article__media img { display: block; width: 100%; }
.content-article .entry-title { margin: 0 0 .5rem; }
.content-article__meta { margin-bottom: 1.5rem; font-size: 14px; }
.content-article__tags { margin-top: 2rem; }
.content-article .post-navigation { margin-top: 2rem; }
.content-article .post-navigation .nav-links { display: flex; justify-content: space-between; gap: 1rem; }
.content-article .post-navigation .nav-subtitle { display: block; font-size: 14px; }

/* Şablonun genel p/ul/başlık/link kuralları içerikte geçersiz */
.entry-content { color: #1e1e1e; line-height: 1.6; overflow-wrap: break-word; }
.entry-content p { font-size: inherit; line-height: inherit; color: inherit; }
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6 { font-family: inherit; color: inherit; }
.entry-content ul:not([class*="kt-"]), .entry-content ol:not([class*="kt-"]) { padding-left: 2em; margin: 0 0 1rem; list-style: revert; }
.entry-content a:not(.wp-block-button__link):not([class*="kt-"]) { color: revert; text-decoration: underline; }
.entry-content::after { content: ""; display: block; clear: both; }
.entry-content [id] { scroll-margin-top: 110px; }
.entry-content iframe { max-width: 100%; }
.table-wrap { max-width: 100%; overflow-x: auto; }
.entry-content table:not([class*="kt-"]) { border-collapse: collapse; }
.entry-content table:not([class*="kt-"]) th,
.entry-content table:not([class*="kt-"]) td { padding: .5em; border: 1px solid; }
.wp-caption { max-width: 100%; }
.alignleft { float: left; margin: 0 1.5rem 1rem 0; }
.alignright { float: right; margin: 0 0 1rem 1.5rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.sticky, .bypostauthor { display: block; }

/* ==========================================================================
   5. Footer
   ========================================================================== */
.wpo-site-footer .about-widget .logo img { max-width: 100%; height: auto; }
.wpo-site-footer .contact-ft ul { list-style: none; }
.wpo-site-footer .contact-ft ul li { margin-bottom: 15px; color: #fff; }
.wpo-site-footer .contact-ft ul li .fi { margin-right: 4px; }
.wpo-site-footer .contact-ft a { color: inherit; }
.wpo-site-footer .social-widget ul li a i svg { width: 16px; height: 16px; fill: currentColor; vertical-align: -2px; }
.wpo-site-footer .link-widget .widget-title h3 a { color: inherit; }

/* ==========================================================================
   6. WhatsApp balonu (yayındaki sohbet kutusu)
   ========================================================================== */
.wa-chat__button { position: fixed; right: 28px; bottom: 28px; z-index: 998; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; padding: 0; border: none; border-radius: 50%; background-color: #25d366; color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, .15); cursor: pointer; }
.wa-chat__button svg { width: 32px; height: 32px; fill: currentColor; }
.wa-chat__window { position: fixed; right: 20px; bottom: 90px; z-index: 998; width: 300px; max-width: calc(100vw - 40px); height: 400px; background: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, .1); }
.wa-chat__window[hidden] { display: none; }
.wa-chat__close { float: right; padding: 4px 10px; border: 0; background: none; font-weight: 700; color: #232f4b; cursor: pointer; }
.wa-chat__head { margin-top: 25px; padding: 10px; background-color: #25d366; color: #fff; font-weight: bold; border-top-right-radius: 8px; }
.wa-chat__body { padding: 10px; }
.wa-chat__body textarea { width: 100%; height: 140px; padding: 8px; border: 2px solid #ddd; border-radius: 4px; resize: none; }
.wa-chat__send { width: 100%; margin-top: 10px; padding: 10px; border: none; border-radius: 5px; background-color: #25d366; color: #fff; cursor: pointer; }
.has-wa-chat .back-to-top { bottom: 100px; right: 35px; }

/* ==========================================================================
   7. Kadence Blocks uyumu
   Kadence Blocks renklerini --global-palette1..9 değişkenlerinden alır;
   bu değişkenler Kadence temasıyla gelir. Tanımsız kalmasınlar diye burada.
   ========================================================================== */
body {
	--global-palette1: #3756f7;
	--global-palette2: #003aae;
	--global-palette3: #232f4b;
	--global-palette4: #2d3748;
	--global-palette5: #555555;
	--global-palette6: #777777;
	--global-palette7: #eef0fc;
	--global-palette8: #f9faff;
	--global-palette9: #ffffff;
	--global-palette-highlight: #3756f7;
	--global-palette-highlight-alt: #003aae;
	--global-body-font-family: "Nunito Sans", sans-serif;
	--global-heading-font-family: "Futura PT", sans-serif;
}
.wp-block-kadence-infobox .kt-blocks-info-box-link-wrap { overflow: visible; }
.wp-block-kadence-infobox .kt-blocks-info-box-title { font-family: "Futura PT"; color: #232f4b; }
.entry-content .kt-blocks-info-box-link-wrap { text-decoration: none; }

@media (max-width: 767px) {
	.alignleft, .alignright { float: none; display: block; margin: 0 0 1rem; }
}

@media (prefers-reduced-motion: reduce) { * { transition: none !important; scroll-behavior: auto !important; } }