/* Kart dili: çerçeveli beyaz kutu yerine dolu renk blokları (lacivert / kum / açık) ve köşede silik lotus.
   Yalnızca renk ve süs; yerleşim sections.css'te kalır. motion.css'ten sonra yüklenir (functions.php → hc-cards).
   Ton değişkenleri: --c-bg zemin, --c-fg metin, --c-head başlık ve bağlantı, --c-muted ikincil metin, --c-mark lotus/numara. */

:root { --hc-sand: #e4dacd; }

/* ---------- Tonlar ---------- */
.elementor .e-con-inner > :is(.hc-card, .hc-mini, .hc-konu, .hc-faq__item, .hc-step),
.hc-tone-light {
	--c-bg: var(--hc-white); --c-fg: var(--hc-text); --c-head: var(--hc-navy); --c-muted: var(--hc-muted); --c-mark: var(--hc-navy);
}
.elementor .e-con-inner > :is(.hc-card, .hc-mini, .hc-konu, .hc-faq__item):nth-child(3n+1),
.elementor .hc-steps > .e-con-inner > .hc-step:nth-child(3),
.hc-tone-navy {
	--c-bg: var(--hc-navy); --c-fg: #efe9e1; --c-head: #f6f2ec; --c-muted: #c9beaf; --c-mark: #efe9e1;
}
.elementor .e-con-inner > :is(.hc-card, .hc-mini, .hc-konu, .hc-faq__item):nth-child(3n+2),
.elementor .hc-steps > .e-con-inner > .hc-step:nth-child(2),
.hc-tone-sand {
	--c-bg: var(--hc-sand); --c-fg: var(--hc-text); --c-head: var(--hc-navy); --c-muted: #5a5650; --c-mark: var(--hc-navy);
}
/* Üç adım anlamlı sırayla koyulaşır: açık → kum → lacivert (ilk görüşmeye yaklaştıkça) */
.elementor .hc-steps > .e-con-inner > .hc-step:nth-child(1) {
	--c-bg: var(--hc-white); --c-fg: var(--hc-text); --c-head: var(--hc-navy); --c-muted: var(--hc-muted); --c-mark: var(--hc-navy);
}

/* ---------- Blok ---------- */
.elementor .e-con-inner > :is(.hc-card, .hc-mini, .hc-konu, .hc-faq__item, .hc-step) {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background: var(--c-bg);
	border: 0;
	border-radius: 2px;
	color: var(--c-fg);
	--padding-top: 32px; --padding-bottom: 32px; --padding-left: 30px; --padding-right: 30px;
}
.elementor .e-con-inner > :is(.hc-card, .hc-mini, .hc-konu, .hc-faq__item, .hc-step) .elementor-widget-text-editor { color: var(--c-fg); }
.elementor .e-con-inner > :is(.hc-card, .hc-mini, .hc-konu, .hc-faq__item, .hc-step) .elementor-heading-title { color: var(--c-head); }
.elementor .e-con-inner > :is(.hc-card, .hc-mini, .hc-konu, .hc-faq__item, .hc-step) a { color: var(--c-head); }

/* Köşede silik lotus (assets/img/logo-lotus.svg maske olarak) */
.elementor .e-con-inner > :is(.hc-card, .hc-mini, .hc-konu, .hc-faq__item, .hc-step)::after,
.hc-callback::after, .hc-yol__card::after {
	content: "";
	position: absolute;
	right: -34px;
	bottom: -38px;
	z-index: -1;
	width: 170px;
	aspect-ratio: 998 / 771;
	background: var(--c-mark, var(--hc-navy));
	-webkit-mask: url(../img/logo-lotus.svg) center / contain no-repeat;
	mask: url(../img/logo-lotus.svg) center / contain no-repeat;
	opacity: .09;
	pointer-events: none;
	transition: transform 1s var(--hc-ease, ease), opacity .6s;
}
@media (prefers-reduced-motion: no-preference) {
	.elementor .e-con-inner > :is(.hc-card, .hc-mini, .hc-konu, .hc-faq__item, .hc-step):hover::after {
		transform: rotate(-8deg) scale(1.12);
		opacity: .14;
	}
}
/* Hover: çerçeve yok; motion.css'teki kalkma ve gölge kalır */
.elementor .e-con-inner > :is(.hc-card, .hc-mini, .hc-konu, .hc-faq__item, .hc-step):hover { border-color: transparent; }

/* ---------- Numaralar: büyük italik serif ---------- */
.elementor .e-con-inner > :is(.hc-card, .hc-faq__item):not(.hc-card--talk) .hc-card__num .elementor-heading-title,
.elementor .e-con-inner > .hc-step .hc-step__num .elementor-heading-title {
	font-family: var(--hc-serif);
	font-style: normal;
	font-size: 60px;
	line-height: .9;
	letter-spacing: 0;
	text-transform: none;
	color: var(--c-mark);
	opacity: .85;
	margin-bottom: 22px;
}
/* Sunum kartlarında üst satır (yıl · yer) küçük harfli etiket olarak kalır */
.elementor .e-con-inner > .hc-card--talk .hc-card__num .elementor-heading-title {
	color: var(--c-muted);
	margin-bottom: 20px;
}

/* ---------- Tüm kart tıklanır (alan kartları ve diğer alanlar) ---------- */
.elementor .e-con-inner > :is(.hc-card:not(.hc-card--talk), .hc-mini) .elementor-element { position: static; }
.elementor .e-con-inner > :is(.hc-card:not(.hc-card--talk), .hc-mini) :is(.hc-card__link, .hc-mini__link) a::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}
.elementor .e-con-inner > :is(.hc-card, .hc-mini):has(a:focus-visible) { outline: 2px solid var(--hc-navy); outline-offset: 4px; }
.elementor .e-con-inner > :is(.hc-card, .hc-mini) a:focus-visible { outline: none; }
.elementor .e-con-inner > :is(.hc-card, .hc-mini, .hc-konu, .hc-faq__item, .hc-step) :is(.hc-card__link, .hc-mini__link) { font-weight: 500; }

/* ---------- Sizi arayalım ---------- */
.elementor .hc-callback {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background: var(--hc-sand);
	border: 0;
	--c-mark: var(--hc-navy);
}
.elementor .hc-callback :is(.hc-muted, .hc-eyebrow-w .elementor-heading-title) { color: #5a5650; }
.elementor .hc-callback .wpcf7 label { color: #4f4c47; }

/* ---------- Yazı kartları: görselin altına bitişik kum panel ---------- */
.hc-card-post, .hc-posts .hc-card {
	background: var(--hc-sand);
	border-radius: 2px;
	overflow: hidden;
	transition: transform .45s var(--hc-ease, ease), background-color .35s;
}
.hc-card-post img, .hc-posts .hc-card img { border: 0; }
.hc-card-post .hc-card-post__title, .hc-posts .hc-card h2 {
	margin: 0;
	padding: 18px 22px 6px;
	transition: color .35s;
}
.hc-card-post time, .hc-posts .hc-card time {
	display: block;
	padding: 0 22px 20px;
	color: #5a5650;
	transition: color .35s;
}
.hc-card-post:hover, .hc-posts .hc-card:hover { background: var(--hc-navy); }
.hc-card-post:hover .hc-card-post__title, .hc-posts .hc-card:hover h2 { color: #f6f2ec; text-decoration: none; }
.hc-card-post:hover time, .hc-posts .hc-card:hover time { color: #c9beaf; }
.hc-card-post:focus-visible, .hc-posts .hc-card:focus-visible { outline: 2px solid var(--hc-navy); outline-offset: 4px; }

/* ---------- Ofise ulaşım kartları ---------- */
.hc-yol__card { position: relative; overflow: hidden; isolation: isolate; border: 0; background: var(--hc-sand); --c-mark: var(--hc-navy); }
.hc-yol__card :is(.hc-yol__label, .hc-tarife__note, .hc-tarife__col h3, .hc-tarife__col h4) { color: #5a5650; }
.hc-tarife__note a { text-decoration: underline; text-underline-offset: 2px; }
.hc-yol__card--main { background: var(--hc-navy); color: #efe9e1; --c-mark: #efe9e1; }
.hc-yol__card--main h2 { color: #f6f2ec; }
.hc-yol__card.hc-yol__card--main .hc-yol__label { color: #c9beaf; }
.hc-yol__card--main .hc-navbtn { border-color: #efe9e1; color: #f6f2ec; }
.hc-yol__card--main .hc-navbtn:hover,
.hc-yol__card--main .hc-nav-btns .hc-navbtn:first-child,
.hc-yol__card--main .hc-navbtn--dark { background: #f6f2ec; color: var(--hc-navy); }
.hc-yol__card--main a:not(.hc-navbtn) { color: #f6f2ec; }