/* Takasnakit görünümü — temanın eski stillerinin üstüne yüklenir (header.php, </head> öncesi).
   Bu dosyada sabit renk yoktur: renkler seçili şemadan gelir (renk_semalari.php -> --tn-* değişkenleri).
   Yeni renk şeması için bu dosyaya dokunma; renk_semalari.php'ye bir satır ekle. */
:root {
	--tn-kose: 12px;
	--tn-golge: 0 1px 2px rgba(var(--tn-golge-rgb), .06), 0 4px 14px rgba(var(--tn-golge-rgb), .06);
	--tn-golge-hover: 0 6px 22px rgba(var(--tn-golge-rgb), .15);
}

/* Inter yazı tipi kendi sunucumuzdan (fonts/inter/, değişken yazı tipi 100-900, SIL OFL lisansı fonts/inter/LICENSE.txt).
   Türkçe: ı latin dosyasında, ğ ş İ latin-ext dosyasında; tarayıcı yalnız sayfada geçen harflerin dosyasını indirir. */
@font-face {font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../fonts/inter/inter-latin-ext-wght-normal.woff2) format("woff2");
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../fonts/inter/inter-latin-wght-normal.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* Inter gelene kadar kullanılan yedek: Arial, Inter'in ölçülerine ayarlı (harf genişliği / satır yüksekliği). Inter geç
   gelince satırlar yeniden kırılıp uzun metinli sayfalar (rehber, SSS) kayıyordu; artık yazı aynı yerde kalır. */
/* size-adjust Türkçe metinle ölçüldü (Inter/Arial genişlik oranı: normal 1,0548, kalın 1,0189); kalın için ayrı yüz */
@font-face {font-family: "Inter Yedek"; src: local("Arial"), local("ArialMT"); font-weight: 100 500; size-adjust: 105.48%; ascent-override: 91.8%; descent-override: 22.9%; line-gap-override: 0%;}
@font-face {font-family: "Inter Yedek"; src: local("Arial Bold"), local("Arial-BoldMT"); font-weight: 600 900; size-adjust: 101.89%; ascent-override: 95%; descent-override: 23.7%; line-gap-override: 0%;}

/* Kaydırma çubuğunun yeri hep ayrılı: sayfa ilk çizimde kısa olup sonra uzayınca çıkan çubuk bütün içeriği yana kaydırıyordu (CLS) */
html {scrollbar-gutter: stable;}
body.modal-open {padding-right: 0 !important;} /* çubuk yeri zaten ayrılı: Bootstrap'ın pencere açılınca eklediği telafi boşluğu içeriği kaydırmasın */
body {
	background: var(--tn-zemin) !important;
	color: var(--tn-yazi);
	font-family: "Inter", "Inter Yedek", "Helvetica Neue", Arial, sans-serif !important;
	-webkit-font-smoothing: antialiased;
}
a {color: var(--tn-ana);}
a:hover, a:focus {color: var(--tn-ana-acik);}

/* ---------- Üst başlık (masaüstü) ---------- */
header.standart, header.standart .sticky {background: var(--tn-baslik-zemin) !important; box-shadow: none !important;}
header.standart {box-shadow: var(--tn-baslik-golge) !important;}
header.standart .sticky {padding: 12px 0 !important;}
header.standart .logo img {max-height: 46px; width: auto; border-radius: 6px;}
header .ara {
	background: var(--tn-arama-zemin) !important;
	border: 1px solid var(--tn-arama-cerceve);
	border-radius: 999px !important;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}
header .ara input, header .ara input:focus {
	background: var(--tn-arama-zemin) !important;
	color: var(--tn-yazi) !important;
	height: 44px !important;
	font-size: 14px !important;
	padding-left: 20px !important;
}
header .ara input::placeholder {color: #8A93A5 !important;}
header .ara input::-webkit-input-placeholder {color: #8A93A5 !important;}
header .ara .input-group-btn {padding: 4px;}
header .ara button {
	background: var(--tn-arama-buton) !important;
	color: var(--tn-arama-buton-yazi) !important;
	border-radius: 999px !important;
	height: 36px !important;
	max-height: none !important;
	width: 46px;
	transition: filter .2s;
}
header .ara button:hover {filter: brightness(.92);}
header .ara button i {font-size: 20px !important;}
header .uyelik .header_link {
	color: var(--tn-baslik-yazi) !important;
	opacity: .9;
	font-weight: 500;
	font-size: 14px;
	background: transparent !important;
	border: 0 !important;
}
header .uyelik .header_link:hover {opacity: 1; text-decoration: underline;}
header .uyelik > a.btn-primary, .fixed-ekle-buton {
	background: var(--tn-ilanver) !important;
	color: var(--tn-ilanver-yazi) !important;
	border: 0 !important;
	border-radius: 999px !important;
	font-weight: 700 !important;
	padding: 10px 20px !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .16);
	transition: transform .15s, filter .2s;
}
header .uyelik > a.btn-primary:hover, .fixed-ekle-buton:hover {
	filter: brightness(.94);
	color: var(--tn-ilanver-yazi) !important;
	transform: translateY(-1px);
}

/* ---------- Üst başlık (mobil) ---------- */
.mobil_header {background: var(--tn-baslik-zemin) !important; box-shadow: var(--tn-baslik-golge);}
.mobil_header .mobil_logo {max-height: 38px; width: auto; border-radius: 5px;}
.mobil_header button {background: var(--tn-baslik-buton) !important; color: var(--tn-baslik-buton-yazi) !important; border-radius: 10px !important;}
.mobil_ara {background: var(--tn-baslik-zemin); padding: 0 12px 12px;}
.mobil_ara input {
	height: 42px !important;
	background: var(--tn-arama-zemin) !important;
	border: 1px solid var(--tn-arama-cerceve) !important;
	border-right: 0 !important;
	border-radius: 999px 0 0 999px !important;
	padding-left: 16px;
}
.mobil_ara button {
	height: 42px !important;
	border: 0 !important;
	border-radius: 0 999px 999px 0 !important;
	background: var(--tn-arama-buton) !important;
	color: var(--tn-arama-buton-yazi) !important;
}

/* ---------- Sol sütun (istatistik + kategori menüsü) ---------- */
.sidebar .bilesen {
	background: var(--tn-kart);
	border-radius: var(--tn-kose);
	box-shadow: var(--tn-golge);
	padding: 14px 12px;
	margin-bottom: 16px;
}
/* Bütün istatistikler gizlenmişse boş kutu görünmesin */
.sidebar .bilesen.s_istatistik:not(:has(li)) {display: none;}
.s_istatistik .list-group-item {border: 0; border-bottom: 1px solid var(--tn-cizgi); padding: 9px 4px; font-weight: 500;}
.s_istatistik .list-group-item:last-child {border-bottom: 0;}
.s_istatistik .badge {background: var(--tn-ana) !important; border-radius: 999px;}
ul.ana_menu {padding: 0 4px 0 36px !important;}
ul.ana_menu > li {margin-bottom: 3px;}
ul.ana_menu li a {color: var(--tn-yazi); font-weight: 500; font-size: 13px;}
ul.ana_menu > li > a {display: inline-block; line-height: 28px !important;}
ul.ana_menu > li.dropdown > a {font-weight: 600;}
ul.ana_menu li a:hover {color: var(--tn-ana); text-decoration: none;}
/* sayfa içi <style> köşeleri sıfırlıyor; .sidebar ön eki onu geçmek için */
.sidebar ul.ana_menu li a i, ul.ana_menu li a i {
	border-radius: 8px !important;
	width: 26px !important;
	height: 26px !important;
	line-height: 26px !important;
	left: -34px !important;
	top: 1px !important;
	font-size: 14px !important;
}
/* Hızlı bağlantılar (Acil, Fiyatı düşenler...): ana renk zemin, beyaz simge */
.sidebar ul.ana_menu > li > a > i[style*="#3f475f"], ul.ana_menu > li > a > i[style*="#3f475f"] {background: var(--tn-ana) !important; color: #fff !important;}
ul.ana_menu > li:has(> a > i[style*="#3f475f"]) > span {font-size: 12px;}
ul.ana_menu ul {border-bottom-color: var(--tn-cizgi) !important;}
ul.ana_menu ul li a {color: var(--tn-yazi-soluk) !important;}
ul.ana_menu ul li a:hover {color: var(--tn-ana) !important;}
ul.ana_menu li span.toplam {color: #A2AABA; font-size: 11px; font-weight: 500;}

/* ---------- Slider ---------- */
.bilesen .slidesjs-container, .bilesen #slides, .bilesen .slider, .bilesen .slides {border-radius: var(--tn-kose); overflow: hidden;}
.slidesjs-next, .slidesjs-previous {background: var(--tn-ana) !important; opacity: .85; border-radius: 999px !important;}

/* ---------- Bölüm başlıkları ---------- */
.bilesen.ilan_listeleme {margin-bottom: 26px;}
.bilesen.ilan_listeleme .baslik.alternatif, .bilesen .baslik {
	border-bottom: 0 !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 6px 0 14px !important;
	padding: 0 !important;
}
.bilesen.ilan_listeleme .baslik.alternatif h3, .bilesen .baslik h3,
.col-md-33 .bilesen > .baslik:not(.alternatif), .col-md-42 .bilesen > .baslik:not(.alternatif) {
	background: none !important;
	padding: 0 0 0 12px !important;
	font-size: 19px !important;
	font-weight: 800 !important;
	color: var(--tn-ana);
	border-left: 4px solid var(--tn-vurgu) !important;
	line-height: 1.2;
}
.bilesen.ilan_listeleme .baslik.alternatif h3, .bilesen .baslik h3 {display: inline-block !important; margin: 0 !important;}
.bilesen .baslik a.pull-right {
	float: none !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--tn-ana) !important;
	background: var(--tn-kart);
	border: 1px solid var(--tn-cizgi);
	border-radius: 999px;
	padding: 6px 14px;
	transition: background .2s, border-color .2s, color .2s;
}
.bilesen .baslik a.pull-right:hover {background: var(--tn-vurgu); border-color: var(--tn-vurgu); color: var(--tn-vurgu-yazi) !important; text-decoration: none;}
.bilesen .baslik a:before {display: none !important;}

/* ---------- İlan kartları ---------- */
.ilan_listeleme .row {display: flex; flex-wrap: wrap;}
.ilan_listeleme .row > [class*="col-"] {margin-bottom: 18px; float: none;}
/* Boş liste: "İlan bulunamadı" */
.ilan_listeleme .row > .col-md-42 {background: var(--tn-kart); border: 1px dashed var(--tn-cizgi); border-radius: var(--tn-kose); color: var(--tn-yazi-soluk); padding: 18px; text-align: center; margin: 0 15px 18px; width: calc(100% - 30px);}
.ilan_listeleme .row > .visible-md, .ilan_listeleme .row > .visible-sm, .ilan_listeleme .row > .visible-xs, .ilan_listeleme .row > .clearfix {display: none !important;}
.liste.alternatif {
	background: var(--tn-kart);
	border-radius: var(--tn-kose);
	box-shadow: var(--tn-golge);
	overflow: hidden;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	transition: transform .18s ease, box-shadow .18s ease;
}
.liste.alternatif:hover {transform: translateY(-3px); box-shadow: var(--tn-golge-hover);}
.liste.alternatif .r_ust {display: block; position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: var(--tn-zemin);}
.liste.alternatif .r_ust img {width: 100%; height: 100%; object-fit: cover; border: 0 !important; transition: transform .35s ease;}
.liste.alternatif:hover .r_ust img {transform: scale(1.04);}
.liste .fiyat_layer {
	display: block !important;
	top: auto !important;
	right: auto !important;
	bottom: 8px;
	left: 8px;
	background: var(--tn-fiyat) !important;
	color: var(--tn-fiyat-yazi) !important;
	font-weight: 800 !important;
	font-size: 13px !important;
	padding: 4px 10px !important;
	border-radius: 999px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
}
.liste.alternatif h3 {
	padding: 10px 12px 2px !important;
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 600 !important;
	white-space: normal !important;
	max-height: none !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 46px;
}
.liste.alternatif h3 a {color: var(--tn-yazi) !important;}
.liste.alternatif:hover h3 {text-decoration: none;}
.liste.alternatif .il_ilce {
	padding: 0 12px 12px;
	font-size: 12px;
	color: var(--tn-yazi-soluk);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.liste.alternatif .il_ilce:before {font-family: "Ionicons"; content: "\f456"; margin-right: 5px; color: #A2AABA;}

/* ---------- Alt bilgi ---------- */
footer {background: var(--tn-footer-zemin) !important; border-top: 1px solid var(--tn-footer-cizgi) !important; color: var(--tn-footer-yazi); padding: 40px 0 24px !important; margin-top: 30px !important;}
footer .baslik, footer h3, footer h4, footer strong {color: var(--tn-footer-baslik) !important;}
footer .baslik {font-weight: 700 !important; font-size: 15px !important;}
footer ul li a {color: var(--tn-footer-yazi) !important;}
footer ul li a:hover {color: var(--tn-footer-hover) !important; text-decoration: none;}
footer .iletisim {border-top: 1px solid var(--tn-footer-cizgi) !important; color: var(--tn-footer-yazi);}
footer .iletisim .buton {color: var(--tn-footer-yazi) !important;}
footer p:not(.yazilim) {background: var(--tn-footer-kutu) !important; border: 1px solid var(--tn-footer-cizgi) !important; color: var(--tn-footer-yazi) !important; border-radius: 10px;}

/* ---------- Telefon ve tablet ---------- */
@media (max-width: 991px) {
	.container {padding-left: 12px; padding-right: 12px;}
	.ilan_listeleme .row {margin-left: -6px; margin-right: -6px;}
	.ilan_listeleme .row > [class*="col-"] {width: 33.333% !important; padding-left: 6px; padding-right: 6px; margin-bottom: 12px;}
	#mobil_ozel_menu {background: var(--tn-kart); margin: 12px 12px 4px; border-radius: var(--tn-kose); box-shadow: var(--tn-golge); width: auto;}
	#mobil_ozel_menu a {display: block; border-bottom: 1px solid var(--tn-cizgi); text-decoration: none;}
	#mobil_ozel_menu a:last-child {border-bottom: 0;}
	#mobil_ozel_menu .row {margin: 0; padding: 10px 6px; display: flex; align-items: center;}
	#mobil_ozel_menu .ikon i {width: 36px; height: 36px; line-height: 36px; border-radius: 10px !important; text-align: center; display: inline-block; color: #fff; font-size: 18px;}
	#mobil_ozel_menu .baslik {font-weight: 700; color: var(--tn-ana); font-size: 15px;}
	#mobil_ozel_menu .alt_kategoriler {color: var(--tn-yazi-soluk); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	#mobil_ozel_menu .fa-chevron-right {color: #B5BCC9;}
	#mobil_ozel_menu .col-xs-35 {padding-left: 14px;}
	.ilan_listeleme .row > div.col-md-42 {width: calc(100% - 12px) !important; margin: 0 6px 12px;}
}
@media (max-width: 600px) {
	.ilan_listeleme .row > [class*="col-"] {width: 50% !important;}
	.bilesen.ilan_listeleme .baslik.alternatif h3, .bilesen .baslik h3 {font-size: 17px !important;}
	.bilesen .baslik a.pull-right {font-size: 12px !important; padding: 5px 10px;}
}

/* =====================================================================
   GENEL BİLEŞENLER — iç sayfalar ve üye sayfaları
   ===================================================================== */

/* ---------- Butonlar ---------- */
.btn {border-radius: 10px; font-weight: 600; transition: background .2s, border-color .2s, color .2s, box-shadow .2s, filter .2s; text-shadow: none !important;}
.btn-xs {border-radius: 7px;}
.btn-lg {border-radius: 12px;}
/* Tema "button.btn-primary, a.btn-primary" ile maviyi zorluyor; aynı güçte ve sonra yüklenerek geçilir */
.btn-primary, button.btn-primary, a.btn-primary, input.btn-primary, .btn-primary:focus,
.arsiv .sidebar button.btn-primary, .fileuploader-input-button {background: var(--tn-ana) !important; border-color: var(--tn-ana) !important; color: #fff !important;}
.btn-primary:hover, button.btn-primary:hover, a.btn-primary:hover, .btn-primary:active,
.arsiv .sidebar button.btn-primary:hover {background: var(--tn-ana-acik) !important; border-color: var(--tn-ana-acik) !important; color: #fff !important;}
.btn-default {background: var(--tn-kart) !important; border: 1px solid var(--tn-cizgi) !important; color: var(--tn-yazi) !important; box-shadow: none !important;}
.btn-default:hover, .btn-default:focus, .btn-default.active {background: var(--tn-zemin) !important; border-color: var(--tn-ana) !important; color: var(--tn-ana) !important;}
.btn-success {background: #16A34A !important; border-color: #16A34A !important;}
.btn-danger {background: #DC2626 !important; border-color: #DC2626 !important;}
.btn-warning {background: var(--tn-vurgu) !important; border-color: var(--tn-vurgu) !important; color: var(--tn-vurgu-yazi) !important;}
.btn-grey, .btn-gray {background: var(--tn-zemin) !important; border: 1px solid var(--tn-cizgi) !important; color: var(--tn-yazi) !important;}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {border-top-left-radius: 0; border-bottom-left-radius: 0;}

/* ---------- Form alanları ---------- */
.form-control {border-radius: 10px !important; border: 1px solid var(--tn-cizgi) !important; box-shadow: none !important; color: var(--tn-yazi); background-color: var(--tn-kart);}
input.form-control, select.form-control:not([size]):not([multiple]) {height: 42px;}
.input-sm.form-control, .input-group-sm .form-control {height: 34px;}
.form-control:focus {border-color: var(--tn-ana) !important; box-shadow: 0 0 0 3px rgba(var(--tn-golge-rgb), .12) !important;}
.form-group label, .control-label {font-weight: 600; color: var(--tn-yazi); font-size: 13px;}
.help-block {color: var(--tn-yazi-soluk); font-size: 12px;}
.input-group-addon {border-radius: 10px; border-color: var(--tn-cizgi); background: var(--tn-zemin);}
.input-group .form-control:not(:last-child) {border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.input-group .form-control:not(:first-child) {border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;}
.input-group-btn .btn {height: 42px;}
.checkbox label, .radio label {color: var(--tn-yazi);}
input[type="checkbox"], input[type="radio"] {accent-color: var(--tn-ana);}

/* ---------- Kartlar (panel) ---------- */
.panel {border: 0 !important; border-radius: var(--tn-kose) !important; box-shadow: var(--tn-golge) !important; background: var(--tn-kart); overflow: hidden;}
.panel-heading {background: var(--tn-kart) !important; border-bottom: 1px solid var(--tn-cizgi) !important; color: var(--tn-ana) !important; font-weight: 700 !important; font-size: 15px !important; padding: 14px 16px !important; border-radius: 0 !important;}
.panel-body {border: 0 !important; padding: 16px;}
.panel-footer {background: var(--tn-zemin) !important; border-top: 1px solid var(--tn-cizgi) !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 0 !important;}
.panel.takas .panel-heading {border: 0 !important; border-bottom: 1px solid var(--tn-cizgi) !important; background: var(--tn-kart) !important; margin: 0 !important;}
.panel.takas .panel-body, .panel.takas.with_footer .panel-footer {border: 0 !important;}
.panel.takas.with_footer .panel-footer {border-top: 1px solid var(--tn-cizgi) !important;}
.well {background: var(--tn-kart); border: 1px solid var(--tn-cizgi); border-radius: var(--tn-kose); box-shadow: none;}

/* ---------- Uyarılar ve etiketler ---------- */
.alert {border: 0 !important; border-radius: var(--tn-kose) !important; box-shadow: var(--tn-golge); font-weight: 500;}
.alert-danger {background: #FEECEC !important; color: #B42318 !important;}
.alert-success {background: #E8F6EE !important; color: #146C43 !important;}
.alert-warning {background: #FFF6D6 !important; color: #8A6100 !important;}
.alert-info {background: #E8F1FB !important; color: #0B4A8B !important;}
.alert .alert-link {color: inherit !important; text-decoration: underline;}
.label {border-radius: 999px; padding: .3em .75em; font-weight: 600; font-size: 11px;}
.label-primary {background: var(--tn-ana);}
.label-success {background: #16A34A;}
.label-danger {background: #DC2626;}
.label-warning {background: #F59E0B;}
.label-info {background: #0EA5E9;}
.label-default {background: #94A3B8;}
.badge {border-radius: 999px;}

/* ---------- Tablolar ---------- */
.table-responsive {border: 0;}
.table {background: var(--tn-kart); color: var(--tn-yazi);}
.table > thead > tr > th {background: var(--tn-zemin) !important; color: var(--tn-yazi-soluk) !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .03em; border-bottom: 1px solid var(--tn-cizgi) !important; border-top: 0 !important;}
.table > tbody > tr > td, .table > tbody > tr > th {border-top: 1px solid var(--tn-cizgi) !important; vertical-align: middle !important;}
.table-striped > tbody > tr:nth-of-type(odd) {background: var(--tn-zemin);}
.table-hover > tbody > tr:hover {background: rgba(var(--tn-golge-rgb), .04);}
.arsiv .table.liste {border-radius: var(--tn-kose); overflow: hidden; box-shadow: var(--tn-golge); border: 0 !important;}
.arsiv .table.liste thead {background: var(--tn-zemin) !important;}
.arsiv .table.liste tr:nth-child(odd) td, .arsiv .table.liste tr:nth-child(even) td {background: var(--tn-kart);}
.arsiv .table.liste:not(.profil) tr:hover td {background: #F7F9FC;}
.arsiv .table.liste td, .arsiv .table.liste th {border-right: 0 !important; border-color: var(--tn-cizgi) !important;}
/* Üye sayfaları (İlanlarım...): tablodaki "Güncelle" yanındaki işlem menüsü kart / tablo kenarında kesilmesin (son satırın
   "Yayınla" seçeneği yarım kalıyordu). Taşma gizlenmez; köşeler başlık hücreleriyle yuvarlatılır. Menü: çerçeve + satır çizgileri */
.profil.arsiv .table.liste, .profil.arsiv .panel.tab {overflow: visible;}
.profil.arsiv .table.liste thead tr:first-child th:first-child {border-top-left-radius: var(--tn-kose);}
.profil.arsiv .table.liste thead tr:first-child th:last-child {border-top-right-radius: var(--tn-kose);}
.profil.arsiv .table.liste tbody tr:last-child td:first-child {border-bottom-left-radius: var(--tn-kose);}
.profil.arsiv .table.liste tbody tr:last-child td:last-child {border-bottom-right-radius: var(--tn-kose);}
.profil.arsiv .table.liste td .btn-group .dropdown-menu {min-width: 190px; margin-top: 6px; padding: 4px 0 !important; border: 1px solid var(--tn-siralama-cerceve) !important; border-radius: 10px !important; box-shadow: 0 10px 28px rgba(var(--tn-golge-rgb), .16) !important; z-index: 1050;}
.profil.arsiv .table.liste td .btn-group .dropdown-menu > li > a {border-radius: 0 !important; padding: 9px 14px !important; font-size: 13.5px; white-space: nowrap; color: var(--tn-yazi);}
.profil.arsiv .table.liste td .btn-group .dropdown-menu > li + li {border-top: 1px solid var(--tn-siralama-cizgi);}
.profil.arsiv .table.liste td .btn-group .dropdown-menu > li.disabled > a {color: var(--tn-yazi-soluk);}
.profil.arsiv .table.liste td .btn-group.open .dropdown-toggle {background: var(--tn-zemin); border-color: var(--tn-filtre-cerceve); box-shadow: none;}
.arsiv .table.liste tbody .baslik, .arsiv .table.liste tbody .baslik a {color: var(--tn-ana) !important; font-weight: 600;}
.arsiv .table.liste td.fiyat {color: var(--tn-ana) !important; font-weight: 800 !important;}
.arsiv .table.liste img.resim, .arsiv .table.liste img {border: 0 !important; border-radius: 8px;}
.arsiv .table.liste tr.vitrin td, .arsiv .table.liste tr.acil td {background: #FFFBEA !important;}

/* ---------- Sekmeler ---------- */
.nav-tabs {border-bottom: 1px solid var(--tn-cizgi) !important;}
.nav-tabs > li > a {border-radius: 10px 10px 0 0 !important; color: var(--tn-yazi-soluk); font-weight: 600;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: var(--tn-ana) !important; border-color: var(--tn-cizgi) var(--tn-cizgi) transparent !important;}
.nav-tabs.ozel {border-bottom: 0 !important; height: auto !important; display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px;}
/* Sekme listesi visible-sm/md/lg ile display:block zorluyor; telefonda tema ayrı bir seçim kutusu gösteriyor */
@media (min-width: 768px) {.nav-tabs.ozel {display: flex !important;}}
.panel.tab > .panel-heading {padding-bottom: 6px !important;}
.nav-tabs.ozel > li {margin: 0 !important; float: none;}
.nav-tabs.ozel > li > a {background: var(--tn-kart) !important; color: var(--tn-yazi) !important; border: 1px solid var(--tn-cizgi) !important; border-radius: 999px !important; padding: 7px 14px !important; margin: 0 !important; font-weight: 600;}
.nav-tabs.ozel > li > a:hover {border-color: var(--tn-ana) !important; color: var(--tn-ana) !important;}
.nav-tabs.ozel > li.active > a, .nav-tabs.ozel > li.active > a:hover {background: var(--tn-ana) !important; border-color: var(--tn-ana) !important; color: #fff !important;}
.nav-tabs.ozel > li.active > a:before {display: none !important;}
.nav-pills > li > a {border-radius: 999px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover {background: var(--tn-ana);}

/* ---------- Yan menüler (üye menüsü, mağaza menüsü) ---------- */
.list-group {border-radius: var(--tn-kose); overflow: hidden; box-shadow: none;}
.list-group-item {border-color: var(--tn-cizgi) !important; color: var(--tn-yazi);}
.panel .list-group-item {border-left: 0 !important; border-right: 0 !important;}
.panel .list-group .list-group-item:first-child {border-top: 0 !important;}
a.list-group-item:hover, a.list-group-item:focus {background: var(--tn-zemin) !important; color: var(--tn-ana) !important;}
.list-group-item.active, .list-group-item.active:hover, li.active > a.list-group-item {background: var(--tn-zemin) !important; color: var(--tn-ana) !important; border-color: var(--tn-cizgi) !important; font-weight: 700; box-shadow: inset 3px 0 0 var(--tn-vurgu);}
#sidebar_pc_menu ul, .panel.takas.menu ul {margin: 0; padding: 0; list-style: none;}
#sidebar_pc_menu ul li a, .panel.takas.menu ul li a {display: block; padding: 9px 16px; line-height: 22px; font-size: 13px; color: var(--tn-yazi); border-bottom: 1px solid var(--tn-cizgi); font-weight: 500; background: transparent; margin: 0; transition: background .15s, color .15s;}
#sidebar_pc_menu ul li:last-child a, .panel.takas.menu ul li:last-child a {border-bottom: 0;}
#sidebar_pc_menu ul li a:hover, .panel.takas.menu ul li a:hover {background: var(--tn-zemin); color: var(--tn-ana); text-decoration: none;}
#sidebar_pc_menu ul li.active a, .panel.takas.menu ul li.active a {background: var(--tn-zemin); color: var(--tn-ana); font-weight: 700; box-shadow: inset 3px 0 0 var(--tn-vurgu);}
#sidebar_pc_menu ul li a i, .panel.takas.menu ul li a i {color: var(--tn-ana); opacity: .75; width: 18px;}

/* ---------- Açılır menü, sayfalama, pencere, yol haritası ---------- */
.dropdown-menu {border: 1px solid var(--tn-cizgi) !important; border-radius: 12px !important; box-shadow: 0 10px 30px rgba(var(--tn-golge-rgb), .15) !important; padding: 6px !important;}
.dropdown-menu > li > a {border-radius: 8px; padding: 7px 12px; color: var(--tn-yazi);}
.dropdown-menu > li > a:hover {background: var(--tn-zemin) !important; color: var(--tn-ana) !important;}
/* Sağ üst üye alanı (header.php): tek satır, kırılmaz; uzun ad başlıkta kısa (baslik_kisa_ad) ve gerekirse "…" ile biter,
   "Ücretsiz İlan Ver" alt satıra düşmez */
header .uyelik {display: flex; align-items: center; justify-content: flex-end; flex-wrap: nowrap; gap: 4px; white-space: nowrap;}
header .uyelik > .btn-group {flex: 0 1 auto; min-width: 0;}
header .uyelik .dropdown-toggle.header_link {display: inline-flex; align-items: center; max-width: 100%;}
header .uyelik .tn-uye-ad {display: inline-block; max-width: 150px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
header .uyelik > a.btn-primary {flex: 0 0 auto; margin-left: 6px;}
/* Üye açılır menüsü: üstte ad kartı, hafif tonlu simgeler, gruplar arasında ince çizgi, çıkış hafif kırmızı */
/* Menü zemini mavi: sitenin ana (lacivert) renginin tonu, açık (kullanıcı: zemin ad kartının tonunda). Ad kartı ve üstüne
   gelme vurgusu bir tık koyu, ayırıcı çizgiler aynı mavi ailesinden. Renk şeması değişince uyar; eski tarayıcıda sabit yedek */
:root {--tn-uye-menu-zemin: #F1F5FA; --tn-uye-menu-cerceve: #E7EDF5; --tn-uye-menu-kart: #D9E3EF; --tn-uye-menu-vurgu: #DDE6F1; --tn-uye-menu-cizgi: #C8D4E0;}
@supports (color: hsl(from red h s l)) {:root {--tn-uye-menu-zemin: hsl(from var(--tn-ana) h 42% 96%); --tn-uye-menu-cerceve: hsl(from var(--tn-ana) h 42% 93%); --tn-uye-menu-kart: hsl(from var(--tn-ana) h 40% 89%); --tn-uye-menu-vurgu: hsl(from var(--tn-ana) h 40% 90%); --tn-uye-menu-cizgi: hsl(from var(--tn-ana) h 28% 83%);}}
header .tn-uye-menu {min-width: 236px; padding: 6px !important; background: var(--tn-uye-menu-zemin) !important; border-color: var(--tn-uye-menu-cerceve) !important;}
header .tn-uye-menu > li.tn-uye-kart {display: flex; align-items: center; gap: 10px; padding: 10px 10px 10px; margin: 0 0 2px; border-radius: 9px; background: transparent; /* kullanıcı: ad kartının ayrı zemini olmasın, altındaki çizgi ayırır */ white-space: normal;}
header .tn-uye-menu .tn-uye-harf {flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--tn-ana); color: #fff; font-weight: 700; font-size: 15px;}
header .tn-uye-menu .tn-uye-kart b {display: block; font-size: 13.5px; font-weight: 600; color: var(--tn-yazi); line-height: 1.3; word-break: break-word;}
header .tn-uye-menu .tn-uye-kart small {display: block; font-size: 11.5px; color: var(--tn-yazi-soluk); margin-top: 1px;}
header .tn-uye-menu > li > a {display: flex !important; align-items: center; gap: 10px; padding: 8px 10px !important; font-size: 13.5px; color: var(--tn-yazi) !important;}
header .tn-uye-menu > li > a:hover, header .tn-uye-menu > li > a:focus {background: var(--tn-uye-menu-vurgu) !important;}
header .tn-uye-menu > li > a > i {flex: 0 0 18px; width: 18px; text-align: center; font-size: 15px; color: var(--tn-ana); opacity: .55; margin: 0 !important; transition: opacity .15s;}
header .tn-uye-menu > li > a:hover > i {opacity: 1;}
header .tn-uye-menu > li.divider {margin: 5px 8px !important; background: var(--tn-uye-menu-cizgi) !important; height: 1px;}
header .tn-uye-menu > li.tn-cikis > a {color: var(--tn-yazi-soluk) !important;}
header .tn-uye-menu > li.tn-cikis > a:hover {background: #FDEEEE !important; color: #B42318 !important;}
header .tn-uye-menu > li.tn-cikis > a:hover > i {color: #B42318; opacity: 1;}
.pagination > li > a, .pagination > li > span {border: 1px solid var(--tn-cizgi) !important; color: var(--tn-yazi) !important; margin: 0 3px; border-radius: 8px !important; min-width: 36px; text-align: center;}
.pagination > li > a:hover {background: var(--tn-zemin) !important; color: var(--tn-ana) !important;}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > span {background: var(--tn-ana) !important; border-color: var(--tn-ana) !important; color: #fff !important;}
.modal-content {border: 0; border-radius: 16px; box-shadow: 0 20px 50px rgba(0, 0, 0, .25);}
.modal-header {border-bottom: 1px solid var(--tn-cizgi);}
.modal-footer {border-top: 1px solid var(--tn-cizgi);}
.breadcrumb {background: transparent; padding-left: 0;}
.breadcrumb > li, .breadcrumb > li a {color: var(--tn-yazi-soluk);}
.breadcrumb > li a:hover {color: var(--tn-ana);}

/* ---------- Başlıklar ---------- */
.bolum-baslik {color: var(--tn-ana); font-weight: 800;}

/* ---------- İç sayfa düzeltmeleri ---------- */
/* Giriş / kayıt kartı: gri geçiş ve dev kilit simgesi yerine sade kart */
.giris_form.gradient, .panel-body.gradient {background: var(--tn-kart) !important;}
.giris_form:after {color: var(--tn-zemin); opacity: .9;}
.giris .panel {max-width: 100%;}
.giris .panel-heading {font-size: 18px !important; padding: 18px 22px !important;}
/* Kayıt: telefon/tablette sağ sütun formun altına düştüğü için giriş + hesap türü düğmeleri formun üstünde */
.tn-kayit-ust {display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; padding: 14px 22px; border-bottom: 1px solid var(--tn-cizgi, #E4E8EF); font-size: 14px;}
.tn-kayit-ust > span {flex: 1 0 100%; color: var(--tn-yazi-soluk, #6B7280);}
.tn-kayit-ust .btn {margin: 0;}

/* Kategori sayfası yan filtreler */
.arsiv .sidebar .panel.beyaz, .arsiv .sidebar .panel.beyaz .panel-body {background: var(--tn-kart) !important;}
.arsiv .sidebar .panel.beyaz .panel-heading {border: 0 !important; border-bottom: 1px solid var(--tn-cizgi) !important; padding: 12px 14px !important;}
.arsiv .sidebar ul.ana_menu li a {color: var(--tn-yazi);}
.arsiv .sidebar ul.ana_menu li a:hover {color: var(--tn-ana);}

/* Yan filtreler (Adres, Fiyat, Oda Sayısı...): sade, düz yazı. Başlık küçük ve koyu gri (kalın lacivert değil), içerik ince;
   kutular biraz daha basık. Yalnız .panel.filtre kartları; kategori kutusu (ana_menu) olduğu gibi. Renkler tema değişkenleri. */
.arsiv .sidebar .panel.filtre > .panel-heading, .arsiv .sidebar .panel.filtre > a > .panel-heading {font-size: 13px !important; font-weight: 600 !important; color: var(--tn-yazi) !important; padding: 10px 14px !important; line-height: 20px !important; letter-spacing: 0;}
.arsiv .sidebar .filtre.kapali > a > .panel-heading {cursor: pointer;}
.arsiv .sidebar .filtre.kapali > a > .panel-heading:hover {color: var(--tn-ana) !important;}
.arsiv .sidebar .filtre.kapali .panel-heading:after {color: var(--tn-yazi-soluk) !important; font-size: 15px !important; line-height: 40px !important; width: 32px !important; text-align: center; opacity: .6;}
/* Açık filtre gövdesi görünür; JS'e bağlı değil (sayfa yenilenmeden geçişten sonra da açık kalır) */
.arsiv .filtre.kapali.acik > .panel-body {display: block;}
.arsiv .sidebar .panel.filtre > .panel-body {padding: 10px 14px 12px !important; font-size: 13px;}
.arsiv .sidebar .panel.filtre > .panel-body .form-group:last-child {margin-bottom: 0;}
.arsiv .sidebar .filtre .panel-body label {font-size: 12px; font-weight: 400; color: var(--tn-yazi-soluk); margin: 2px 0 4px;}
.arsiv .sidebar .filtre .panel-body label .text-muted {font-size: 11px !important; color: var(--tn-yazi-soluk) !important; opacity: .8;}
.arsiv .sidebar .filtre .form-control {height: 36px; font-size: 13px; font-weight: 400;}
/* Filtre kutularının çerçeve rengi: tema grisinden iki ton açık (renk şeması değişince uyar); eski tarayıcıda sabit yedek */
:root {--tn-filtre-cerceve: #A3A9B5;} /* kökte: body'ye taşınan menü panelleri de kullanır */
@supports (color: color-mix(in srgb, red 50%, white)) {:root {--tn-filtre-cerceve: color-mix(in srgb, var(--tn-yazi-soluk) 62%, #fff);}}
/* Yazı kutuları (Fiyat, m² en az-en çok): belirgin çerçeve (--tn-filtre-cerceve), tıklanınca lacivert */
.arsiv .sidebar .filtre input.form-control {border: 1px solid var(--tn-filtre-cerceve) !important; border-radius: 8px; background: var(--tn-kart); color: var(--tn-yazi);}
.arsiv .sidebar .filtre input.form-control::placeholder {color: var(--tn-yazi-soluk); opacity: .85;}
.arsiv .sidebar .filtre input.form-control:hover {border-color: var(--tn-ana) !important;}
.arsiv .sidebar .filtre input.form-control:focus {border-color: var(--tn-ana) !important; box-shadow: 0 0 0 3px rgba(var(--tn-golge-rgb), .12) !important; outline: none;}
/* Açılır menü düğmeleri (il, ilçe, mahalle, uzun listeli filtreler) ve sıralama kutusu: yazı kutularıyla aynı belirgin çerçeve.
   Henüz kullanılamayan ("Önce il seçiniz") pasif kutuda çerçeve soluk: seçilebilir olanlar ayırt edilsin */
.arsiv .sidebar .filtre .tn-acilir.tn-form .tn-acilir-dugme, .arsiv .panel-heading .sag .tn-acilir.tn-form .tn-acilir-dugme {border: 1px solid var(--tn-filtre-cerceve);}
.arsiv .sidebar .filtre .tn-acilir.tn-form .tn-acilir-dugme:hover, .arsiv .panel-heading .sag .tn-acilir.tn-form .tn-acilir-dugme:hover {border-color: var(--tn-ana);}
.arsiv .sidebar .filtre .tn-acilir.tn-form.pasif .tn-acilir-dugme {border-color: var(--tn-cizgi);}
.arsiv .sidebar .filtre .tn-acilir.tn-form .tn-acilir-dugme {height: 36px; padding: 0 12px; font-size: 13px; font-weight: 400;}
/* Onay kutulu filtre listeleri (ilan-kategori.php: Oda Sayısı, Bina Yaşı... ve "Özellikler" kartı) - tek tık, aç/kapa yok.
   8'den uzun liste kendi içinde kayar (alt kenarda soluk geçiş: devamı olduğu belli). */
.arsiv .sidebar .tn-fk-liste {display: flex; flex-direction: column; gap: 1px;}
.arsiv .sidebar .tn-fk-liste.uzun {max-height: 236px; overflow-y: auto; overscroll-behavior: contain; margin-right: -8px; padding-right: 6px;
	background: linear-gradient(rgba(255,255,255,0), var(--tn-kart) 80%) bottom / 100% 22px no-repeat local, radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.10), rgba(0,0,0,0)) bottom / 100% 8px no-repeat scroll;}
.arsiv .sidebar .filtre .panel-body label.tn-fk-satir {display: flex; align-items: center; gap: 9px; margin: 0; padding: 6px 6px; border-radius: 6px; font-size: 13px; font-weight: 400; color: var(--tn-yazi); line-height: 1.3; cursor: pointer; user-select: none; transition: background .12s;}
.arsiv .sidebar .filtre .panel-body label.tn-fk-satir:hover {background: var(--tn-zemin);}
/* Onay kutusu: tarayıcı görünümü yerine kendi çizimimiz (her tarayıcıda aynı, belirgin): koyu gri çerçeve, işaretlenince
   lacivert dolgu + beyaz tik. Yazı her durumda normal kalınlık; seçili satır yalnız lacivert. */
.arsiv .sidebar .tn-fk-satir input[type=checkbox] {-webkit-appearance: none; appearance: none; flex: 0 0 15px; width: 15px; height: 15px; margin: 0; border: 1.5px solid var(--tn-yazi-soluk); border-radius: 3px; background: var(--tn-kart) center / 10px 10px no-repeat; cursor: pointer; transition: background-color .12s, border-color .12s, box-shadow .12s;}
.arsiv .sidebar .tn-fk-satir:hover input[type=checkbox] {border-color: var(--tn-ana);}
.arsiv .sidebar .tn-fk-satir input[type=checkbox]:checked {background-color: var(--tn-ana); border-color: var(--tn-ana); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 6.3l2.4 2.4 5.2-5.4' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.arsiv .sidebar .tn-fk-satir input[type=checkbox]:focus-visible {outline: none; box-shadow: 0 0 0 3px rgba(var(--tn-golge-rgb), .18);}
/* Eski temanın (style.css) tüm onay kutularına :after ile çizdiği mavi kutu burada kapatılır (bizim çizim görünsün) */
.arsiv .sidebar .tn-fk-satir input[type=checkbox]:before, .arsiv .sidebar .tn-fk-satir input[type=checkbox]:after, .arsiv .sidebar .tn-fk-satir input[type=checkbox]:checked:after {content: none !important; display: none !important;}
.arsiv .sidebar .filtre .panel-body label.tn-fk-satir:has(input:checked) {color: var(--tn-ana); font-weight: 400;}
@media (max-width: 767px) {
	.arsiv .sidebar .filtre .panel-body label.tn-fk-satir {padding: 9px 6px; font-size: 14px;}
	.arsiv .sidebar .tn-fk-satir input[type=checkbox] {flex-basis: 17px; width: 17px; height: 17px; background-size: 11px 11px;}
}
/* Telefon + tablet (eski style.css ile aynı sınır, 992px dahil): filtre alanı tam boy (eski tema 184px'e sabitleyip içinde
   kaydırıyordu: yalnız Adres görünüyordu); "Filtrele" düğmesi ekranın altına yapışık, uzun listede kaybolmaz */
@media (max-width: 992px) {
	.filtre_mobil_scroll {height: auto !important; max-height: none !important; overflow: visible !important;}
	.filtre_sm_hide #buton {position: sticky; bottom: 10px; z-index: 5; box-shadow: 0 6px 18px rgba(var(--tn-golge-rgb), .25);}
}
/* 992px ve üstü: filtreler her zaman açık. "Sonuçları filtrele" düğmesi 992'de kayboluyor ama eski tema filtreleri 992 dahil
   gizliyordu: tam 992px genişlikte filtreler hiç görünmüyordu */
@media (min-width: 992px) {
	.filtre_sm_hide {display: block !important;}
}

/* Liste başlığındaki görünüm düğmeleri ve sıralama kutusu: sekmelerin üstüne binmesin */
.arsiv .panel.beyaz .panel-heading, .panel.tab > .panel-heading {display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px 12px;}
.arsiv .panel.beyaz .panel-heading .nav-tabs.ozel, .panel.tab > .panel-heading .nav-tabs.ozel {margin-bottom: 0; flex: 1 1 auto;}
.arsiv .panel.beyaz .panel-heading .sag, .panel.tab > .panel-heading .sag {position: static !important; margin-left: auto; display: flex; align-items: center; gap: 8px; float: none !important;}
.arsiv .panel.beyaz .panel-heading .sag ul.listeleme {display: flex; align-items: center; gap: 4px;}
.arsiv .panel.beyaz .panel-heading .sag ul.listeleme li a {border-radius: 8px !important; background: var(--tn-zemin) !important; color: var(--tn-yazi-soluk) !important; margin: 0 !important;}
.arsiv .panel.beyaz .panel-heading .sag ul.listeleme li.active a {background: var(--tn-ana) !important; color: #fff !important;}
.arsiv .panel.beyaz .panel-heading .sag ul.listeleme li.baslik {margin-right: 4px; color: var(--tn-yazi-soluk);}
.arsiv .panel.beyaz .panel-heading .sag select {border-radius: 8px !important; border-color: var(--tn-cizgi) !important; height: 32px; width: 200px; min-width: 0; /* özel menüyle aynı sabit genişlik: dönüşürken satır kırılıp kaymasın */}
/* Sıralama kutusu (js/acilir.js): yerine geçtiği <select> ile aynı boy ve hizada (eskiden 42px + tam genişlik: sekme satırı uzayıp liste 21px kayıyordu) */
.arsiv .panel.beyaz .panel-heading .sag .tn-acilir.tn-form {display: inline-block; width: 200px; min-width: 0; vertical-align: middle;}
.arsiv .panel.beyaz .panel-heading .sag .tn-acilir.tn-form .tn-acilir-dugme {height: 32px; border-radius: 8px; padding: 0 12px; font-size: 13px; font-weight: 400;}
/* Tablet (768-991): sekmeler + görünüm + sıralama tek satıra ancak sığıyor; yazı tipi yüklenirken satır kırılıp birleşiyor,
   liste 40px kayıyordu. Görünüm ve sıralama bu genişlikte hep kendi satırında, sağa yaslı. */
@media (min-width: 768px) and (max-width: 991px) {
	.arsiv .panel.beyaz .panel-heading .sag, .panel.tab > .panel-heading .sag {flex: 1 1 100%; justify-content: flex-end;}
}
.arsiv .sidebar button.btn-primary {background: var(--tn-ana) !important;}
.arsiv .sidebar button.btn-primary:hover {background: var(--tn-ana-acik) !important;}

/* "Bulunamadı" mesajları: kırmızı uyarı yerine sade boş durum kutusu */
.alert.bos-durum {background: var(--tn-zemin) !important; color: var(--tn-yazi-soluk) !important; box-shadow: none !important; border: 1px dashed var(--tn-cizgi) !important; text-align: center; padding: 22px 16px;}

/* Altbilgideki çeviri aracı */
footer .goog-te-gadget, footer .goog-te-gadget-simple {background: var(--tn-footer-kutu) !important; border: 1px solid var(--tn-footer-cizgi) !important; border-radius: 8px; padding: 4px 8px; color: var(--tn-footer-yazi) !important; font-family: inherit !important;}
footer .goog-te-gadget-simple a, footer .goog-te-gadget-simple span {color: var(--tn-footer-yazi) !important; border: 0 !important;}
footer .goog-te-gadget {color: var(--tn-footer-yazi) !important; background: transparent !important; border: 0 !important;}
footer select.goog-te-combo {background: var(--tn-footer-kutu); color: var(--tn-footer-yazi); border: 1px solid var(--tn-footer-cizgi); border-radius: 8px; padding: 6px 10px; min-width: 180px; height: 34px;}
footer .goog-te-gadget > span, footer .goog-te-gadget a {color: var(--tn-footer-yazi) !important; opacity: .6;}

/* Eski sekme kalıntıları: yazı gölgesi ve alt çizgi */
.nav-tabs.ozel, .tab .nav-tabs.ozel {border-bottom: 0 !important; height: auto !important;}
.nav-tabs.ozel li a, .tab .nav-tabs.ozel li a {text-shadow: none !important;}
.tab .nav-tabs.ozel li a {font-size: 13px !important;}

/* İlan detay: başlık ve fiyat */
/* ---------- İlan detay ---------- */
.gri:has(> .container > .breadcrumb) {background: transparent !important;}
.gri:has(> .container > .breadcrumb):before {display: none;}
.ilan .ust {border-bottom: 0; margin-bottom: 8px;}
/* eski stil başlığı 20px yüksekliğe kilitliyordu; ğ, y, g gibi harflerin kuyruğu kesiliyordu */
.ilan .ust h1 {color: var(--tn-ana); font-weight: 800; font-size: 22px; line-height: 1.35; max-height: none; padding-bottom: 2px; white-space: normal;}

/* Fiyat + konum + bilgi tablosu tek kart */
.ilan div.fiyat {background: var(--tn-kart); border: 1px solid var(--tn-cizgi); border-bottom: 0; border-radius: var(--tn-kose) var(--tn-kose) 0 0; padding: 14px 16px 4px; margin: 0 !important; color: var(--tn-ana) !important; font-size: 21px !important; font-weight: 800 !important; line-height: 1.25; letter-spacing: -.01em;}
.ilan div.fiyat:before {content: "FİYAT"; display: block; font-size: 11px; font-weight: 700; letter-spacing: .06em; color: var(--tn-yazi-soluk); margin-bottom: 2px;}
.ilan div.fiyat .tl_karsilik {display: block; font-size: 13px; font-weight: 600; color: var(--tn-yazi-soluk);}
.ilan .s_mesaj {background: var(--tn-kart); border: 1px solid var(--tn-cizgi); border-bottom: 0; border-radius: var(--tn-kose) var(--tn-kose) 0 0; padding: 14px 16px 6px; color: var(--tn-ana); font-size: 20px; font-weight: 800;}
.ilan ul.adres {background: var(--tn-kart); border: 1px solid var(--tn-cizgi); border-top: 0; border-bottom: 1px solid var(--tn-cizgi); margin: 0 !important; padding: 2px 16px 12px; font-size: 13px;}
.ilan ul.adres li a {color: var(--tn-yazi-soluk); font-weight: 600;}
.ilan ul.adres li a:hover {color: var(--tn-ana);}
.ilan ul.adres li:not(:last-child):after {color: var(--tn-cizgi);}
.ilan .table.detay {background: var(--tn-kart); border: 1px solid var(--tn-cizgi); border-top: 0; border-radius: 0 0 var(--tn-kose) var(--tn-kose); overflow: hidden; box-shadow: none; margin-bottom: 10px; font-size: 13px;}
.ilan .table.detay tr {border-bottom: 0 !important;}
.ilan .table.detay > tbody > tr > th, .ilan .table.detay > tbody > tr > td {padding: 7px 16px !important; border-top: 1px solid var(--tn-cizgi) !important; line-height: 1.4;}
.ilan .table.detay > tbody > tr:first-child > th, .ilan .table.detay > tbody > tr:first-child > td {border-top: 0 !important;}
.ilan .table.detay > tbody > tr > th {color: var(--tn-yazi-soluk); font-weight: 500; background: transparent !important; text-transform: none; font-size: 13px !important; letter-spacing: 0;}
.ilan .table.detay > tbody > tr > td {color: var(--tn-yazi); font-weight: 600;}
.ilan .table.detay > tbody > tr:first-child > td {color: var(--tn-ana) !important; font-weight: 800;}

/* Galeri */
.ilan #genis_gorsel {border-radius: var(--tn-kose) var(--tn-kose) 0 0;}
.ilan .well.gorseller {border-radius: 0 0 var(--tn-kose) var(--tn-kose); border: 1px solid var(--tn-cizgi); border-top: 0; box-shadow: none; margin-top: 0;}
.ilan .well.gorseller .well-heading {background: var(--tn-kart); border-bottom: 1px solid var(--tn-cizgi); padding: 8px;}
.ilan .well-heading a {color: var(--tn-ana); font-weight: 600;}
.ilan .well.gorseller img {border-radius: 6px; border-color: var(--tn-cizgi);}
.ilan .well.gorseller .galeri_gorsel.active img {border-color: var(--tn-vurgu); box-shadow: 0 0 0 1px var(--tn-vurgu);}

/* Satıcı kartı */
.ilan .iletisim .panel-body {background: var(--tn-kart) !important; padding: 16px !important;}
.ilan .iletisim h3, .ilan .iletisim h3 > a {color: var(--tn-ana) !important; font-weight: 800 !important; font-size: 17px !important; text-shadow: none !important;}
.ilan .iletisim h3 + p, .ilan .iletisim a:not(.tel_link) {text-shadow: none !important;}
.ilan .iletisim .bilgi {border: 1px solid var(--tn-cizgi); border-radius: 10px; background: var(--tn-kart); box-shadow: none; padding: 11px 14px 11px 40px; color: var(--tn-ana); font-size: 14px;}
.ilan .iletisim .bilgi span {color: var(--tn-yazi); font-weight: 700;}
.ilan .iletisim .bilgi i, .ilan .iletisim .bilgi i.ion-ios-telephone, .ilan .iletisim .bilgi i.ion-earth {color: var(--tn-ana); opacity: .8; font-size: 18px; line-height: 20px; max-height: none; left: 14px; top: 50% !important; transform: translateY(-50%);}
.ilan .iletisim a.tel_link:hover .bilgi {border-color: var(--tn-ana);}
.ilan .iletisim .bilgi.whatsapp {background: #1FA855; border-color: #1FA855; color: #fff;}
.ilan .iletisim .bilgi.whatsapp span {color: #fff;}
.ilan .iletisim .bilgi.whatsapp i {color: #fff; font-size: 20px; line-height: 20px; left: 13px; top: 50% !important; transform: translateY(-50%);}
.ilan .iletisim a.tel_link:hover .bilgi.whatsapp {background: #178F47; border-color: #178F47;}
.ilan .panel.beyaz.ilan_sag .panel-body {background: var(--tn-kart);}
.ilan .ziyaret {color: var(--tn-yazi-soluk);}

/* Fotoğraf büyütme penceresi: görünür kapat düğmesi, kaybolmayan imleç */
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: default;}
.mfp-image-holder .mfp-content img.mfp-img, .mfp-image-holder .mfp-figure {cursor: pointer !important;}
button.mfp-close, .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {position: fixed; top: 16px; right: 16px; width: 46px; height: 46px; line-height: 44px; padding: 0 !important; text-align: center; border-radius: 50%; background: rgba(255, 255, 255, .14); color: #fff; opacity: 1; font-size: 30px; font-family: Arial, sans-serif; cursor: pointer !important; transition: background .15s, color .15s;}
button.mfp-close:hover, button.mfp-close:focus {background: var(--tn-vurgu); color: var(--tn-vurgu-yazi); opacity: 1;}
button.mfp-arrow {cursor: pointer !important;}
.mfp-bg {background: #0B1220; opacity: .92;}

@media (max-width: 767px) {
	.ilan .ust h1 {font-size: 19px;}
	.ilan div.fiyat {font-size: 20px !important;}
}

/* İlan ekleme öncesi doğrulama kutusu */
.uyari-kutu {background: var(--tn-kart) !important; border: 0 !important; border-radius: var(--tn-kose) !important; box-shadow: var(--tn-golge); padding: 36px 20px !important;}
.uyari-kutu i.fa-lock {color: var(--tn-ana) !important; font-size: 40px !important; background: var(--tn-zemin); width: 84px; height: 84px; line-height: 84px; border-radius: 50%;}
.uyari-kutu h3 {color: var(--tn-ana) !important; font-weight: 800;}
.uyari-kutu p {color: var(--tn-yazi-soluk); margin-bottom: 16px;}
.uyari-kutu .btn-success {background: var(--tn-vurgu) !important; border-color: var(--tn-vurgu) !important; color: var(--tn-vurgu-yazi) !important; padding: 10px 22px;}

@media (max-width: 767px) {
	.arsiv .panel.beyaz .panel-heading .sag {width: 100%; margin-left: 0;}
	.arsiv .panel.beyaz .panel-heading .sag select {width: 100%; min-width: 0;}
	.arsiv .panel.beyaz .panel-heading .sag .tn-acilir.tn-form {display: block; width: 100%; min-width: 0;}
}

/* İlan ekleme: kategori seçim listeleri ve sonuç kutuları */
#kategori_secimi select.kategori_sec {height: 300px; padding: 6px; border-color: var(--tn-cizgi) !important; border-radius: 12px !important;}
#kategori_secimi option {padding: 7px 10px; border-radius: 8px; color: var(--tn-yazi);}
#kategori_secimi option:checked {background: var(--tn-ana) linear-gradient(var(--tn-ana), var(--tn-ana)); color: #fff;}
.kategori_sec.tamam {background: #E8F6EE; color: #146C43; border-radius: 12px;}
.kategori_sec.tamam.limit {background: #FEECEC; color: #B42318;}
.kategori_sec.tamam.magaza {background: var(--tn-zemin); color: var(--tn-ana);}
.kategori_sec.tamam.magaza .pull-left h3 a {color: var(--tn-ana) !important;}

/* ---------- İlan detay: açılır kapanır teknik özellikler ---------- */
.teknik_ozellikler > .panel-heading {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.teknik_hepsi {display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--tn-cizgi); background: var(--tn-kart); color: var(--tn-ana); border-radius: 999px; padding: 5px 12px; font-size: 12px; font-weight: 600; text-transform: none; letter-spacing: 0; cursor: pointer; transition: border-color .15s, background .15s;}
.teknik_hepsi:hover {border-color: var(--tn-ana); background: var(--tn-zemin);}
.teknik_hepsi i {font-size: 14px; transition: transform .2s;}
.teknik_hepsi.acik i {transform: rotate(180deg);}
.teknik_ozellikler > .panel-body {padding: 14px 16px 16px !important;}
/* Her grup ayrı kart: hafif ana renk tonlu zemin ve ince çerçeve; açık grupta başlık şeridi bir ton koyu */
.teknik_blok {border: 1px solid rgba(var(--tn-golge-rgb), .12); border-radius: 12px; background: rgba(var(--tn-golge-rgb), .045); margin-bottom: 10px; overflow: hidden; transition: border-color .15s, box-shadow .15s;}
.teknik_blok:last-child {margin-bottom: 0;}
.teknik_blok:hover {border-color: rgba(var(--tn-golge-rgb), .25);}
.teknik_blok[open] {background: rgba(var(--tn-golge-rgb), .025); border-color: rgba(var(--tn-golge-rgb), .18); box-shadow: 0 4px 14px rgba(var(--tn-golge-rgb), .06);}
.teknik_blok > summary {list-style: none; display: flex; align-items: center; gap: 10px; padding: 12px 14px 12px 16px; margin: 0 !important; cursor: pointer; font-size: 14px !important; font-weight: 700 !important; color: var(--tn-ana); user-select: none;}
.teknik_blok[open] > summary {background: rgba(var(--tn-golge-rgb), .05); border-bottom: 1px solid rgba(var(--tn-golge-rgb), .1);}
.teknik_blok > summary::-webkit-details-marker {display: none;}
.teknik_blok > summary:hover {color: var(--tn-ana-acik);}
.teknik_blok > summary .teknik_ad {flex: 1;}
.teknik_blok > summary .teknik_sayi {font-size: 11px; font-weight: 700; color: var(--tn-ana); background: var(--tn-kart); border: 1px solid var(--tn-cizgi); border-radius: 999px; padding: 2px 9px;}
.teknik_blok > summary i {width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 50%; background: var(--tn-kart); border: 1px solid var(--tn-cizgi); color: var(--tn-ana); font-size: 14px; transition: transform .2s;}
.teknik_blok[open] > summary i {transform: rotate(180deg); background: var(--tn-ana); border-color: var(--tn-ana); color: #fff;}
.teknik_blok .teknik_grup {background: transparent !important; border: 0 !important; padding: 12px 16px 8px !important;}
.teknik_blok .teknik_grup label.ozellik {font-size: 13px; color: var(--tn-yazi-soluk);}
.teknik_blok .teknik_grup label.ozellik:has(input:checked) {color: var(--tn-yazi); font-weight: 600;}

/* Teknik özellik "Düz" görünümü (Tema Ayarları > Tasarım > teknik_ozellik_gorunumu=duz): gruplar yalnızca çizgiyle ayrılır */
.teknik-duz > .panel-body {padding: 8px 16px 12px !important;}
.teknik-duz .teknik_blok, .teknik-duz .teknik_blok[open] {background: transparent; border: 0; border-bottom: 1px solid var(--tn-cizgi); border-radius: 0; margin: 0; box-shadow: none;}
.teknik-duz .teknik_blok:last-child {border-bottom: 0;}
.teknik-duz .teknik_blok > summary {padding: 11px 2px;}
.teknik-duz .teknik_blok[open] > summary {background: transparent; border-bottom: 0;}
.teknik-duz .teknik_blok > summary .teknik_sayi, .teknik-duz .teknik_blok > summary i {background: var(--tn-zemin); border-color: transparent;}
.teknik-duz .teknik_blok[open] > summary i {background: var(--tn-zemin); border-color: transparent; color: var(--tn-ana);}
.teknik-duz .teknik_blok .teknik_grup {padding: 2px 2px 12px !important;}

/* Teknik özellik "Açık liste" görünümü (teknik_ozellik_gorunumu=acik): açılır kapanır yok, düz görünümle aynı ayraçlar */
.teknik-acik > .panel-body {padding: 8px 16px 12px !important;}
.teknik-acik .teknik_blok, .teknik-acik .teknik_blok[open] {background: transparent; border: 0; border-bottom: 1px solid var(--tn-cizgi); border-radius: 0; margin: 0; box-shadow: none;}
.teknik-acik .teknik_blok:last-child {border-bottom: 0;}
.teknik-acik .teknik_blok > summary, .teknik-acik .teknik_blok[open] > summary {padding: 12px 2px 8px; background: transparent; border-bottom: 0; cursor: default;}
.teknik-acik .teknik_blok > summary:hover {color: var(--tn-ana);}
.teknik-acik .teknik_blok > summary i {display: none;}
.teknik-acik .teknik_blok > summary .teknik_sayi {background: var(--tn-zemin); border-color: transparent;}
.teknik-acik .teknik_blok .teknik_grup {padding: 2px 2px 12px !important;}

/* ---------- Sayfa geçişi: sabit bölümler yerinde kalır, yalnızca orta içerik değişir ----------
   Tarayıcının sayfalar arası görünüm geçişi (View Transitions, Chrome/Edge 126+). Aynı adı taşıyan bölümler
   (üst menü, profil başlığı, sol menü) iki sayfada aynı öğe sayılır, kıpırdamaz; orta kısım kısa bir geçişle
   değişir. Desteklemeyen tarayıcıda normal sayfa açılışı olur. Ön hazırlık: footer.php Speculation Rules.
   Size Özel Menü bağlantıları bunu kullanmaz: js/uye-gecis.js sayfa yüklemeden yalnızca orta sütunu değiştirir. */
@view-transition { navigation: auto; }
/* view-transition-name öğeyi ayrı katman yapar: üst menü katmanı sayfanın üstünde kalmalı, yoksa "Ali Işık" açılır
   menüsü profil kapağının (z-index:100) altında kalır */
header.standart { view-transition-name: tn-ust-menu; position: relative; z-index: 1001; }
.mobil_header { view-transition-name: tn-mobil-ust; }
.profil > .kapak { view-transition-name: tn-profil-baslik; }
#sidebar_pc_menu { view-transition-name: tn-uye-menu; }
::view-transition-group(tn-ust-menu), ::view-transition-group(tn-mobil-ust), ::view-transition-group(tn-profil-baslik),
::view-transition-group(tn-uye-menu) { animation-duration: 0s; }
::view-transition-old(tn-ust-menu), ::view-transition-old(tn-mobil-ust), ::view-transition-old(tn-profil-baslik),
::view-transition-old(tn-uye-menu) { display: none; }
::view-transition-new(tn-ust-menu), ::view-transition-new(tn-mobil-ust), ::view-transition-new(tn-profil-baslik),
::view-transition-new(tn-uye-menu) { animation: none; }
::view-transition-old(root) { animation: tn-gecis-cik .12s ease-out both; }
::view-transition-new(root) { animation: tn-gecis-gir .16s ease-out both; }
@keyframes tn-gecis-cik { to { opacity: 0; } }
@keyframes tn-gecis-gir { from { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
	::view-transition-old(root), ::view-transition-new(root) { animation: none; }
}
/* Profil bilgi tabloları (mobil): doğrulama rozetleri ekrandan taşmasın, alt satıra insin */
@media (max-width: 767px) {
	/* yalnız "başlık | değer" satırlı tablolar (th + td); sütunlu tablolar (Limit Bilgileri vb.) yana kaymaya devam eder */
	.table-responsive > table.table.profil > tbody > tr:has(> th + td) > td, .table-responsive > table.table.profil > tbody > tr:has(> th + td) > th { white-space: normal; }
	table.table.profil tr:has(> th + td) > td .label, table.table.profil tr:has(> th + td) > td .badge { white-space: normal; text-align: left; line-height: 1.4; }
}
/* Üye menüsü geçişi (js/uye-gecis.js): yükleme sürerse üstte ince çubuk, orta sütun hafif soluklaşır */
#tn-gecis-cubuk { position: fixed; top: 0; left: 0; height: 3px; width: 0; z-index: 99999; background: var(--tn-vurgu); opacity: 0; pointer-events: none; }
#tn-gecis-cubuk.yukleniyor { opacity: 1; width: 75%; transition: width 2s cubic-bezier(.1, .7, .2, 1); }
#tn-gecis-cubuk.bitti { opacity: 0; width: 100%; transition: width .15s ease-out, opacity .25s .15s; }
.profil .col-md-33 { transition: opacity .12s ease-out; }
.profil .col-md-33.tn-gecis-bekliyor { opacity: .55; }

/* ---------- Görsel denetim düzeltmeleri (2026-10-15) ---------- */
/* Tablet: kapaktaki isim şeridi sabit 945px genişlikteydi, sayfa yana kayıyordu */
@media (min-width: 768px) and (max-width: 991px) {
	.profil .alt.gorsel_var {width: auto !important; right: 20px;}
}
/* Mobil: profil başlığı uyarı kutusuna yapışık ve zeminsizdi; kart görünümü */
@media (max-width: 767px) {
	.profil > .kapak {background: var(--tn-kart); border: 1px solid var(--tn-cizgi); border-radius: var(--tn-kose); box-shadow: var(--tn-golge); padding: 12px 14px; margin-top: 4px;}
	.profil > .kapak .alt.gorsel_var {top: 0 !important; height: auto; padding-right: 0;}
	.profil > .kapak .alt.gorsel_var p {margin-bottom: 0;}
}
/* Mobil yan menü (☰): masaüstü sol menü kuralları simgeleri ekran kenarına itiyordu */
.mm#mm_panel {background: var(--tn-kart) !important;}
#mm_panel ul.ana_menu {padding: 0 !important;}
#mm_panel ul.ana_menu > li {margin-bottom: 0;}
#mm_panel ul.ana_menu li a {display: block !important; padding: 12px 14px 12px 54px !important; line-height: 22px !important; font-size: 14px; color: var(--tn-yazi); border-bottom: 1px solid var(--tn-cizgi) !important;}
#mm_panel ul.ana_menu li a i {left: 14px !important; top: 10px !important; color: #fff; border-radius: 8px !important; width: 28px !important; height: 28px !important; line-height: 28px !important;}
#mm_panel ul.ana_menu li a i[style="background:;"] {background: var(--tn-ana) !important;}
#mm_panel ul.ana_menu li span.toplam {right: 14px; top: 17px;}
/* Mobil arama/WhatsApp çubuğu: fotoğraf büyütme penceresinin (z 1042) altında kalsın; marka renkleri */
.mobil_fixed_iletisim {z-index: 1030 !important;}
.mobil_fixed_iletisim .iletisim_bilgi {background: var(--tn-ana);}
.mobil_fixed_iletisim a.tel {background: var(--tn-ana-acik, var(--tn-ana));}
.mobil_fixed_iletisim a.whatsapp {background: #1fa855;}
/* Teknik özellikler (mobil): uzun adlar "…" ile kesilmesin, alt satıra insin */
@media (max-width: 767px) {
	.teknik_blok label.ozellik {white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.35;}
}
/* Tablet kategori listesi: kendi içinde kayıyor; kaydırılabildiği gölgeyle belli olsun */
@media (max-width: 992px) {
	.arsiv .sidebar ul.ana_menu {overflow-y: auto;
		background: linear-gradient(var(--tn-kart) 30%, rgba(255,255,255,0)) top / 100% 24px no-repeat local,
			linear-gradient(rgba(255,255,255,0), var(--tn-kart) 70%) bottom / 100% 24px no-repeat local,
			radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.14), rgba(0,0,0,0)) bottom / 100% 10px no-repeat scroll;}
}
/* Üye sayfası tabloları (mobil): sütunlar ekran dışında kalmasın, yazı alt satıra insin */
@media (max-width: 767px) {
	.profil .table-responsive > .table > thead > tr > th, .profil .table-responsive > .table > tbody > tr > td {white-space: normal; font-size: 12px;}
}
/* Mobil liste fiyatı: masaüstüyle aynı (eski temada kırmızı) */
.fiyat_mobil, .arsiv .ikili .fiyat, ul.resimsiz .fiyat {color: var(--tn-ana) !important; font-weight: 700 !important;}
/* Bildirim sayacı okunaklı */
header.standart .header_link .badge {background: var(--tn-vurgu) !important; color: var(--tn-vurgu-yazi, #111) !important; font-weight: 700;}
/* Çeviri kutusu geç yükleniyor: yerini önceden ayır, alt bilgi zıplamasın */
#google_translate_element {min-height: 58px;}
/* İlan kartı: "Görsel bulunamadı" yazısı fiyat etiketinin altında kalmasın */
.liste img[src*="/img/yok/"] {object-fit: contain !important; padding: 6px 12px 30px; box-sizing: border-box; background: var(--tn-zemin);}
/* 404 sayfası */
.tn-bulunamadi {padding: 40px 0 60px;}
.tn-bulunamadi-kod {font-size: 72px; font-weight: 800; line-height: 1; color: var(--tn-ana); letter-spacing: -.02em;}
.tn-bulunamadi h1 {font-size: 24px; margin: 8px 0 12px;}
.tn-bulunamadi .content {color: var(--tn-yazi-soluk); margin-bottom: 22px;}
.tn-bulunamadi-ara {display: flex; gap: 8px; max-width: 460px; margin: 0 auto 16px;}
.tn-bulunamadi-ara .form-control {height: 42px; border-radius: 999px; padding: 0 18px;}
.tn-bulunamadi-ara .btn {border-radius: 999px; padding: 0 20px;}
.tn-bulunamadi-butonlar {display: flex; gap: 8px; justify-content: center; flex-wrap: wrap;}
.tn-bulunamadi-butonlar .btn i, .tn-bulunamadi-ara .btn i {margin-right: 6px;}
.tn-bulunamadi .row > div {padding-left: 16px; padding-right: 16px;}
/* Boş bileşen başlığı görünmesin (ör. aktif mağaza yokken "Mağazalar"); "İlan bulunamadı" kutusu olanlar kalır */
.bilesen.ilan_listeleme:not(:has(.row > *)) {display: none;}
/* Facebook yorumları yüklenmediyse (uygulama ayarı yok / engelleyici) boş "Yorumlar" kartı görünmesin */
.yorumlar:not(:has(.fb-comments iframe)) {display: none;}
/* Sonuçsuz arama önerileri (ara.php) */
.tn-arama-oneri {background: var(--tn-kart); border: 1px solid var(--tn-cizgi); border-radius: var(--tn-kose); padding: 16px 18px; margin-top: 12px; color: var(--tn-yazi);}
.tn-arama-oneri ul {margin: 8px 0 12px; padding-left: 18px; color: var(--tn-yazi-soluk);}
.tn-arama-oneri ul li {margin-bottom: 4px;}
.tn-arama-oneri-kat {display: flex; flex-wrap: wrap; gap: 6px;}
.tn-arama-oneri-kat .btn {border-radius: 999px;}
/* Giriş / kayıt kartı: sosyal giriş kapalıyken boş form üst çizgisiyle görünmesin */
form.social_login:not(:has(button, a, input:not([type="hidden"]))) {display: none;}

/* Yasal / sabit sayfalar: alt başlıklar sayfa başlığından küçük, tablolar taşmasın */
.sayfa .content h2 {font-size: 19px; font-weight: 700; margin: 26px 0 10px;}
.sayfa .content ul {padding-left: 20px;}
.sayfa .content li {margin-bottom: 4px;}
.sayfa .content table {width: 100%; font-size: 13px;}
@media (max-width: 767px) {.sayfa .content table {display: block; overflow-x: auto;}}
/* Alt bilgide şirket bilgileri (6563) */
.tn-sirket-bilgi {font-size: 12px; color: var(--tn-footer-yazi, #9fb0c8); text-align: center; padding: 10px 15px 0;}
.tn-sirket-bilgi span {opacity: .5; margin: 0 6px;}

/* ---------- Açılır menüler (js/acilir.js): klasik <select> listesi yerine sitenin menüsü ---------- */
/* Odak: tarayıcının mavi çerçevesi yok; şemanın ana rengiyle hafif halka (önceki görünüm) */
.form-control:focus, input:focus, textarea:focus, select:focus {outline: none !important;}
.form-control:focus {border-color: var(--tn-ana) !important; box-shadow: 0 0 0 3px rgba(var(--tn-golge-rgb), .12) !important;}
.tn-gizli-secim {position: absolute !important; left: 0 !important; top: 0 !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; min-width: 0 !important; max-width: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; opacity: 0 !important; pointer-events: none !important;}
.tn-acilir.tn-form {position: relative; display: block; width: 100%;}
.tn-acilir.tn-form .tn-acilir-dugme {display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; height: 42px; padding: 0 14px; border: 1px solid var(--tn-cizgi); border-radius: 10px; background: var(--tn-kart); color: var(--tn-yazi); font-size: 14px; font-weight: 500; text-align: left; cursor: pointer; transition: border-color .15s, box-shadow .15s;}
.input-group .tn-acilir.tn-form .tn-acilir-dugme {border-radius: 0;}
.tn-acilir.tn-form .tn-acilir-dugme span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;}
.tn-acilir.tn-form .tn-acilir-dugme.bos span {color: var(--tn-yazi-soluk);}
.tn-acilir.tn-form .tn-acilir-dugme i {flex: 0 0 auto; font-size: 12px; color: var(--tn-yazi-soluk); transition: transform .15s;}
.tn-acilir.tn-form .tn-acilir-dugme:hover {border-color: var(--tn-ana);}
.tn-acilir.tn-form .tn-acilir-dugme:focus {outline: none;}
.tn-acilir.tn-form .tn-acilir-dugme:focus-visible, .tn-acilir.tn-form.acik .tn-acilir-dugme {border-color: var(--tn-ana); box-shadow: 0 0 0 3px rgba(var(--tn-golge-rgb), .12);}
.tn-acilir.tn-form.acik .tn-acilir-dugme i {transform: rotate(180deg);}
.tn-acilir.tn-form.pasif .tn-acilir-dugme {background: var(--tn-zemin); color: var(--tn-yazi-soluk); cursor: not-allowed;}
.tn-fp {display: none; position: fixed; z-index: 2050; min-width: 220px; background: var(--tn-kart); border: 1px solid var(--tn-cizgi); border-radius: 12px; box-shadow: 0 12px 34px rgba(var(--tn-golge-rgb), .18); padding: 8px;}
.tn-fp.acik {display: block;}
.tn-fp .tn-acilir-ust {display: none; align-items: center; justify-content: space-between; padding: 4px 4px 10px;}
.tn-fp .tn-acilir-ust b {font-size: 16px; color: var(--tn-yazi);}
.tn-fp .tn-acilir-kapat {border: 0; background: var(--tn-zemin); width: 34px; height: 34px; border-radius: 50%; font-size: 22px; line-height: 1; color: var(--tn-yazi);}
.tn-fp .tn-acilir-ara {width: 100%; height: 38px; border: 1px solid var(--tn-cizgi); border-radius: 9px; padding: 0 12px; font-size: 14px; margin-bottom: 6px; color: var(--tn-yazi); background: var(--tn-kart);}
.tn-fp .tn-acilir-ara:focus {border-color: var(--tn-ana);}
.tn-fp .tn-acilir-liste {list-style: none; margin: 0; padding: 0; max-height: 280px; overflow-y: auto; overscroll-behavior: contain;}
.tn-fp .tn-acilir-liste li {padding: 9px 12px; border-radius: 8px; font-size: 14px; color: var(--tn-yazi); cursor: pointer; line-height: 1.35;}
.tn-fp .tn-acilir-liste li.alt {padding-left: 24px; font-size: 13px;}
.tn-fp .tn-acilir-liste li:hover, .tn-fp .tn-acilir-liste li.odak {background: var(--tn-zemin);}
.tn-fp .tn-acilir-liste li.secili {background: var(--tn-ana); color: #fff; font-weight: 600;}
.tn-fp .tn-acilir-liste li.kapali {color: var(--tn-yazi-soluk); cursor: default; background: none;}
.tn-fp .tn-acilir-liste li.bos {color: var(--tn-yazi-soluk); cursor: default; text-align: center;}
@media (max-width: 767px) {
	.tn-fp {top: auto !important; bottom: 0 !important; left: 0 !important; right: 0; width: auto !important; min-width: 0; border-radius: 18px 18px 0 0; border: 0; padding: 12px 14px calc(14px + env(safe-area-inset-bottom)); max-height: 75vh; z-index: 2000;}
	.tn-fp.acik {display: flex; flex-direction: column;}
	.tn-fp .tn-acilir-ust {display: flex;}
	.tn-fp .tn-acilir-ara {font-size: 16px; height: 44px; flex: 0 0 auto; /* panel esnek kutu: liste uzayınca ezilmesin */}
	.tn-fp .tn-acilir-liste {max-height: none; flex: 1 1 auto; min-height: 0;}
	.tn-fp .tn-acilir-liste li {padding: 12px 14px; font-size: 15px;}
	body.tn-acilir-acik:after {content: ""; position: fixed; inset: 0; background: rgba(0, 0, 0, .45); z-index: 1999;}
}
/* Yan filtre menüleri (acilir.js .tn-fp-filtre): filtre kartları gibi sade - küçük ince yazı, seçili satır dolgu yerine açık
   zemin + lacivert yazı. Diğer formların menüleri olduğu gibi. */
.tn-fp.tn-fp-filtre {padding: 6px;}
.tn-fp.tn-fp-filtre .tn-acilir-ara {height: 34px; font-size: 13px; margin-bottom: 4px;}
.tn-fp.tn-fp-filtre .tn-acilir-liste li {padding: 7px 10px; font-size: 13px; font-weight: 400; border-radius: 6px; line-height: 1.3;}
.tn-fp.tn-fp-filtre .tn-acilir-liste li.secili {background: var(--tn-zemin); color: var(--tn-ana); font-weight: 600; box-shadow: inset 3px 0 0 var(--tn-ana);}
.tn-fp.tn-fp-filtre .tn-acilir-liste li.secili.odak, .tn-fp.tn-fp-filtre .tn-acilir-liste li.secili:hover {background: var(--tn-cizgi);}
.tn-fp.tn-fp-filtre .tn-acilir-liste li.kapali {font-size: 12px;}
/* Sıralama menüsü (acilir.js .tn-fp-siralama): çerçeve ve satırlar arası çizgi. Renkler tema grisinden türetilir
   (çerçeve %40, çizgi %30; eski tarayıcıda sabit yedek) - kullanıcı: çerçeve filtre kutularından 2 ton açık, çizgi 1 ton koyu */
:root {--tn-siralama-cerceve: #C4C7CF; --tn-siralama-cizgi: #D3D6DC;}
@supports (color: color-mix(in srgb, red 50%, white)) {:root {--tn-siralama-cerceve: color-mix(in srgb, var(--tn-yazi-soluk) 40%, #fff); --tn-siralama-cizgi: color-mix(in srgb, var(--tn-yazi-soluk) 30%, #fff);}}
.tn-fp.tn-fp-siralama {padding: 4px 0; border: 1px solid var(--tn-siralama-cerceve); border-radius: 10px; overflow: hidden;}
.tn-fp.tn-fp-siralama .tn-acilir-liste li {border-radius: 0; padding: 10px 14px;}
.tn-fp.tn-fp-siralama .tn-acilir-liste li + li {border-top: 1px solid var(--tn-siralama-cizgi);}
/* "Seçimi kaldır" (boş seçenek; yalnız bir değer seçiliyken): soluk, küçük, altında ince çizgi */
.tn-fp.tn-fp-filtre .tn-acilir-liste li.temizle {position: sticky; top: 0; z-index: 1; background: var(--tn-kart); font-size: 12px; color: var(--tn-yazi-soluk); border-radius: 6px 6px 0 0; border-bottom: 1px solid var(--tn-cizgi); margin-bottom: 4px;} /* liste kaysa da üstte görünür */
.tn-fp.tn-fp-filtre .tn-acilir-liste li.temizle:before {content: "×"; display: inline-block; width: 14px; margin-right: 4px; font-size: 15px; line-height: 1; text-align: center;}
.tn-fp.tn-fp-filtre .tn-acilir-liste li.temizle:hover, .tn-fp.tn-fp-filtre .tn-acilir-liste li.temizle.odak {color: var(--tn-ana);}
@media (max-width: 767px) {
	.tn-fp.tn-fp-filtre {padding: 12px 14px calc(14px + env(safe-area-inset-bottom));}
	.tn-fp.tn-fp-filtre .tn-acilir-ust b {font-size: 15px; font-weight: 600;}
	.tn-fp.tn-fp-filtre .tn-acilir-ara {height: 42px; font-size: 16px;}
	.tn-fp.tn-fp-filtre .tn-acilir-liste li {padding: 11px 12px; font-size: 14px;}
}

/* Güvenlik kodu (kayıt, iletişim): yenile düğmesi 40px (telefonda da rahat basılır), filtre kutularıyla aynı çerçeve */
.captcha {display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
.captcha .captcha-image {border-radius: 8px; border: 1px solid var(--tn-cizgi);}
.captcha .refresh-captcha {width: 40px; height: 40px; padding: 0; border-radius: 8px; border: 1px solid var(--tn-filtre-cerceve); background: var(--tn-kart); color: var(--tn-ana); display: inline-flex; align-items: center; justify-content: center; font-size: 16px;}
.captcha .refresh-captcha:hover {border-color: var(--tn-ana); background: var(--tn-zemin);}

/* Telefonda dokunma alanı (en az ~36-40px): İlanlarım işlem düğmeleri, paylaşım simge düğmeleri, uyarı kapatma "×" */
@media (max-width: 767px) {
	.profil.arsiv .table.liste td .btn-group > .btn, .profil.arsiv .table.liste td .btn-group > .btn-group > .btn {min-height: 36px; padding-top: 8px; padding-bottom: 8px;}
	.profil.arsiv .table.liste td > .btn-group {display: inline-flex; flex-wrap: nowrap; white-space: nowrap;} /* Güncelle + ok bitişik kalsın */
	.profil.arsiv .table.liste td .btn-group > .btn-group > .dropdown-toggle {min-width: 34px;}
	.pm-dugmeler .btn {min-width: 40px; min-height: 38px; display: inline-flex; align-items: center; justify-content: center;}
	.alert .close, .alert-dismissible .close {min-width: 40px; min-height: 40px; margin: -10px -12px -10px 0; opacity: .6;}
}

/* Form alanı anlık kontrol (js/form-alanlari.js): telefon, TC, vergi no, yetki belgesi. Hata kırmızı, doğru yeşil, kısa mesaj */
.form-control.tn-alan-hata {border-color: #D92D20 !important; box-shadow: 0 0 0 3px rgba(217, 45, 32, .10) !important;}
.form-control.tn-alan-tamam {border-color: #12B76A !important;}
.tn-alan-mesaj {display: block; min-height: 0; margin-top: 4px; font-size: 12px; line-height: 1.35; color: var(--tn-yazi-soluk);}
.tn-alan-mesaj:empty {display: none;}
.tn-alan-mesaj.hata {color: #B42318;}
.tn-alan-mesaj.tamam {color: #067647;}
/* Yetki belgesi Bakanlık sorgusu kutusu */
.tn-belge-kutu {margin-top: 8px;}
.tn-belge-kod {padding: 10px 12px; border: 1px solid var(--tn-filtre-cerceve); border-radius: 10px; background: var(--tn-zemin);}
.tn-belge-baslik {font-size: 12.5px; color: var(--tn-yazi); margin-bottom: 8px;}
.tn-belge-satir {display: flex; flex-wrap: wrap; align-items: center; gap: 8px;}
.tn-belge-satir img {width: 130px; height: 30px; background: #fff; border-radius: 6px; border: 1px solid var(--tn-cizgi); transition: opacity .15s;}
.tn-belge-yenile {width: 36px; height: 36px; border-radius: 8px; border: 1px solid var(--tn-filtre-cerceve); background: var(--tn-kart); color: var(--tn-ana); font-size: 17px; line-height: 1;}
.tn-belge-satir .tn-belge-cevap {width: 120px; height: 36px; flex: 0 0 auto;}
.tn-belge-satir .tn-belge-dogrula {height: 36px;}
.tn-belge-durum {font-size: 12.5px; margin-top: 6px; line-height: 1.4;}
.tn-belge-durum:empty {display: none;}
.tn-belge-durum.tamam {color: #067647; font-weight: 600;}
.tn-belge-durum.hata {color: #B42318; font-weight: 600;}
.tn-belge-durum.uyari {color: #93370D;}
.tn-belge-durum.bekle {color: var(--tn-yazi-soluk);}
@media (max-width: 767px) {.tn-belge-satir .tn-belge-cevap {flex: 1 1 100px;} .tn-belge-satir .tn-belge-dogrula {flex: 1 1 100%;}}

/* Google / Apple ile devam et (inc/sosyal-giris-dugmeleri.php; giriş ve kayıt sayfaları) */
.tn-sosyal {margin: 0 0 18px;}
.tn-sosyal-not {margin: 0 0 10px; font-weight: 600; color: var(--tn-metin, #1f2937);}
.tn-sosyal-dugme {display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 46px; margin-bottom: 10px; padding: 10px 16px; border-radius: 10px; font-size: 15px; font-weight: 600; text-decoration: none !important; transition: background-color .15s, box-shadow .15s;}
.tn-sosyal-google {background: #fff; color: #1f1f1f !important; border: 1px solid #c7ccd4;}
.tn-sosyal-google:hover {background: #f6f8fb; box-shadow: 0 1px 3px rgba(0,0,0,.12);}
.tn-sosyal-apple {background: #000; color: #fff !important; border: 1px solid #000;}
.tn-sosyal-apple:hover {background: #1d1d1f;}
.tn-sosyal-dugme:focus-visible {outline: 3px solid var(--tn-ana, #2563eb); outline-offset: 2px;}
.tn-sosyal-yasal {margin: 2px 0 0; font-size: 12px; line-height: 1.5; color: #6b7280;}
.tn-sosyal-ayrac {display: flex; align-items: center; gap: 12px; margin: 16px 0 4px; color: #6b7280; font-size: 13px;}
.tn-sosyal-ayrac:before, .tn-sosyal-ayrac:after {content: ""; flex: 1; height: 1px; background: #e2e6ec;}
/* Kayıt sayfası: masaüstünde sağ sütun ("yan"), telefon / tablette formun sonu ("alt"); form sade başlar */
.tn-sosyal-yan {max-width: 380px; margin: 28px 0 0; padding-top: 22px; border-top: 1px solid #e2e6ec;}
.tn-sosyal-alt {margin: 22px 0 0;}
.tn-sosyal-alt .tn-sosyal-ayrac {margin: 0 0 16px;}

/* Şifre: göz düğmesi ve canlı kural listesi (js/form-alanlari.js parolaGoz / parolaAlani) */
.tn-parola-kap {position: relative; display: block;}
.tn-parola-kap > .form-control {padding-right: 46px;}
.tn-parola-goz {position: absolute; top: 50%; right: 4px; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #6b7280; cursor: pointer;}
.tn-parola-goz:hover {color: var(--tn-ana, #1e3a5f); background: rgba(0,0,0,.04);}
.tn-parola-goz:focus-visible {outline: 2px solid var(--tn-ana, #2563eb); outline-offset: 1px;}
.tn-parola-kurallar {list-style: none; margin: 8px 0 0; padding: 10px 12px; border: 1px solid #e2e6ec; border-radius: 8px; background: #f8fafc; font-size: 13px; line-height: 1.5;}
.tn-parola-kurallar li {display: flex; gap: 8px; color: #b42318;}
.tn-parola-kurallar li > span:first-child {width: 14px; flex: none; text-align: center; font-weight: 700;}
.tn-parola-kurallar li.tamam {color: #177245;}