/* ==========================================================================
   CASTLE — OKUMA SAYFALARI KATMANI                          v1.0   (YEREL)
   Blog listesi (Blogs.aspx), blog yazisi (Blog.aspx), makale / KVKK (Story.aspx)
   --------------------------------------------------------------------------
   KAPSAM SOZU
   - .conditions / .conditions_wrapper_text yalnizca Blog.aspx ve Story.aspx'te.
   - Kart listesi yalnizca icinde /blog/ baglantisi olan listede. Kampanya
     listeleri (Campaigns, News -- ayni siniflar) degismez.
   - .banner_top (H1 seridi) yalnizca bu sayfalarda; diger ic sayfalar ayni.
   DOM'a dokunulmaz: basliklar, canonical, hreflang, JSON-LD aynen kalir.
   Panelden (Word'den) gelen satir ici yazi tipi/boyut/renk ezilir; metnin
   kendisi ve hizalamasi korunur.
   GERI ALMA: master sayfalardaki tek <link> satirini silmek.
   ========================================================================== */

.conditions,
.campaign:has(a[href*="/blog/"]) {
	--rd-ink:   #2b2626;
	--rd-text:  #3f3a3a;
	--rd-muted: #767070;
	--rd-line:  #e6e2e2;
	--rd-line-2:#d6d0d0;
	--rd-soft:  #f8f7f7;
	--rd-red:   var(--color-1, #ED1C24);
	--rd-sh-1:  0 1px 2px rgba(20,16,16,.04), 0 4px 14px rgba(20,16,16,.05);
	--rd-sh-2:  0 2px 4px rgba(20,16,16,.05), 0 14px 32px rgba(20,16,16,.10);
	--rd-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
}

/* --------------------------------------------------------------------------
   1. BASLIK SERIDI -- uzun yazi basliklari 79px'lik seride sikisiyordu
   -------------------------------------------------------------------------- */
.banner:has(~ .subContent .conditions) .banner_top,
.banner:has(~ .subContent .campaign a[href*="/blog/"]) .banner_top {
	height: auto;
	min-height: 79px;
	padding: 18px 0;
}
.banner:has(~ .subContent .conditions) .banner_top_inner h1,
.banner:has(~ .subContent .campaign a[href*="/blog/"]) .banner_top_inner h1 {
	max-width: 900px;
	line-height: 1.3;
	text-wrap: balance;
}

/* --------------------------------------------------------------------------
   2. YAZI GOVDESI (blog yazisi + KVKK / makale)
   Once: metin 1240px genisligin tamamina yayiliyordu (~180 karakter satir),
   kucuk gorsel sol ustte, Word'den gelen Arial/12pt satir ici stiller.
   Simdi: 760px tek sutun (~70 karakter), ustte genis gorsel.
   -------------------------------------------------------------------------- */
.conditions {
	box-sizing: border-box;
	max-width: 760px;
	margin: 0 auto;
	padding: 40px 0 16px;
}
.conditions ::selection { background: #fdecec; color: var(--rd-ink); }

.conditions_wrapper_title {
	margin: 0 0 30px;
}
/* Sablonda bu kutu float:left + max-width:30% (228px'lik kucuk gorsel, metin yanina akiyordu) */
.conditions_wrapper_title .office_bottom_list_top {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	height: auto;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 16px;
	background: var(--rd-soft);
}
.conditions_wrapper_title .office_bottom_list_top img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: none !important;
}
/* KVKK: hukuki metnin basindaki arac fotografi anlam tasimiyor (alt = baslik) */
.conditions_wrapper_title:has(img[alt*="kvkk" i]) {
	display: none;
}

.conditions_wrapper_text {
	font-family: montserrat-regular, system-ui, sans-serif;
	font-size: 17px;
	line-height: 1.75;
	color: var(--rd-text);
	overflow-wrap: break-word;
}
/* Panel metnindeki satir ici yazi tipi / boyut / renk. ul/ol dahil: KVKK'da
   Word stili (Times New Roman, 16px) dogrudan <ul> uzerinde, li onu miras aliyordu. */
.conditions_wrapper_text :is(p, span, div, ul, ol, li, font, em, i, u, table, td, th) {
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	color: inherit !important;
}
.conditions_wrapper_text p {
	margin: 0 0 1.05em !important;
}
.conditions_wrapper_text :is(strong, b) {
	font-family: montserrat-semibold, system-ui, sans-serif !important;
	font-size: inherit !important;
	font-weight: normal;
	color: var(--rd-ink) !important;
}
.conditions_wrapper_text :is(ul, ol) {
	margin: 0 0 1.15em !important;
	padding-inline-start: 1.4em !important;
}
.conditions_wrapper_text ul { list-style: disc; }
.conditions_wrapper_text ol { list-style: decimal; }
.conditions_wrapper_text li {
	margin: 0 0 .45em !important;
	padding-inline-start: .2em;
}
.conditions_wrapper_text li::marker {
	color: var(--rd-red);
}
.conditions_wrapper_text li > p {
	margin: 0 !important;
}
.conditions_wrapper_text a {
	color: var(--rd-ink);
	text-decoration: underline;
	text-decoration-color: var(--rd-red);
	text-decoration-thickness: 1.5px;
	text-underline-offset: 3px;
}
.conditions_wrapper_text a:hover {
	color: var(--rd-red);
}
.conditions_wrapper_text img {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
}

/* --- 2a. Kiralama baglantilari (Blog.aspx.cs RentalLinksHtml) -------------- */
.blog-rental-links {
	margin: 40px 0 8px;
	padding: 24px;
	border-radius: 16px;
	background: var(--rd-soft);
	box-shadow: inset 0 0 0 1px var(--rd-line);
}
.blog-rental-links h2 {
	margin: 0 0 14px !important;
	font-family: montserrat-bold, system-ui, sans-serif;
	font-size: 19px;
	line-height: 1.3;
	color: var(--rd-ink);
}
.conditions_wrapper_text .blog-rental-links ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
.conditions_wrapper_text .blog-rental-links li {
	margin: 0 !important;
	padding: 0;
}
.conditions_wrapper_text .blog-rental-links a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 16px;
	border-radius: 999px;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--rd-line-2);
	font-family: montserrat-semibold, system-ui, sans-serif !important;
	font-size: 14.5px !important;
	line-height: 1.3 !important;
	color: var(--rd-ink);
	text-decoration: none;
	transition: box-shadow .15s ease-out, color .15s ease-out;
}
.conditions_wrapper_text .blog-rental-links a::after {
	content: "";
	flex: none;
	width: 15px;
	height: 15px;
	background: currentColor;
	-webkit-mask: var(--rd-chevron) center / contain no-repeat;
	mask: var(--rd-chevron) center / contain no-repeat;
}
.conditions_wrapper_text .blog-rental-links a:hover {
	color: var(--rd-red);
	box-shadow: inset 0 0 0 1.5px var(--rd-red);
}
.conditions_wrapper_text .blog-rental-links a:focus-visible {
	outline: 2px solid var(--rd-ink);
	outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   3. BLOG KARTLARI (liste sayfasi + yazi altindaki "Diger blog yazilari")
   Once: masaustunde 400px gorsel uzerine iki renkli etiket seridi; mobilde
   yatay fotograflar kare gri kutuda kucuk kaliyordu.
   Simdi: 16:10 gorsel (kirpmasiz kaplama), altinda baslik + "Detay" baglantisi.
   -------------------------------------------------------------------------- */
.campaign:has(> .content_advantage_inner_list a[href*="/blog/"]) {
	padding: 36px 0 16px;
}
.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list {
	--advantage-column: 3;
	--advantage-gap: 24px;
}
.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list > li {
	overflow: hidden;
	border: 1px solid var(--rd-line);
	border-radius: 16px;
	background: #fff;
	box-shadow: var(--rd-sh-1);
	transition: box-shadow .2s ease-out, border-color .2s ease-out, transform .2s ease-out;
}
.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list > li:hover {
	border-color: var(--rd-line-2);
	box-shadow: var(--rd-sh-2);
	transform: translateY(-2px);
}
.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list > li > a {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: inherit;
}
.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list > li > a:focus-visible {
	outline: 2px solid var(--rd-ink);
	outline-offset: -2px;
}
.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list_top {
	display: flex;
	flex: 1;
	flex-direction: column;
	height: auto !important;
	border-radius: 0;
}
.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list_top_img {
	aspect-ratio: 16 / 10 !important;
	height: auto !important;
	border-radius: 0;
	background: var(--rd-soft) !important;
}
.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list_top_img img {
	object-fit: cover !important;
	transform: none;
	transition: transform .35s ease-out;
}
.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list > li > a:hover .content_advantage_inner_list_top_img img {
	transform: scale(1.03);
}
.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list_top_label {
	position: static !important;
	display: flex !important;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	padding: 18px 20px 20px !important;
	background: #fff !important;
}
.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list_top_label_right {
	order: 1;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	width: auto !important;
	padding: 0 !important;
	overflow: hidden !important;
	border-radius: 0 !important;
	background: transparent !important;
	font-family: montserrat-semibold, system-ui, sans-serif;
	font-size: 17px !important;
	line-height: 1.4 !important;
	color: var(--rd-ink) !important;
	white-space: normal !important;
	text-overflow: clip !important;
	text-align: start !important;
}
.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list_top_label_left {
	order: 2;
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	width: auto !important;
	min-height: 0;
	margin-top: auto;
	padding: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-family: montserrat-semibold, system-ui, sans-serif;
	font-size: 14px !important;
	line-height: 1.2 !important;
	color: var(--rd-red) !important;
	text-align: start !important;
}
.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list_top_label_left::after {
	content: "";
	width: 15px;
	height: 15px;
	background: currentColor;
	-webkit-mask: var(--rd-chevron) center / contain no-repeat;
	mask: var(--rd-chevron) center / contain no-repeat;
	transition: transform .2s ease-out;
}
.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list > li > a:hover .content_advantage_inner_list_top_label_left::after {
	transform: translateX(3px);
}
/* Yazi altindaki kartlarda aciklama satiri: "Detay"in altina dusup sirayi bozuyordu */
.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list_bottom {
	display: none !important;
}
.campaign:has(a[href*="/blog/"]) .campaign_detail_bottom {
	margin-top: 56px;
}
.campaign:has(a[href*="/blog/"]) .campaign_detail_bottom_title {
	margin-bottom: 18px;
	text-decoration: none;
}
.campaign:has(a[href*="/blog/"]) .campaign_detail_bottom_title a {
	font-family: montserrat-bold, system-ui, sans-serif;
	font-size: 22px;
	line-height: 1.3;
	color: var(--rd-ink);
	text-decoration: none;
}
.campaign:has(a[href*="/blog/"]) .campaign_detail_bottom_title a:hover {
	color: var(--rd-red);
}

/* AR: ok simgesi aynalanir (sayfada dir niteligi yok -> lang) */
html[lang="ar"] .conditions_wrapper_text .blog-rental-links a::after,
html[lang="ar"] .campaign:has(a[href*="/blog/"]) .content_advantage_inner_list_top_label_left::after {
	transform: scaleX(-1);
}

/* --------------------------------------------------------------------------
   4. TABLET / MOBIL
   castle-mobile.css (<1240) listeyi tek sutun yapiyor; tablette iki sutun.
   -------------------------------------------------------------------------- */
@media screen and (min-width: 700px) and (max-width: 1239px) {
	.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 18px !important;
	}
}
@media screen and (max-width: 1239px) {
	.campaign:has(> .content_advantage_inner_list a[href*="/blog/"]) {
		padding: 20px 0 8px;
	}
	.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list_top_label {
		gap: 12px;
		padding: 16px 16px 18px !important;
	}
	.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list_top_label_right {
		font-size: 16px !important;
	}
	.campaign:has(a[href*="/blog/"]) .campaign_detail_bottom {
		margin-top: 40px;
	}
	.campaign:has(a[href*="/blog/"]) .campaign_detail_bottom_title a {
		font-size: 20px;
	}
}
@media screen and (max-width: 767px) {
	.conditions {
		padding: 18px 0 4px;
	}
	.conditions_wrapper_title {
		margin-bottom: 22px;
	}
	.conditions_wrapper_title .office_bottom_list_top {
		border-radius: 12px;
	}
	.conditions_wrapper_text {
		font-size: 16px;
		line-height: 1.7;
	}
	.blog-rental-links {
		margin-top: 32px;
		padding: 18px;
	}
	.blog-rental-links h2 {
		font-size: 17px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list > li,
	.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list_top_img img,
	.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list_top_label_left::after {
		transition: none;
	}
	.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list > li:hover,
	.campaign:has(a[href*="/blog/"]) .content_advantage_inner_list > li > a:hover .content_advantage_inner_list_top_img img {
		transform: none;
	}
}