/**
 * ClassiTone — Gaziantep Radar tarzı liste görünümü (mobil kart + header).
 */

:root {
	--radar-bg: #e9eff5;
	--radar-header: #1d2d44;
	--radar-title: #2a5885;
	--radar-text: #333333;
	--radar-meta: #6b7c93;
	--ct-border: #d5dee8;
	--ct-radius: 6px;
	--ct-shadow: none;
	--ct-max: 1180px;
	--ct-card-img: 130px;
	--ct-card-img-mobile: 112px;
}

/* ========== GENEL ========== */

body {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	line-height: 1.5 !important;
	background: var(--radar-bg) !important;
}

.container {
	max-width: 100% !important;
	padding: 0 8px !important;
	box-sizing: border-box !important;
}

.content_res,
.header_top_res,
.header_main_res,
.header_menu_res,
.footer_main_res {
	max-width: var(--ct-max) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.content_botbg {
	background: var(--radar-bg) !important;
	padding: 10px 0 24px !important;
	min-height: 0 !important;
}

/* ========== HEADER — sabit ortalı başlık (menü yok) ========== */

.header_top,
.header_menu,
.header_menu_res,
#menu-header,
.header_menu_res .tinynav,
.header_menu_res select.tinynav,
.ct-header-simple .adblock,
.ct-header-simple .description {
	display: none !important;
}

.ct-header-simple .header_main,
.ct-header-simple .header_main_bg {
	background: var(--radar-header) !important;
	border: none !important;
	box-shadow: none !important;
}

.ct-header-simple .header_main_bg {
	padding: 14px 12px !important;
}

.ct-header-simple .header_main_res {
	text-align: center !important;
	padding: 0 !important;
}

.ct-header-simple #logo,
.ct-header-simple .ct-header-logo {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* site-title sınıfı kullanılmaz — Özelleştirici kapalıyken ClassiPress clip ile gizliyor */
.ct-header-simple #logo .ct-header-brand {
	position: static !important;
	clip: auto !important;
	clip-path: none !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	display: block !important;
	visibility: visible !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: 0.01em !important;
	margin: 0 !important;
	padding: 0 !important;
}

.ct-header-simple #logo .ct-header-brand a {
	color: #fff !important;
	text-decoration: none !important;
}

/* Üst arama çubuğu (searchbar.php) — SEO için gerekli değil */
#search-bar,
.searchblock_out {
	display: none !important;
}

/* ========== İÇERİK SÜTUNLARI (masaüstü) ========== */

.content_left {
	width: 72% !important;
	float: left !important;
}

.content_right {
	width: 26% !important;
	float: right !important;
}

/* ========== TAB ========== */

.tabcontrol ul.tabnavig {
	display: flex !important;
	gap: 6px !important;
	border: none !important;
	margin-bottom: 12px !important;
	padding: 0 !important;
}

.tabcontrol ul.tabnavig li {
	flex: 1 !important;
	margin: 0 !important;
	border: none !important;
}

.tabcontrol ul.tabnavig li a {
	display: block !important;
	text-align: center !important;
	background: #e8ecef !important;
	color: #555 !important;
	border: none !important;
	border-radius: 8px !important;
	padding: 10px 8px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
}


.tabcontrol div.undertab {
	border: none !important;
	background: transparent !important;
	padding: 0 !important;
}

/* ========== İLAN KARTI — yatay (referans: görsel solda, metin sağda) ========== */

.post-block-out {
	background: #fff !important;
	border: 1px solid var(--ct-border) !important;
	border-radius: var(--ct-radius) !important;
	box-shadow: var(--ct-shadow) !important;
	margin: 0 0 10px 0 !important;
	overflow: hidden !important;
}

.post-block-out:hover {
	box-shadow: 0 2px 8px rgba(29, 45, 68, 0.08) !important;
}

.post-block {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	gap: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	background: transparent !important;
	border-radius: 0 !important;
	float: none !important;
	clear: both !important;
	min-height: 0 !important;
}

.post-block .post-left {
	float: none !important;
	flex: 0 0 var(--ct-card-img, 130px) !important;
	width: var(--ct-card-img, 130px) !important;
	max-width: var(--ct-card-img, 130px) !important;
	min-width: var(--ct-card-img, 130px) !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	display: block !important;
	align-self: flex-start !important;
	overflow: hidden !important;
}

.post-block .post-left a,
.post-block .post-left a.preview {
	display: block !important;
	width: var(--ct-card-img, 130px) !important;
	height: var(--ct-card-img, 130px) !important;
	line-height: 0 !important;
	overflow: hidden !important;
}

.post-block .post-left img,
.post-block .post-left a img {
	display: block !important;
	width: var(--ct-card-img, 130px) !important;
	height: var(--ct-card-img, 130px) !important;
	min-width: var(--ct-card-img, 130px) !important;
	min-height: 0 !important;
	max-width: var(--ct-card-img, 130px) !important;
	max-height: var(--ct-card-img, 130px) !important;
	object-fit: cover !important;
	object-position: center top !important;
	border: none !important;
	border-radius: 0 !important;
	margin: 0 !important;
}

.post-block .post-right,
.post-block .post-right-no-img,
.post-block .full {
	float: none !important;
	flex: 1 1 auto !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	padding: 10px 12px 12px !important;
	box-sizing: border-box !important;
	align-self: flex-start !important;
	overflow: visible !important;
}

/* ClassiPress float/clear kurallarını iptal et */
.post-block .clr {
	display: none !important;
}

.post-block .post-right > *,
.post-block .post-right-no-img > *,
.post-block .full > * {
	float: none !important;
	clear: none !important;
	max-width: none !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.post-block h2.post-title,
.post-block h3,
.post-block .post-right h2.post-title,
.post-block .post-right h3,
.post-block .post-right-no-img h2.post-title,
.post-block .post-right-no-img h3 {
	float: none !important;
	max-width: 100% !important;
	margin: 0 0 8px 0 !important;
	padding: 0 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
}

.post-block h2.post-title a,
.post-block h3 a {
	color: var(--radar-title) !important;
	text-decoration: none !important;
}

.post-block h2.post-title a:hover,
.post-block h3 a:hover {
	color: #1e4068 !important;
	text-decoration: underline !important;
}

.post-block p.post-meta {
	float: none !important;
	font-size: 12px !important;
	color: var(--radar-meta) !important;
	margin: 0 0 6px 0 !important;
	padding: 0 !important;
}

.post-block .cp-meta-folder::before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 5px;
	vertical-align: -2px;
	background-color: var(--radar-meta);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M2 4h16v12H2V4zm2 2v8h12V6H4zm2 2h8v4H6V8z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M2 4h16v12H2V4zm2 2v8h12V6H4zm2 2h8v4H6V8z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.post-block p.post-desc {
	font-size: 13px !important;
	line-height: 1.45 !important;
	color: var(--radar-text) !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: none !important;
	display: -webkit-box !important;
	-webkit-line-clamp: var(--ct-excerpt-lines, 4) !important;
	line-clamp: var(--ct-excerpt-lines, 4) !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	word-break: break-word !important;
	hyphens: auto !important;
}

.post-block p.stats {
	font-size: 11px !important;
	color: #95a5a6 !important;
	margin: 0 !important;
}

/* Fiyat / öne çıkan rozeti — karttan kaldır */
.post-block-out .tags,
.post-block .tags,
.post-block .tags.price-wrap,
.post-block-out .price-wrap {
	display: none !important;
}

.post-block-out {
	position: relative !important;
}

/* Başlık ve metin — kalan tüm genişliği doldur (ClassiPress max-width: 460px ezilir) */
.post-block h2.post-title,
.post-block h3,
.post-block .post-right h2.post-title,
.post-block .post-right h3,
.post-block .post-right-no-img h2.post-title,
.post-block .post-right-no-img h3,
.post-block h2.post-title a,
.post-block h3 a {
	max-width: none !important;
	width: 100% !important;
	float: none !important;
	clear: none !important;
	padding-right: 0 !important;
	display: block !important;
}

.post-block .post-right,
.post-block .post-right-no-img {
	padding-right: 16px !important;
}

.post-block-out,
.post-block-out .post-block {
	width: 100% !important;
	max-width: 100% !important;
}

/* Masaüstü: ClassiPress 460px / 330px sınırlarını kapat */
@media screen and (min-width: 601px) {
	.post-block .post-right,
	.post-block .post-right-no-img {
		max-width: none !important;
		min-width: 0 !important;
		flex: 1 1 0% !important;
	}

	.post-block .post-right h2.post-title,
	.post-block .post-right h3,
	.post-block .post-right-no-img h2.post-title,
	.post-block .post-right-no-img h3,
	.post-block .post-right p.post-desc,
	.post-block .post-right p.post-meta {
		max-width: none !important;
		width: 100% !important;
	}
}

/* ========== SIDEBAR ========== */

.content_right .shadowblock_out {
	margin-bottom: 14px !important;
}

.content_right .shadowblock {
	border: 1px solid var(--ct-border) !important;
	border-radius: var(--ct-radius) !important;
	box-shadow: var(--ct-shadow) !important;
	padding: 14px !important;
}

.content_right h2.dotted,
.content_right .shadowblock div.side-title h2 {
	font-size: 15px !important;
	font-weight: 700 !important;
	border-bottom: 1px dashed var(--ct-border) !important;
	padding-bottom: 8px !important;
}

/* ========== TEKİL İLAN GÖRSELİ ========== */

.content_left .post-images img,
.content_left #main-pic img,
.content_left .attachment-full {
	max-width: 100% !important;
	height: auto !important;
	border-radius: var(--ct-radius) !important;
}

/* ========== MASAÜSTÜ — geniş iki sütun (Gaziantep Radar) ========== */

@media screen and (min-width: 861px) {
	.container {
		max-width: var(--ct-max) !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.content_res,
	.header_main_res,
	.footer_main_res {
		max-width: 100% !important;
		width: 100% !important;
	}

	.ct-header-simple .header_main {
		width: 100vw !important;
		max-width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
	}

	.ct-header-simple .header_main_bg,
	.ct-header-simple .header_main_res {
		max-width: var(--ct-max) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	:root {
		--ct-card-img: 150px;
	}

	.post-block-out {
		margin-bottom: 16px !important;
	}

	.post-block {
		padding: 14px 16px !important;
	}
}

/* ========== MOBİL — referans gibi yatay kart, tam genişlik ========== */

@media screen and (max-width: 860px) {
	.container,
	.content_res {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	.content_left,
	.content_right {
		width: 100% !important;
		float: none !important;
		clear: both !important;
	}

	.content_right {
		margin-top: 10px !important;
	}

	.post-block-out,
	.post-block {
		width: 100% !important;
		max-width: 100% !important;
	}

	.post-block {
		flex-direction: row !important;
		align-items: flex-start !important;
		min-height: 0 !important;
	}

	.post-block .post-left,
	.post-block .post-left a,
	.post-block .post-left a.preview {
		flex: 0 0 var(--ct-card-img-mobile, 112px) !important;
		width: var(--ct-card-img-mobile, 112px) !important;
		max-width: var(--ct-card-img-mobile, 112px) !important;
		min-width: var(--ct-card-img-mobile, 112px) !important;
		height: var(--ct-card-img-mobile, 112px) !important;
	}

	.post-block .post-left img,
	.post-block .post-left a img,
	.content_res img.attachment-ct-listing-card {
		width: var(--ct-card-img-mobile, 112px) !important;
		height: var(--ct-card-img-mobile, 112px) !important;
		min-width: var(--ct-card-img-mobile, 112px) !important;
		min-height: 0 !important;
		max-width: var(--ct-card-img-mobile, 112px) !important;
		max-height: var(--ct-card-img-mobile, 112px) !important;
	}

	/* ClassiPress 800px: post-left max-width 85px — iptal */
	.post-block .post-left {
		max-width: var(--ct-card-img-mobile, 112px) !important;
	}

	.post-block h2.post-title,
	.post-block h3,
	.post-block .post-right h2.post-title,
	.post-block .post-right h3 {
		font-size: 15px !important;
	}

	.post-block p.post-desc {
		font-size: 12px !important;
		-webkit-line-clamp: var(--ct-excerpt-lines, 5) !important;
		line-clamp: var(--ct-excerpt-lines, 5) !important;
	}

	.form_search select#scat.searchbar,
	.selectBox-dropdown {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
}

@media screen and (max-width: 600px) {
	.container {
		padding: 0 6px !important;
	}

	.ct-header-simple #logo .ct-header-brand {
		font-size: 19px !important;
	}

	.ct-header-simple .header_main_bg {
		padding: 12px 10px !important;
	}
}

/* ClassiPress 400px: görselleri gizliyor — ZORLA GÖSTER */
@media screen and (max-width: 400px) {
	.post-block .post-left img,
	.post-block .post-left a img,
	.content_res img.attachment-ad-thumb,
	.slider_top {
		display: block !important;
	}

	.post-block .post-left img,
	.post-block .post-left a img {
		width: var(--ct-card-img-mobile, 112px) !important;
		height: var(--ct-card-img-mobile, 112px) !important;
		max-height: var(--ct-card-img-mobile, 112px) !important;
		min-height: 0 !important;
	}

	.ct-header-simple #logo .ct-header-brand {
		font-size: 18px !important;
		line-height: 1.3 !important;
	}

	.header_top {
		display: none !important;
	}
}