/*
Theme Name: Henna Child
Template: henna
Version: 1.2.0
Description: Mor Fikir Organizasyon ozellestirmeleri (SEO + mobil menu + slider). Ana tema dosyalarina dokunulmaz.
Author: Kirpisoft
Text Domain: henna-child
*/

/* Ana tema style.css artik functions.php'de guvenilir sekilde enqueue ediliyor (bkz. bolum 1). */

/* =========================================================
   RENK DEGISKENLERI
   ========================================================= */
:root {
	--mf-mor: #551f7c;
	--mf-mor-acik: #8224e3;
	--mf-koyu: #17101f;
	--mf-koyu-2: #241733;
	--mf-metin: #ffffff;
	--mf-gri: rgba(255, 255, 255, .62);
	--mf-cizgi: rgba(255, 255, 255, .12);
}

/* =========================================================
   1. MOBIL UST BAR + HAMBURGER
   ========================================================= */
.mf-topbar,
.mf-drawer,
.mf-overlay,
.mf-mobile-bar {
	display: none;
}

@media (max-width: 1024px) {

	/* Temanin kendi mobil menusunu tamamen gizle */
	.nav-container label.responsive_menu,
	.nav-container .hamburger-menu-wrapper,
	.henna-primary-nav.mobile-only,
	#responsive_menu {
		display: none !important;
	}

	.nav-container {
		display: none !important;
	}

	/* Tema arama katmani ve atlama linki mobilde gorunmesin */
	#search-overlay {
		display: none !important;
	}

	a[href="#content"],
	.skip-link,
	a.skip-to-content {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		overflow: hidden !important;
		clip: rect(0 0 0 0) !important;
		white-space: nowrap !important;
	}

	/* Ust bar wp_footer'da basildigi icin sticky degil fixed olmali */
	.mf-topbar {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9998;
		height: 64px;
		padding: 0 16px;
		background: #fff;
		border-bottom: 1px solid rgba(0, 0, 0, .08);
		box-shadow: 0 2px 14px rgba(0, 0, 0, .06);
	}

	.mf-topbar__logo {
		display: flex;
		align-items: center;
		line-height: 0;
	}

	.mf-topbar__logo img {
		height: 40px;
		width: auto;
		max-width: 150px;
	}

	.mf-burger {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 6px;
		width: 46px;
		height: 46px;
		padding: 0 10px;
		border: 1px solid rgba(0, 0, 0, .12);
		background: #fff;
		cursor: pointer;
		/* kosem tasarim: yuvarlatma yok */
		border-radius: 0;
	}

	.mf-burger span {
		display: block;
		height: 2px;
		width: 100%;
		background: var(--mf-mor);
		transition: transform .28s ease, opacity .2s ease;
	}

	.mf-burger.is-active span:nth-child(1) {
		transform: translateY(8px) rotate(45deg);
	}

	.mf-burger.is-active span:nth-child(2) {
		opacity: 0;
	}

	.mf-burger.is-active span:nth-child(3) {
		transform: translateY(-8px) rotate(-45deg);
	}

	/* ---------- Karartma ---------- */
	.mf-overlay {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 9998;
		background: rgba(10, 6, 15, .55);
		opacity: 0;
		transition: opacity .3s ease;
		backdrop-filter: blur(2px);
	}

	.mf-overlay.is-open {
		opacity: 1;
	}

	/* hidden attribute'u CSS display'i ezmemeli: tiklamayi engelliyordu */
	.mf-overlay[hidden] {
		display: none !important;
	}

	/* ---------- Cekmece ---------- */
	.mf-drawer {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 9999;
		width: min(86vw, 380px);
		background: var(--mf-koyu);
		color: var(--mf-metin);
		transform: translateX(105%);
		transition: transform .32s cubic-bezier(.22, .61, .36, 1);
		overflow: hidden;
		border-left: 3px solid var(--mf-mor-acik);
	}

	.mf-drawer.is-open {
		transform: translateX(0);
	}

	.mf-drawer__head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20px 22px 16px;
		border-bottom: 1px solid var(--mf-cizgi);
		background: linear-gradient(135deg, var(--mf-mor) 0%, var(--mf-koyu-2) 100%);
	}

	.mf-drawer__title {
		font-size: 13px;
		font-weight: 700;
		letter-spacing: 3px;
		text-transform: uppercase;
		color: var(--mf-metin);
	}

	.mf-close {
		width: 40px;
		height: 40px;
		font-size: 30px;
		line-height: 1;
		color: var(--mf-metin);
		background: transparent;
		border: 1px solid var(--mf-cizgi);
		border-radius: 0;
		cursor: pointer;
	}

	.mf-drawer__body {
		flex: 1 1 auto;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 6px 0 10px;
	}

	/* ---------- Menu listesi ---------- */
	.mf-menu,
	.mf-menu .sub-menu {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.mf-menu > li {
		position: relative;
		border-bottom: 1px solid var(--mf-cizgi);
	}

	.mf-menu > li > a {
		display: block;
		padding: 16px 56px 16px 22px;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.35;
		color: var(--mf-metin) !important;
		text-decoration: none;
		letter-spacing: .2px;
		transition: background .2s ease, padding-left .2s ease;
	}

	.mf-menu > li > a:active,
	.mf-menu > li.current-menu-item > a {
		background: rgba(130, 36, 227, .18);
		padding-left: 28px;
	}

	.mf-menu > li.current-menu-item > a {
		box-shadow: inset 4px 0 0 var(--mf-mor-acik);
	}

	/* Alt menu acma dugmesi */
	.mf-sub-toggle {
		position: absolute;
		top: 6px;
		right: 10px;
		width: 44px;
		height: 44px;
		background: transparent;
		border: 1px solid var(--mf-cizgi);
		border-radius: 0;
		cursor: pointer;
	}

	.mf-sub-toggle::before,
	.mf-sub-toggle::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		background: var(--mf-metin);
		transform: translate(-50%, -50%);
		transition: opacity .2s ease, transform .25s ease;
	}

	.mf-sub-toggle::before {
		width: 14px;
		height: 2px;
	}

	.mf-sub-toggle::after {
		width: 2px;
		height: 14px;
	}

	.mf-menu > li.is-open > .mf-sub-toggle {
		background: var(--mf-mor-acik);
		border-color: var(--mf-mor-acik);
	}

	.mf-menu > li.is-open > .mf-sub-toggle::after {
		opacity: 0;
		transform: translate(-50%, -50%) rotate(90deg);
	}

	/* Alt menu govdesi */
	.mf-menu .sub-menu {
		max-height: 0;
		overflow: hidden;
		background: var(--mf-koyu-2);
		transition: max-height .32s ease;
	}

	.mf-menu > li.is-open > .sub-menu {
		max-height: 640px;
	}

	.mf-menu .sub-menu li {
		border-top: 1px solid var(--mf-cizgi);
	}

	.mf-menu .sub-menu a {
		display: block;
		padding: 13px 22px 13px 34px;
		font-size: 14.5px;
		line-height: 1.4;
		color: var(--mf-gri) !important;
		text-decoration: none;
		position: relative;
	}

	.mf-menu .sub-menu a::before {
		content: "";
		position: absolute;
		left: 20px;
		top: 50%;
		width: 6px;
		height: 1px;
		background: var(--mf-mor-acik);
	}

	.mf-menu .sub-menu a:active {
		color: #fff !important;
		background: rgba(130, 36, 227, .16);
	}

	/* ---------- Cekmece alti CTA ---------- */
	.mf-drawer__foot {
		flex: 0 0 auto;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		padding: 16px 18px calc(16px + env(safe-area-inset-bottom, 0px));
		border-top: 1px solid var(--mf-cizgi);
		background: var(--mf-koyu-2);
	}

	.mf-cta {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 48px;
		font-size: 14.5px;
		font-weight: 700;
		letter-spacing: .3px;
		text-decoration: none !important;
		border-radius: 0;
	}

	.mf-cta--call {
		background: var(--mf-mor-acik);
		color: #fff !important;
	}

	.mf-cta--wa {
		background: #25d366;
		color: #04310f !important;
	}

	.mf-drawer__addr {
		grid-column: 1 / -1;
		margin: 4px 0 0;
		font-size: 12.5px;
		line-height: 1.5;
		color: var(--mf-gri);
		text-align: center;
	}

	body.mf-noscroll {
		overflow: hidden;
	}

	/* Sabit ust bar kadar bosluk */
	body {
		padding-top: 64px !important;
	}
}

/* =========================================================
   2. ALT SABIT HIZLI ILETISIM CUBUGU
   ========================================================= */
@media (max-width: 767px) {
	.mf-mobile-bar {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9997;
		background: var(--mf-koyu);
		box-shadow: 0 -2px 12px rgba(0, 0, 0, .25);
		padding-bottom: env(safe-area-inset-bottom, 0px);
	}

	.mf-mobile-bar a {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 52px;
		padding: 0 8px;
		color: #fff !important;
		font-size: 14px;
		font-weight: 600;
		text-decoration: none !important;
		border-right: 1px solid var(--mf-cizgi);
	}

	.mf-mobile-bar a:last-child {
		border-right: 0;
	}

	.mf-mobile-bar a:active {
		background: var(--mf-mor);
	}

	body {
		padding-bottom: 56px !important;
	}

	/* WhatsApp balonu alt cubugun ustune ciksin, yaziyi gizle */
	.qlwapp .qlwapp-toggle .qlwapp-text {
		display: none !important;
	}

	.qlwapp {
		bottom: 64px !important;
	}
}

/* =========================================================
   3. MOBIL OKUNABILIRLIK
   ========================================================= */
@media (max-width: 767px) {

	body,
	.entry-content p,
	.wpb_text_column p,
	.wpb_text_column li,
	#content li {
		font-size: 15px !important;
		line-height: 1.65 !important;
	}

	.entry-content h4,
	.wpb_text_column h4 {
		font-size: 18px !important;
		line-height: 1.45 !important;
	}

	.vc_custom_heading[style*="font-size"] {
		font-size: 26px !important;
		line-height: 1.25 !important;
	}

	h1.page-title {
		font-size: 28px !important;
		line-height: 1.2 !important;
	}

	.ozy-button,
	.vc_btn3,
	button,
	input[type="submit"] {
		min-height: 44px !important;
		display: inline-flex !important;
		align-items: center !important;
	}
}

/* =========================================================
   4. ANASAYFA SLIDER — MOBIL DUZENI
   ========================================================= */
@media (max-width: 767px) {

	/* Slider yuksekligi telefon ekranina otursun */
	rs-module-wrap,
	rs-module,
	.rev_slider_wrapper,
	.rev_slider {
		max-height: 78vh !important;
	}

	rs-slide img.rev-slidebg,
	.slotholder img {
		object-fit: cover !important;
		object-position: center center !important;
	}

	/* Slider basliklarini okunur boyuta getir */
	rs-layer[data-type="text"],
	.tp-caption {
		white-space: normal !important;
		max-width: 88vw !important;
	}
}

/* Slider altindaki tanitim seridi (child theme ile eklenen) */
.mf-slider-strip {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
	background: var(--mf-cizgi);
	border-top: 3px solid var(--mf-mor-acik);
}

.mf-slider-strip__item {
	background: var(--mf-koyu);
	padding: 22px 16px;
	text-align: center;
}

.mf-slider-strip__item strong {
	display: block;
	font-size: 26px;
	line-height: 1.1;
	color: #fff;
	margin-bottom: 6px;
}

.mf-slider-strip__item span {
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--mf-gri);
}

@media (max-width: 767px) {
	.mf-slider-strip {
		grid-template-columns: repeat(2, 1fr);
	}

	.mf-slider-strip__item {
		padding: 18px 10px;
	}

	.mf-slider-strip__item strong {
		font-size: 22px;
	}

	.mf-slider-strip__item span {
		font-size: 11.5px;
	}
}

/* =========================================================
   5. ANASAYFA SEO METIN BOLUMU
   ========================================================= */
.mf-seo-block {
	padding: 54px 0 46px;
	background: #faf8fc;
	border-top: 1px solid rgba(85, 31, 124, .12);
}

.mf-seo-block .mf-seo-inner {
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 22px;
}

.mf-seo-block h2 {
	font-size: 30px;
	line-height: 1.25;
	margin: 0 0 14px;
	color: #1b1226;
}

.mf-seo-block h3 {
	font-size: 20px;
	line-height: 1.3;
	margin: 28px 0 10px;
	color: var(--mf-mor);
}

.mf-seo-block p,
.mf-seo-block li {
	font-size: 15.5px;
	line-height: 1.75;
	color: #3a3245;
}

.mf-seo-block ul {
	padding-left: 20px;
	margin: 0 0 16px;
}

.mf-seo-block li {
	margin-bottom: 7px;
}

.mf-seo-block a {
	color: var(--mf-mor-acik);
	text-decoration: underline;
}

.mf-seo-cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px 42px;
}

@media (max-width: 860px) {
	.mf-seo-cols {
		grid-template-columns: 1fr;
	}

	.mf-seo-block {
		padding: 38px 0 34px;
	}

	.mf-seo-block h2 {
		font-size: 24px;
	}

	.mf-seo-block h3 {
		font-size: 18px;
	}
}

/* =========================================================
   6. ILETISIM — tiklanabilir telefon / e-posta
   ========================================================= */
a.mf-tel,
a.mf-mail {
	color: var(--mf-mor-acik);
	text-decoration: none;
	border-bottom: 1px solid rgba(130, 36, 227, .35);
}

a.mf-tel:hover,
a.mf-mail:hover {
	border-bottom-color: var(--mf-mor-acik);
}

/* =========================================================
   7. GORSELLER TASMASIN
   ========================================================= */
.wpb_single_image img,
.entry-content img {
	max-width: 100%;
	height: auto;
}

/* =========================================================
   8. YATAY TASMA ONLEME (kesin kural: mobilde yatay kaydirma yok)
   ========================================================= */

/* One cikan gorsel og:image icin gerekli ama sayfa govdesinde
   tam boyutta basilip tasmaya sebep oluyordu. */
.featured-thumbnail {
	display: none !important;
}

.featured-thumbnail img {
	max-width: 100% !important;
	height: auto !important;
}

/* RevSlider ve WPBakery satirlari viewport'u asmasin */
rs-module-wrap,
rs-module,
rs-slides,
rs-slide,
rs-sbg-px,
rs-sbg-wrap,
rs-sbg,
rs-static-layers,
.rev_slider_wrapper,
.rev_slider {
	max-width: 100% !important;
}

@media (max-width: 1024px) {

	html,
	body {
		overflow-x: hidden;
		max-width: 100%;
	}

	.vc_row.wpb_row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* Bosluk sadece metin bloklarina; slider/gorsel tam genislik kalsin */
	.wpb_text_column {
		padding-left: 12px;
		padding-right: 12px;
	}

	/* Slider satirinda hicbir bosluk olmasin */
	.vc_column-inner:has(rs-module-wrap),
	.vc_row-no-padding .vc_column-inner {
		padding: 0 !important;
	}

	/* Slider ustundeki fazla bosluk */
	.vc_row.fp-auto-height:first-of-type {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
}

/* =========================================================
   9. MOBIL ÜST BOŞLUK + WHATSAPP BALONU DÜZELTMESİ
   ========================================================= */
@media (max-width: 1024px) {

	/* Gizlenen tema header'i icin ayrilan 85px bosluk gereksiz */
	.animsition > div {
		padding-top: 0 !important;
	}

	/* qlwapp dogru sinif adlari: __container / __text */
	.qlwapp__container {
		bottom: 60px !important;
	}

	.qlwapp__text {
		display: none !important;
	}

	.qlwapp__button {
		width: 52px !important;
		min-width: 52px !important;
		padding: 0 !important;
		justify-content: center !important;
	}
}
/* =========================================================
   MOBIL MENU — TEMA DILINE UYGUN (acik zemin, Playfair, mor vurgu)
   Bu blok 1. ve 8. bolumlerdeki eski koyu menu kurallarini ezer.
   ========================================================= */
@media (max-width: 1024px) {

	/* ---------- Ust bar ---------- */
	.mf-topbar {
		height: 72px;
		padding: 0 20px;
		background: #fff;
		border-bottom: 1px solid rgba(85, 31, 124, .12);
		box-shadow: 0 1px 18px rgba(30, 12, 45, .05);
	}

	.mf-topbar__logo img {
		height: 44px;
	}

	.mf-burger {
		width: 44px;
		height: 44px;
		gap: 5px;
		padding: 0 9px;
		border: 0;
		background: transparent;
	}

	.mf-burger span {
		height: 1.5px;
		background: #2a1a3a;
	}

	.mf-burger span:nth-child(2) {
		width: 72%;
		margin-left: auto;
	}

	.mf-burger.is-active span:nth-child(1) {
		transform: translateY(6.5px) rotate(45deg);
	}

	.mf-burger.is-active span:nth-child(3) {
		transform: translateY(-6.5px) rotate(-45deg);
	}

	body {
		padding-top: 72px !important;
	}

	/* ---------- Karartma ---------- */
	.mf-overlay {
		background: rgba(26, 12, 38, .38);
		backdrop-filter: blur(3px);
	}

	/* ---------- Cekmece: acik, ferah ---------- */
	.mf-drawer {
		width: min(88vw, 400px);
		background: #fffdfb;
		color: #241832;
		border-left: 0;
		box-shadow: -18px 0 50px rgba(30, 12, 45, .14);
	}

	.mf-drawer__head {
		padding: 26px 26px 20px;
		background: none;
		border-bottom: 1px solid rgba(85, 31, 124, .12);
	}

	.mf-drawer__title {
		font-family: 'Playfair Display', Georgia, serif;
		font-size: 20px;
		font-weight: 400;
		font-style: italic;
		letter-spacing: .5px;
		text-transform: none;
		color: var(--mf-mor);
	}

	.mf-close {
		width: 38px;
		height: 38px;
		font-size: 26px;
		color: #6b5c7a;
		background: transparent;
		border: 0;
	}

	.mf-close:active {
		color: var(--mf-mor);
	}

	.mf-drawer__body {
		padding: 10px 0 14px;
	}

	/* ---------- Menu listesi ---------- */
	.mf-menu > li {
		border-bottom: 1px solid rgba(36, 24, 50, .07);
	}

	.mf-menu > li:last-child {
		border-bottom: 0;
	}

	.mf-menu > li > a {
		padding: 15px 58px 15px 26px;
		font-family: 'Playfair Display', Georgia, serif;
		font-size: 18px;
		font-weight: 400;
		letter-spacing: .3px;
		color: #241832 !important;
		background: none;
		box-shadow: none;
		transition: color .2s ease, padding-left .2s ease;
	}

	.mf-menu > li > a:active {
		color: var(--mf-mor) !important;
		background: none;
		padding-left: 30px;
	}

	.mf-menu > li.current-menu-item > a {
		color: var(--mf-mor) !important;
		background: none;
		box-shadow: none;
		font-style: italic;
	}

	/* Aktif sayfanin yanina ince mor cizgi */
	.mf-menu > li.current-menu-item > a::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		width: 14px;
		height: 1px;
		background: var(--mf-mor);
		transform: translateY(-50%);
	}

	.mf-menu > li {
		position: relative;
	}

	/* ---------- Alt menu acma dugmesi: ince ok ---------- */
	.mf-sub-toggle {
		top: 4px;
		right: 16px;
		width: 42px;
		height: 42px;
		border: 0;
		background: transparent;
	}

	.mf-sub-toggle::before {
		width: 8px;
		height: 8px;
		background: transparent;
		border-right: 1.5px solid #8b7a9b;
		border-bottom: 1.5px solid #8b7a9b;
		transform: translate(-50%, -70%) rotate(45deg);
		transition: transform .28s ease, border-color .2s ease;
	}

	.mf-sub-toggle::after {
		display: none;
	}

	.mf-menu > li.is-open > .mf-sub-toggle {
		background: transparent;
		border: 0;
	}

	.mf-menu > li.is-open > .mf-sub-toggle::before {
		transform: translate(-50%, -30%) rotate(-135deg);
		border-color: var(--mf-mor);
	}

	/* ---------- Alt menu ---------- */
	.mf-menu .sub-menu {
		background: #f7f2fa;
	}

	.mf-menu > li.is-open > .sub-menu {
		max-height: 700px;
	}

	.mf-menu .sub-menu li {
		border-top: 1px solid rgba(36, 24, 50, .06);
	}

	.mf-menu .sub-menu a {
		padding: 12px 24px 12px 40px;
		font-family: 'Muli', -apple-system, sans-serif;
		font-size: 14px;
		letter-spacing: .2px;
		color: #4f4360 !important;
	}

	.mf-menu .sub-menu a::before {
		left: 26px;
		width: 7px;
		background: rgba(85, 31, 124, .5);
	}

	.mf-menu .sub-menu a:active {
		color: var(--mf-mor) !important;
		background: rgba(85, 31, 124, .05);
	}

	/* ---------- Cekmece alti ---------- */
	.mf-drawer__foot {
		gap: 12px;
		padding: 18px 22px calc(20px + env(safe-area-inset-bottom, 0px));
		background: #fffdfb;
		border-top: 1px solid rgba(85, 31, 124, .12);
	}

	.mf-cta {
		min-height: 46px;
		font-family: 'Muli', sans-serif;
		font-size: 13.5px;
		font-weight: 600;
		letter-spacing: 1.2px;
		text-transform: uppercase;
	}

	.mf-cta--call {
		background: var(--mf-mor);
		color: #fff !important;
	}

	.mf-cta--wa {
		background: transparent;
		color: var(--mf-mor) !important;
		border: 1px solid rgba(85, 31, 124, .4);
	}

	.mf-drawer__addr {
		font-family: 'Muli', sans-serif;
		font-size: 12px;
		line-height: 1.6;
		color: #7d7089;
		letter-spacing: .3px;
	}

	/* ---------- Alt sabit cubuk: acik ve zarif ---------- */
	.mf-mobile-bar {
		background: #fffdfb;
		border-top: 1px solid rgba(85, 31, 124, .14);
		box-shadow: 0 -3px 20px rgba(30, 12, 45, .07);
	}

	.mf-mobile-bar a {
		min-height: 54px;
		font-family: 'Muli', sans-serif;
		font-size: 12.5px;
		font-weight: 600;
		letter-spacing: .8px;
		text-transform: uppercase;
		color: #2a1a3a !important;
		border-right: 1px solid rgba(36, 24, 50, .08);
	}

	.mf-mobile-bar a:first-child {
		color: #fff !important;
		background: var(--mf-mor);
	}

	.mf-mobile-bar a:active {
		background: rgba(85, 31, 124, .08);
	}

	.mf-mobile-bar a:first-child:active {
		background: #43185f;
	}
}
/* =========================================================
   10. DUZEN DUZELTMELERI (2026-08-27 denetimi)
   ========================================================= */



/* ---------- 10.2 Bos 1px satiri gizle ---------- */
.no-sidebar > .vc_row:first-child:empty,
.no-sidebar > .vc_row.fp-auto-height:first-child:not(:has(*)) {
	display: none !important;
}

/* ---------- 10.3 Tema butonlari (Hakkimizda vb.) stilsiz kaliyordu ---------- */
.ozy-custom-button,
a.ozy-custom-button,
.wpb_wrapper > a[class*="ozy_vc_custom_button"],
.ozy-vc-custom-button a {
	display: inline-block;
	padding: 14px 34px;
	font-family: 'Muli', sans-serif;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	color: #fff !important;
	background: var(--mf-mor);
	border: 1px solid var(--mf-mor);
	text-decoration: none !important;
	transition: background .25s ease, color .25s ease;
}

.ozy-custom-button:hover,
a.ozy-custom-button:hover {
	background: transparent;
	color: var(--mf-mor) !important;
}

/* ---------- 10.4 Hizmetler sayfasi: icerik ortalansin, kutular hizali ---------- */
.page-id-682 .wpb_text_column,
.page-id-682 .vc_custom_heading {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

/* Hizmet kutulari esit yukseklik + dogru kirpma */
.ozy-calltoactionbox,
.ozy-call-to-action-box {
	height: 260px !important;
	overflow: hidden;
	position: relative;
	display: flex !important;
	align-items: flex-end !important;
}

.ozy-calltoactionbox img,
.ozy-call-to-action-box img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center 60% !important;
}

/* Kutu basligi okunur olsun: alttan koyu gecis */
.ozy-calltoactionbox::after,
.ozy-call-to-action-box::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 62%;
	background: linear-gradient(to top, rgba(20, 10, 30, .82) 0%, rgba(20, 10, 30, .35) 55%, rgba(20, 10, 30, 0) 100%);
	pointer-events: none;
}

.ozy-calltoactionbox h3,
.ozy-calltoactionbox .caption,
.ozy-call-to-action-box h3,
.ozy-call-to-action-box .caption {
	position: relative;
	z-index: 2;
	padding: 0 16px 18px;
	color: #fff !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, .5);
	font-size: 19px !important;
	line-height: 1.3 !important;
}

/* ---------- 10.5 Slider masaustunde tam genislik ---------- */
@media (min-width: 1025px) {

	.vc_row.vc_row-no-padding .vc_column-inner:has(rs-module-wrap),
	.vc_row.vc_row-no-padding .wpb_column:has(rs-module-wrap) {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.vc_row.vc_row-no-padding:has(rs-module-wrap) {
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
		max-width: 100vw !important;
		width: 100vw !important;
	}

	rs-module-wrap,
	rs-module {
		max-width: none !important;
	}

	/* Menu ile slider arasindaki fazla bosluk */
	.no-sidebar > .vc_row:first-of-type {
		padding-top: 0 !important;
	}
}

/* ---------- 10.6 Rezervasyon butonu tema moruna ---------- */
.henna-primary-nav > li.menu-item-highlight > a,
.henna-primary-nav > li:last-child > a[href*="rezervasyon"] {
	background: var(--mf-mor) !important;
	color: #fff !important;
}

/* ---------- 10.7 Okunaksiz pembe blok metni ---------- */
.wpb_text_column h5,
.vc_custom_heading h5 {
	color: #3a2a4a !important;
}

/* Bos ilk satirin biraktigi bosluk (sadece gercekten bos olan) */
@media (max-width: 1024px) {
	.no-sidebar > .vc_row:empty {
		display: none !important;
	}
}

/* Sayfa basligi (h1.page-title) mobilde kenara yapisiyordu */
@media (max-width: 767px) {
	#page-title-wrapper,
	h1.page-title {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

/* =========================================================
   11. HIZMETLER SAYFASI (page-vendor.php vendor-listing sablonu)
   ========================================================= */

/* Sablonun otomatik ekledigi "Quick Filter" arama kutusu icerikle alakasiz */
#content.vendor-listing > h2:has(+ #ozy-vendor_listing_filter),
#ozy-vendor_listing_filter {
	display: none !important;
}

/* .ozy-call-to-action-box baslik metni tema varsayilanindan (mavi link) beyaza donsun */
.ozy-call-to-action-box a,
.ozy-call-to-action-box h2,
.ozy-call-to-action-box .h4-size {
	color: #fff !important;
	text-decoration: none !important;
}

/* Kutu ustune hafif karartma: yazi her fotografta okunur olsun */
.ozy-call-to-action-box .overlay-wrapper {
	background: linear-gradient(to top, rgba(20, 10, 30, .72) 0%, rgba(20, 10, 30, .1) 60%, rgba(20, 10, 30, 0) 100%);
}

/* WhatsApp balonu masaustunde de metnin ustune binmesin */
@media (min-width: 1025px) {
	.qlwapp {
		bottom: 24px !important;
	}
}

/* =========================================================
   12. DENETIM DUZELTMELERI (2026-08-27, tam sayfa kontrolu)
   ========================================================= */

/* 12.1 WhatsApp balonu masaustunde sayfa ortasinda duruyor ve
   basliklarin uzerine biniyordu; sag alta sabitle ve kucult. */
@media (min-width: 1025px) {
	.qlwapp__container {
		top: auto !important;
		bottom: 22px !important;
		left: auto !important;
		right: 22px !important;
	}
}

/* Mobilde alt cubugun ustunde, sagda kalsin */
@media (max-width: 1024px) {
	.qlwapp__container {
		top: auto !important;
		bottom: 64px !important;
		left: auto !important;
		right: 14px !important;
	}
}

/* 12.2 NOT: Rezervasyon butonunun rengi tema panelinden yonetiliyor
   (menu-item-has-custom-style). CSS ile ezmek butonu 120px'lik dev bir
   bloga cevirdigi icin kural kaldirildi; renk degisikligi gerekirse
   Plesk > WP > Tema Ayarlari > Menu bolumunden yapilmali. */
/* =========================================================
   13. HERO (SAYFA BASLIGI) OKUNABILIRLIGI
   Orijinal hero fotograflari geri geldi; bazilari cok acik
   oldugu icin baslik okunmuyordu. Fotograf uzerine yumusak
   bir karartma + metin golgesi ekliyoruz.
   ========================================================= */
#page-title-wrapper,
.ozy-custom-title-wrapper,
[class*="custom-title"][style*="background-image"] {
	position: relative;
}

#page-title-wrapper::after,
.ozy-custom-title-wrapper::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;              /* arka plan span'inin USTUNDE olmali */
	pointer-events: none;
	background: linear-gradient(
		180deg,
		rgba(26, 12, 38, .40) 0%,
		rgba(26, 12, 38, .28) 45%,
		rgba(26, 12, 38, .50) 100%
	);
}

/* Arka plan gorselini tasiyan span en altta kalsin */
#page-title-wrapper > span,
.ozy-custom-title-wrapper > span {
	z-index: 1;
}

/* Baslik metni karartmanin da ustunde */
#page-title-wrapper > div,
#page-title-wrapper h1,
#page-title-wrapper h2,
#page-title-wrapper p,
.ozy-custom-title-wrapper > div,
.ozy-custom-title-wrapper h1,
.ozy-custom-title-wrapper h2,
.ozy-custom-title-wrapper p {
	position: relative;
	z-index: 3;
}

#page-title-wrapper h1,
#page-title-wrapper h2,
#page-title-wrapper p,
.ozy-custom-title-wrapper h1,
.ozy-custom-title-wrapper h2,
.ozy-custom-title-wrapper p {
	text-shadow: 0 2px 18px rgba(20, 8, 30, .55), 0 1px 3px rgba(20, 8, 30, .4);
}

/* =========================================================
   14. ZENGIN FOOTER
   ========================================================= */
.mf-footer {
	background: #17101f;
	color: rgba(255, 255, 255, .72);
	font-family: 'Muli', -apple-system, sans-serif;
	font-size: 14.5px;
	line-height: 1.75;
	border-top: 3px solid var(--mf-mor-acik);
}

.mf-footer__inner {
	max-width: 1220px;
	margin: 0 auto;
	padding: 58px 24px 40px;
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1.35fr;
	gap: 40px;
}

.mf-footer__col h3 {
	margin: 0 0 18px;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 19px;
	font-weight: 400;
	letter-spacing: .3px;
	color: #fff;
	position: relative;
	padding-bottom: 12px;
}

.mf-footer__col h3::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 34px;
	height: 2px;
	background: var(--mf-mor-acik);
}

.mf-footer__col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mf-footer__col ul li {
	margin-bottom: 9px;
}

.mf-footer__col ul a {
	color: rgba(255, 255, 255, .72) !important;
	text-decoration: none !important;
	transition: color .2s ease, padding-left .2s ease;
	display: inline-block;
}

.mf-footer__col ul a:hover {
	color: #fff !important;
	padding-left: 5px;
}

/* --- Marka sutunu --- */
.mf-footer__logo {
	display: block;
	height: auto;
	max-width: 158px;
	margin-bottom: 18px;
}

.mf-footer__brand p {
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 1.8;
	color: rgba(255, 255, 255, .62);
}

.mf-footer__social {
	display: flex;
	gap: 10px;
}

.mf-footer__social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #fff !important;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .14);
	transition: background .25s ease, border-color .25s ease, transform .25s ease;
}

.mf-footer__social a:hover {
	background: var(--mf-mor-acik);
	border-color: var(--mf-mor-acik);
	transform: translateY(-3px);
}

/* --- Iletisim sutunu --- */
.mf-footer__contact ul li {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	margin-bottom: 14px;
	line-height: 1.6;
}

.mf-footer__ico {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	margin-top: 1px;
	color: var(--mf-mor-acik);
	background: rgba(130, 36, 227, .13);
}

.mf-footer__plain {
	color: rgba(255, 255, 255, .72);
}

.mf-footer__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 8px;
	padding: 13px 26px;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: #fff !important;
	background: var(--mf-mor-acik);
	text-decoration: none !important;
	transition: background .25s ease, transform .25s ease;
}

.mf-footer__cta:hover {
	background: #6b1bc0;
	transform: translateY(-2px);
}

/* --- Alt serit --- */
.mf-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, .1);
	padding: 18px 24px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;
	align-items: center;
	justify-content: space-between;
	max-width: 1220px;
	margin: 0 auto;
	font-size: 12.5px;
	color: rgba(255, 255, 255, .5);
}

.mf-footer__areas {
	color: rgba(255, 255, 255, .38);
	font-size: 12px;
}

/* Temanin eski tek satirlik footer'i: zengin footer'in altinda sade kalsin */
#footer {
	background: #120b19 !important;
	border-top: 0 !important;
}

#footer .container span,
#footer span {
	color: rgba(255, 255, 255, .34) !important;
	font-size: 12px !important;
}

@media (max-width: 1024px) {
	.mf-footer__inner {
		grid-template-columns: 1fr 1fr;
		gap: 34px;
		padding: 46px 22px 32px;
	}
}

@media (max-width: 620px) {
	.mf-footer__inner {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.mf-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
	}

	/* Alt sabit cubuk footer'i kapatmasin */
	.mf-footer__bottom {
		padding-bottom: 22px;
	}
}

/* =========================================================
   15. OZEL ANIMASYONLU WHATSAPP BUTONU
   (eklentinin balonu gizlendi, bkz. asagi)
   ========================================================= */
.mf-wa {
	position: fixed;
	left: 24px;          /* sag altta temanin "yukari cik" oku var */
	bottom: 24px;
	z-index: 9996;
	display: inline-flex;
	align-items: center;
	gap: 0;
	height: 60px;
	padding: 0;
	background: #25d366;
	color: #fff !important;
	text-decoration: none !important;
	box-shadow: 0 10px 28px rgba(37, 211, 102, .38), 0 2px 8px rgba(0, 0, 0, .18);
	overflow: hidden;
	transition: gap .35s cubic-bezier(.22, .61, .36, 1),
	            padding .35s cubic-bezier(.22, .61, .36, 1),
	            box-shadow .3s ease,
	            transform .25s ease;
}

.mf-wa__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	position: relative;
	z-index: 2;
}

/* Yazi: normalde gizli, hover'da acilir */
.mf-wa__label {
	max-width: 0;
	opacity: 0;
	white-space: nowrap;
	font-family: 'Muli', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .3px;
	transition: max-width .35s cubic-bezier(.22, .61, .36, 1), opacity .25s ease;
	position: relative;
	z-index: 2;
}

.mf-wa:hover,
.mf-wa:focus-visible {
	padding-right: 22px;
	box-shadow: 0 14px 34px rgba(37, 211, 102, .5), 0 3px 10px rgba(0, 0, 0, .2);
	transform: translateY(-2px);
}

.mf-wa:hover .mf-wa__label,
.mf-wa:focus-visible .mf-wa__label {
	max-width: 220px;
	opacity: 1;
}

/* Nabiz dalgasi */
.mf-wa__pulse,
.mf-wa__ring {
	position: absolute;
	left: 30px;
	top: 30px;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	border-radius: 50%;
	background: rgba(37, 211, 102, .55);
	z-index: 1;
	pointer-events: none;
	animation: mf-wa-pulse 2.6s cubic-bezier(.24, 0, .38, 1) infinite;
}

.mf-wa__ring {
	animation-delay: 1.1s;
}

@keyframes mf-wa-pulse {
	0%   { transform: scale(.85); opacity: .7; }
	70%  { transform: scale(1.9);  opacity: 0; }
	100% { transform: scale(1.9);  opacity: 0; }
}

/* Hover'da nabiz dursun (dikkat dagitmasin) */
.mf-wa:hover .mf-wa__pulse,
.mf-wa:hover .mf-wa__ring {
	animation-play-state: paused;
	opacity: 0;
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
	.mf-wa__pulse,
	.mf-wa__ring {
		animation: none;
		opacity: 0;
	}
	.mf-wa {
		transition: none;
	}
}

/* Mobil: alt sabit cubugun ustunde, yazisiz */
@media (max-width: 767px) {
	.mf-wa {
		left: 16px;
		right: auto;
		bottom: 68px;
		height: 54px;
	}

	.mf-wa__icon {
		width: 54px;
		height: 54px;
	}

	.mf-wa__pulse,
	.mf-wa__ring {
		left: 27px;
		top: 27px;
		width: 54px;
		height: 54px;
		margin: -27px 0 0 -27px;
	}

	.mf-wa:hover {
		padding-right: 0;
	}

	.mf-wa:hover .mf-wa__label {
		max-width: 0;
		opacity: 0;
	}
}

/* Eklentinin kendi balonunu tamamen gizle (kendi butonumuz var) */
.qlwapp,
.qlwapp__container,
.qlwapp-toggle {
	display: none !important;
}


/* Temanin eski tek satirlik telifi: zengin footer'da zaten var, tekrar etmesin */
#footer {
	display: none !important;
}

/* =========================================================
   16. ILETISIM / REZERVASYON FORMU (Contact Form 7)
   Tema CF7 icin stil vermiyordu: alanlar cizgisiz, buton
   siyah kareydi. Marka diline uygun hale getiriliyor.
   ========================================================= */
.wpcf7-form p {
	margin-bottom: 18px;
}

.wpcf7-form label {
	display: block;
	font-family: 'Muli', sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .6px;
	text-transform: uppercase;
	color: #4a3d58;
	margin-bottom: 7px;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="date"],
.wpcf7-form input[type="number"],
.wpcf7-form select,
.wpcf7-form textarea {
	width: 100%;
	padding: 14px 16px !important;
	font-family: 'Muli', sans-serif;
	font-size: 15px;
	color: #241832;
	background: #fdfcfe;
	border: 1px solid #e3dbe9 !important;
	border-radius: 0 !important;
	transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
	box-sizing: border-box;
}

.wpcf7-form textarea {
	min-height: 150px;
	resize: vertical;
}

.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
	outline: none;
	background: #fff;
	border-color: var(--mf-mor-acik) !important;
	box-shadow: 0 0 0 3px rgba(130, 36, 227, .10);
}

.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
	color: #a99cb5;
}

/* Gonder butonu */
.wpcf7-form input[type="submit"],
.wpcf7-form button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 40px !important;
	font-family: 'Muli', sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	color: #fff !important;
	background: var(--mf-mor) !important;
	border: 1px solid var(--mf-mor) !important;
	border-radius: 0 !important;
	cursor: pointer;
	transition: background .25s ease, transform .2s ease, box-shadow .25s ease;
}

.wpcf7-form input[type="submit"]:hover,
.wpcf7-form button[type="submit"]:hover {
	background: var(--mf-mor-acik) !important;
	border-color: var(--mf-mor-acik) !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(85, 31, 124, .28);
}

/* Uyari / basari mesajlari */
.wpcf7 form .wpcf7-response-output {
	margin: 18px 0 0;
	padding: 14px 18px;
	border-width: 1px;
	border-radius: 0;
	font-family: 'Muli', sans-serif;
	font-size: 14px;
}

.wpcf7-not-valid-tip {
	font-family: 'Muli', sans-serif;
	font-size: 12.5px;
	color: #c0392b;
	margin-top: 5px;
}

/* Google Translate kalintisi vardi; olasi <pre> artiklarini normalize et */
.entry-content pre:not([class*="wp-block"]),
.wpb_text_column pre:not([class*="wp-block"]) {
	font-family: 'Muli', sans-serif !important;
	font-size: 15px !important;
	white-space: normal !important;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 0 14px !important;
	color: inherit !important;
}

/* Harita: sinir + tam genislik */
iframe[src*="google.com/maps"] {
	display: block;
	width: 100%;
	border: 0;
	filter: saturate(.92);
}

/* =========================================================
   17. BLOG LISTELEME SAYFASI HERO
   WordPress "yazilar sayfasi" (page_for_posts) oldugu icin
   tema, sayfa hero meta'sini okumuyordu: baslik siyah "Blog",
   arka plan bostu. Burada kendimiz veriyoruz.
   ========================================================= */
body.blog #page-title-wrapper {
	min-height: 340px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url("https://morfikirorganizasyon.com.tr/wp-content/uploads/2019/03/3310-min.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

body.blog #page-title-wrapper > div {
	text-align: center;
}

body.blog #page-title-wrapper h1.page-title {
	color: #fff !important;
	font-size: 44px;
	line-height: 1.2;
	margin: 0;
}

/* Baslik altina aciklama */
body.blog #page-title-wrapper h1.page-title::after {
	content: "Çanakkale organizasyon dünyasından öneriler ve haberler";
	display: block;
	margin-top: 12px;
	font-family: 'Muli', sans-serif;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: .3px;
	color: rgba(255, 255, 255, .92);
	text-shadow: 0 2px 10px rgba(20, 8, 30, .5);
}

@media (max-width: 767px) {
	body.blog #page-title-wrapper {
		min-height: 240px;
	}

	body.blog #page-title-wrapper h1.page-title {
		font-size: 28px;
	}

	body.blog #page-title-wrapper h1.page-title::after {
		font-size: 13.5px;
		padding: 0 18px;
	}
}

/* =========================================================
   18. MOBILDE HERO YUKSEKLIGI
   Tema mobilde hero'yu 140px'e indiriyordu; uzun basliklar
   (orn. "Çanakkale Baby Shower Organizasyonu") kutunun disina
   tasiyordu. Icerige gore buyuyen, ortalanmis hero.
   ========================================================= */
@media (max-width: 1024px) {

	#page-title-wrapper {
		min-height: 260px !important;
		height: auto !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 34px 18px !important;
		box-sizing: border-box;
	}

	#page-title-wrapper > div {
		width: 100%;
		text-align: center;
	}

	#page-title-wrapper h1.page-title {
		font-size: 25px !important;
		line-height: 1.28 !important;
		margin: 0 !important;
	}

	/* Alt baslik (tema h2/p olarak basiyor) */
	#page-title-wrapper h2,
	#page-title-wrapper .page-sub-title,
	#page-title-wrapper > div > p {
		font-size: 14px !important;
		line-height: 1.5 !important;
		margin-top: 9px !important;
	}
}

@media (max-width: 480px) {
	#page-title-wrapper {
		min-height: 230px !important;
	}

	#page-title-wrapper h1.page-title {
		font-size: 22px !important;
	}
}
/* =========================================================
   19. SIK SORULAN SORULAR — ACILIR/KAPANIR (accordion)
   Native <details>/<summary>: JS yok, SEO'da icerik gorunur,
   klavye ile erisilebilir.
   ========================================================= */
.mf-sss {
	margin: 18px 0 26px;
	border-top: 1px solid rgba(85, 31, 124, .16);
}

.mf-sss__item {
	border-bottom: 1px solid rgba(85, 31, 124, .16);
	background: transparent;
	transition: background .25s ease;
}

.mf-sss__item[open] {
	background: rgba(130, 36, 227, .035);
}

/* Soru satiri */
.mf-sss__soru {
	list-style: none;
	cursor: pointer;
	position: relative;
	display: block;
	padding: 17px 52px 17px 4px;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 18px;
	line-height: 1.4;
	color: #241832;
	transition: color .2s ease, padding-left .2s ease;
	user-select: none;
}

/* Varsayilan ucgen isaretciyi gizle */
.mf-sss__soru::-webkit-details-marker { display: none; }
.mf-sss__soru::marker { content: ""; }

.mf-sss__soru:hover {
	color: var(--mf-mor);
	padding-left: 8px;
}

.mf-sss__item[open] .mf-sss__soru {
	color: var(--mf-mor);
	font-style: italic;
}

/* Sag taraftaki + / - isareti */
.mf-sss__soru::after {
	content: "";
	position: absolute;
	right: 14px;
	top: 50%;
	width: 13px;
	height: 13px;
	margin-top: -6px;
	background:
		linear-gradient(currentColor, currentColor) center/13px 1.5px no-repeat,
		linear-gradient(currentColor, currentColor) center/1.5px 13px no-repeat;
	color: #8b7a9b;
	transition: transform .3s cubic-bezier(.22,.61,.36,1), color .2s ease;
}

.mf-sss__soru:hover::after {
	color: var(--mf-mor);
}

.mf-sss__item[open] .mf-sss__soru::after {
	/* dikey cizgiyi dondurup gizleyerek "-" goster */
	background:
		linear-gradient(currentColor, currentColor) center/13px 1.5px no-repeat;
	color: var(--mf-mor);
	transform: rotate(180deg);
}

/* Cevap alani — acilirken yumusak giris */
.mf-sss__cevap {
	padding: 0 52px 20px 4px;
	animation: mf-sss-in .32s ease;
}

.mf-sss__cevap p {
	margin: 0;
	font-size: 15.5px;
	line-height: 1.75;
	color: #4a3d58;
}

@keyframes mf-sss-in {
	from { opacity: 0; transform: translateY(-6px); }
	to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
	.mf-sss__cevap { animation: none; }
	.mf-sss__soru::after { transition: none; }
}

@media (max-width: 767px) {
	.mf-sss__soru {
		font-size: 16px;
		padding: 15px 44px 15px 2px;
	}

	.mf-sss__cevap {
		padding: 0 8px 17px 2px;
	}

	.mf-sss__cevap p {
		font-size: 15px;
	}
}

/* =========================================================
   20. SEFFAF MENU (hero uzerine binen menu) — BEYAZ YAZI
   page-transparent-menu sablonunda menu fotografin uzerinde
   duruyordu ama link renkleri siyah kaliyordu, okunmuyordu.
   ========================================================= */
@media (min-width: 1025px) {

	body.page-template-page-transparent-menu .nav-container:not(.sticky):not(.smaller):not(.mf-scrolled) .henna-primary-nav > li > a,
	body.page-template-page-transparent-menu .nav-container:not(.sticky):not(.smaller):not(.mf-scrolled) .henna-primary-nav > li > a * {
		color: #fff !important;
		text-shadow: 0 1px 10px rgba(20, 8, 30, .45);
	}

	/* Aktif / uzerine gelinen */
	body.page-template-page-transparent-menu .nav-container:not(.sticky):not(.smaller):not(.mf-scrolled) .henna-primary-nav > li:hover > a,
	body.page-template-page-transparent-menu .nav-container:not(.sticky):not(.smaller):not(.mf-scrolled) .henna-primary-nav > li.active > a,
	body.page-template-page-transparent-menu .nav-container:not(.sticky):not(.smaller):not(.mf-scrolled) .henna-primary-nav > li.current-menu-item > a {
		color: #fff !important;
		opacity: .78;
	}

	/* Acilir ok isareti de beyaz */
	body.page-template-page-transparent-menu .nav-container:not(.sticky):not(.smaller):not(.mf-scrolled) .henna-primary-nav > li.menu-item-has-children > a::after {
		border-color: #fff !important;
		color: #fff !important;
	}

	/* Rezervasyon butonu okunur kalsin (kendi zemini var) */
	body.page-template-page-transparent-menu .nav-container:not(.sticky):not(.smaller):not(.mf-scrolled) .henna-primary-nav > li.menu-item-has-custom-style > a {
		text-shadow: none;
	}

	/* Sayfa kaydirilinca menu beyaz zemine oturur: yazi tekrar koyu */
	body.page-template-page-transparent-menu .nav-container.sticky .henna-primary-nav > li > a,
	body.page-template-page-transparent-menu .nav-container.smaller .henna-primary-nav > li > a {
		color: #241832 !important;
		text-shadow: none;
	}
}

/* =========================================================
   21. ILETISIM SAYFASI — HIZLI ILETISIM KARTLARI
   ========================================================= */
.mf-iletisim-kartlar {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin: 24px 0 30px;
}

.mf-ik {
	display: block;
	padding: 20px 22px;
	background: #fff;
	border: 1px solid rgba(85, 31, 124, .16);
	border-left: 3px solid var(--mf-mor-acik);
	text-decoration: none !important;
	transition: transform .22s ease, box-shadow .25s ease, border-color .25s ease;
}

.mf-ik:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(30, 12, 45, .10);
	border-left-color: var(--mf-mor);
}

.mf-ik strong {
	display: block;
	margin-bottom: 5px;
	font-family: 'Muli', sans-serif;
	font-size: 15.5px;
	font-weight: 700;
	letter-spacing: .2px;
	color: #241832;
}

.mf-ik span {
	display: block;
	font-size: 13.5px;
	line-height: 1.55;
	color: #6d6178;
}

.mf-ik--wa { border-left-color: #25d366; }
.mf-ik--wa:hover { border-left-color: #1da851; }

@media (max-width: 900px) {
	.mf-iletisim-kartlar {
		grid-template-columns: 1fr;
		gap: 11px;
	}

	.mf-ik {
		padding: 16px 18px;
	}
}

/* Seffaf menu kaydirilinca beyaz zemine oturuyor: yazi koyu olmali */
@media (min-width: 1025px) {
	body.page-template-page-transparent-menu .nav-container.mf-scrolled .henna-primary-nav > li > a,
	body.page-template-page-transparent-menu .nav-container.mf-scrolled .henna-primary-nav > li > a * {
		color: #241832 !important;
		text-shadow: none !important;
	}

	body.page-template-page-transparent-menu .nav-container.mf-scrolled .henna-primary-nav > li:hover > a,
	body.page-template-page-transparent-menu .nav-container.mf-scrolled .henna-primary-nav > li.current-menu-item > a {
		color: var(--mf-mor) !important;
		opacity: 1;
	}

	body.page-template-page-transparent-menu .nav-container.mf-scrolled .henna-primary-nav > li.menu-item-has-children > a::after {
		border-color: #241832 !important;
		color: #241832 !important;
	}

	/* Rezervasyon butonu her durumda beyaz yazili kalsin */
	body.page-template-page-transparent-menu .nav-container .henna-primary-nav > li.menu-item-has-custom-style > a,
	body.page-template-page-transparent-menu .nav-container.mf-scrolled .henna-primary-nav > li.menu-item-has-custom-style > a {
		color: #fff !important;
	}
}