/* ==========================================================================
   Kurumsal tema — Tailwind CDN'in karşılamadığı özel kurallar (tasarımdan).
   ========================================================================== */

/* Ankraj linklerinde yumuşak kayma (sabit buton → arsa formu) */
html { scroll-behavior: smooth; }

/* Premium scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Metin gölgesi (hero başlıkları) */
.text-shadow-sm { text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }

/* Header logo navy blok: sayfanın sol kenarına taşar, sağa doğru koyulaşır.
   Kendi stacking context'i: navy katman (z:0) içeriğin (z:1) altında, nav'ın
   beyaz arka planının üstünde kalır — ortamdan bağımsız garanti sıralama. */
.logo-nav { isolation: isolate; }
.logo-nav > * { position: relative; z-index: 1; }
.logo-nav::before {
	content: "";
	position: absolute;
	top: 0; bottom: 0; right: 0;
	left: -100vw;
	z-index: 0;
	background-color: #1e293b; /* slate-800 — sol taşmayı doldurur */
	background-image: linear-gradient(to right, rgba(15, 23, 42, 0), #0b1120 100%);
	background-repeat: no-repeat;
	background-size: 380px 100%;
	background-position: right center;
	clip-path: polygon(0 0, 100% 0, calc(100% - 28px) 100%, 0 100%);
}

/* ----- Masaüstü açılır menü (dropdown) ----- */
.krmsl-desktop-nav li.group:hover > .sub-menu,
.krmsl-desktop-nav li.group:focus-within > .sub-menu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}
/* Dropdown öğesinin üst boşluğu (hover köprüsü) */
.krmsl-desktop-nav li.group > .sub-menu { margin-top: 2px; }

/* ----- İçerik tipografisi (the_content) -----
   Tailwind Play CDN'de Typography (prose) eklentisi yok ve preflight reset'i
   p/h/ul varsayılan boşluklarını sıfırlıyor. Editör içeriğinin düzenli ve
   okunabilir akması için temel blok boşluklarını burada veriyoruz. */
.krmsl-content { font-size: 1.0625rem; line-height: 1.8; color: #000; }
.krmsl-content.text-lg { font-size: 1.125rem; }
.krmsl-content > *:first-child { margin-top: 0; }
.krmsl-content > *:last-child { margin-bottom: 0; }
.krmsl-content p { margin: 0 0 1.35em; }
.krmsl-content h1,
.krmsl-content h2,
.krmsl-content h3,
.krmsl-content h4,
.krmsl-content h5,
.krmsl-content h6 {
	color: #0f172a; font-weight: 700; line-height: 1.3;
	margin: 2em 0 .75em;
}
.krmsl-content h1 { font-size: 1.875rem; }
.krmsl-content h2 { font-size: 1.5rem; }
.krmsl-content h3 { font-size: 1.25rem; }
.krmsl-content h4 { font-size: 1.125rem; }
.krmsl-content ul,
.krmsl-content ol { margin: 0 0 1.35em; padding-left: 1.5rem; }
.krmsl-content ul { list-style: disc; }
.krmsl-content ol { list-style: decimal; }
.krmsl-content li { margin: .4em 0; }
.krmsl-content li > ul,
.krmsl-content li > ol { margin: .4em 0; }
.krmsl-content a { color: #d97706; text-decoration: underline; text-underline-offset: 2px; }
.krmsl-content a:hover { color: #b45309; }
.krmsl-content strong, .krmsl-content b { font-weight: 700; color: #0f172a; }
.krmsl-content blockquote {
	margin: 1.5em 0; padding: .75rem 1.25rem;
	border-left: 4px solid #d97706; background: #f8fafc;
	color: #475569; font-style: italic; border-radius: 0 .5rem .5rem 0;
}
.krmsl-content blockquote p:last-child { margin-bottom: 0; }
.krmsl-content hr { margin: 2em 0; border: 0; border-top: 1px solid #e2e8f0; }
.krmsl-content table { width: 100%; border-collapse: collapse; margin: 1.5em 0; }
.krmsl-content th, .krmsl-content td { border: 1px solid #e2e8f0; padding: .6rem .75rem; text-align: left; }
.krmsl-content th { background: #f1f5f9; font-weight: 600; color: #0f172a; }
.krmsl-content code {
	background: #f1f5f9; color: #0f172a; padding: .15em .4em;
	border-radius: .25rem; font-size: .9em;
}
.krmsl-content pre {
	background: #0f172a; color: #e2e8f0; padding: 1rem 1.25rem;
	border-radius: .5rem; overflow-x: auto; margin: 1.5em 0;
}
.krmsl-content pre code { background: none; color: inherit; padding: 0; }
.krmsl-content img,
.krmsl-content figure { border-radius: .5rem; }

/* ----- WordPress hizalama yardımcıları (içerik editörü) ----- */
.krmsl-content img { max-width: 100%; height: auto; }
.krmsl-content .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.krmsl-content .alignleft { float: left; margin: 0 1.5rem 1rem 0; }
.krmsl-content .alignright { float: right; margin: 0 0 1rem 1.5rem; }
.krmsl-content figure { margin: 1.5rem 0; }

/* ----- Sayfalama ----- */
.krmsl-pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 42px; height: 42px; padding: 0 12px; margin: 0 3px;
	border-radius: 8px; border: 1px solid #e2e8f0; background: #fff;
	color: #0f172a; font-weight: 600; transition: all .2s;
}
.krmsl-pagination .page-numbers.current { background: #d97706; border-color: #d97706; color: #fff; }
.krmsl-pagination a.page-numbers:hover { background: #0f172a; border-color: #0f172a; color: #fff; }

/* Mobil alt menü ok dönüşü */
.krmsl-mobile-subtoggle i { transition: transform .2s ease; }

/* ----- İlan detay galeri slider ----- */
.krmsl-gallery-viewport { overflow: hidden; }
.krmsl-gallery-track { display: flex; height: 100%; will-change: transform; cursor: grab; }
.krmsl-gallery-track:active { cursor: grabbing; }
.krmsl-gallery-slide { flex: 0 0 100%; height: 100%; user-select: none; }
.krmsl-gallery-slide img {
	width: 100%; height: 100%; object-fit: cover; display: block;
	-webkit-user-drag: none; user-select: none;
}

/* ----- Lightbox ----- */
.krmsl-lb {
	position: fixed; inset: 0; z-index: 9999;
	background: rgba(8, 12, 20, .93);
	display: flex; align-items: center; justify-content: center;
	padding: 24px; animation: krmsl-lb-fade .2s ease;
}
@keyframes krmsl-lb-fade { from { opacity: 0; } to { opacity: 1; } }
.krmsl-lb-img {
	max-width: 92vw; max-height: 86vh; object-fit: contain;
	border-radius: 10px; box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
}
.krmsl-lb-close, .krmsl-lb-prev, .krmsl-lb-next {
	position: absolute; border: 0; cursor: pointer; color: #fff;
	background: rgba(255, 255, 255, .12);
	display: flex; align-items: center; justify-content: center;
	border-radius: 50%; transition: background .2s;
}
.krmsl-lb-close:hover, .krmsl-lb-prev:hover, .krmsl-lb-next:hover { background: rgba(255, 255, 255, .28); }
.krmsl-lb-close { top: 18px; right: 22px; width: 44px; height: 44px; font-size: 20px; }
.krmsl-lb-prev, .krmsl-lb-next { top: 50%; transform: translateY(-50%); width: 50px; height: 50px; font-size: 20px; }
.krmsl-lb-prev { left: 18px; }
.krmsl-lb-next { right: 18px; }

/* ----- Filtre çubuğu (alt kategori chip'leri) ----- */
.krmsl-chip {
	display: inline-flex; align-items: center; gap: 6px;
	padding: .5rem 1rem; border-radius: 9999px;
	font-size: 14px; font-weight: 500; line-height: 1;
	border: 1px solid #e2e8f0; background: #fff; color: #475569;
	cursor: pointer; transition: all .15s; text-decoration: none;
}
.krmsl-chip:hover { border-color: #d97706; color: #0f172a; }
.krmsl-chip.is-active, .krmsl-chip.is-active:hover { background: #0f172a; color: #fff; border-color: #0f172a; }

/* Çok satırlı kırpma (Tailwind yedeği) */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ----- Sticky WhatsApp butonu (sol alt) ----- */
/* Sol alt sabit buton yığını (üstte arsa, altta WhatsApp) */
.krmsl-float-stack {
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 60;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.krmsl-wa-float,
.krmsl-arsa-float {
	display: inline-flex;
	align-items: center;
	gap: .6rem;
	padding: .85rem 1.25rem;
	color: #fff;
	border-radius: 16px;
	font-weight: 600;
	font-size: 15px;
	line-height: 1;
	text-decoration: none;
	transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.krmsl-wa-float {
	background: #22c55e;
	box-shadow: 0 10px 25px -5px rgba(34, 197, 94, .55), 0 4px 10px rgba(0, 0, 0, .15);
}
.krmsl-wa-float:hover {
	background: #16a34a;
	transform: translateY(-2px);
	box-shadow: 0 14px 30px -5px rgba(34, 197, 94, .6), 0 6px 14px rgba(0, 0, 0, .18);
	color: #fff;
}

.krmsl-arsa-float {
	background: #0f172a;
	box-shadow: 0 10px 25px -5px rgba(15, 23, 42, .5), 0 4px 10px rgba(0, 0, 0, .15);
}
.krmsl-arsa-float:hover {
	background: #1e293b;
	transform: translateY(-2px);
	box-shadow: 0 14px 30px -5px rgba(15, 23, 42, .55), 0 6px 14px rgba(0, 0, 0, .18);
	color: #fff;
}
.krmsl-arsa-float i { color: #d97706; }

.krmsl-wa-float i,
.krmsl-arsa-float i { font-size: 24px; }
.krmsl-float-label { white-space: nowrap; }

@media (max-width: 640px) {
	/* Mobilde: ekranın en altında tam genişlik, iki eşit (%50) buton yan yana */
	.krmsl-float-stack {
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		flex-direction: row;
		align-items: stretch;
		gap: 0;
	}
	.krmsl-wa-float,
	.krmsl-arsa-float {
		flex: 1 1 0;
		min-width: 0;
		flex-direction: column;
		gap: .3rem;
		padding: .65rem .5rem;
		border-radius: 0;
		justify-content: center;
		text-align: center;
		font-size: 14px;
		box-shadow: 0 -4px 12px rgba(0, 0, 0, .12);
	}
	.krmsl-wa-float i,
	.krmsl-arsa-float i { font-size: 20px; }
	.krmsl-float-label {
		display: inline;
		white-space: normal;
		line-height: 1.2;
	}
	/* Sabit bar içeriğin son kısmını örtmesin */
	body { padding-bottom: 66px; }
}

/* Erişilebilirlik: ekran okuyucu */
.screen-reader-text {
	border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
	height: 1px; width: 1px; margin: -1px; overflow: hidden;
	padding: 0; position: absolute; word-wrap: normal !important;
}

/* İlan formu: kategori seçilene kadar alt alanları blur'la (gate) */
.krmsl-form-gate {
	transition: filter .25s ease, opacity .25s ease;
}
.krmsl-form-gate.is-locked {
	filter: blur(4px);
	opacity: .55;
	pointer-events: none;
	user-select: none;
}