/**
 * AIKeySoft — premium fotoğraf katmanları
 * Kaynak: Unsplash (https://unsplash.com/license) — ücretsiz ticari kullanım.
 * Görseller CDN üzerinden WebP + kırpma ile optimize edilir.
 */

:root {
	--photo-overlay-light: linear-gradient(
		155deg,
		rgba(250, 250, 250, 0.94) 0%,
		rgba(250, 250, 250, 0.72) 40%,
		rgba(244, 244, 246, 0.55) 70%,
		rgba(250, 250, 250, 0.9) 100%
	);
	--photo-overlay-soft: linear-gradient(
		135deg,
		rgba(255, 255, 255, 0.92) 0%,
		rgba(255, 255, 255, 0.55) 45%,
		rgba(244, 244, 246, 0.65) 100%
	);
	--photo-overlay-dark: linear-gradient(
		120deg,
		rgba(24, 24, 27, 0.5) 0%,
		rgba(24, 24, 27, 0.22) 50%,
		rgba(250, 250, 250, 0.75) 100%
	);
	--photo-overlay-card: linear-gradient(145deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.45) 55%, rgba(79, 70, 229, 0.08) 100%);

	/* Unsplash — güncel set (ofis, ürün, veri merkezi, ekip); lisans: unsplash.com/license */
	--u-hero-code: url("https://images.unsplash.com/photo-1517694712202-14dd9538aa97?auto=format&fit=crop&w=1920&h=1080&q=84&fm=webp");
	--u-team: url("https://images.unsplash.com/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=1400&h=1050&q=82&fm=webp");
	--u-office: url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1600&h=1000&q=82&fm=webp");
	--u-analytics: url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1400&h=900&q=82&fm=webp");
	--u-meeting: url("https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&w=1600&h=1000&q=82&fm=webp");
	--u-ai: url("https://images.unsplash.com/photo-1620712943543-bcc4688e7485?auto=format&fit=crop&w=1400&h=900&q=82&fm=webp");
	--u-desk: url("https://images.unsplash.com/photo-1499951360441-bb292edc9793?auto=format&fit=crop&w=1600&h=1000&q=82&fm=webp");
	--u-server: url("https://images.unsplash.com/photo-1544197150-b99a580bb7a8?auto=format&fit=crop&w=1400&h=900&q=82&fm=webp");
	--u-ecommerce: url("https://images.unsplash.com/photo-1556740758-90de374c12ad?auto=format&fit=crop&w=1400&h=900&q=82&fm=webp");
	--u-handshake: url("https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=1400&h=900&q=82&fm=webp");
	--u-collab: url("https://images.unsplash.com/photo-1600889561212-2823cdd7d13a?auto=format&fit=crop&w=1400&h=900&q=82&fm=webp");
}

/* —— Tam ekran / bölüm arka plan katmanları —— */
.backdrop-photo {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/* Ana sayfa hero */
.hero {
	isolation: isolate;
}

.backdrop-photo--hero {
	z-index: 0;
	background-image: var(--photo-overlay-light), var(--u-hero-code);
}

.hero::before,
.hero::after {
	z-index: 1;
}

.hero__noise {
	z-index: 2;
}

.hero .container {
	z-index: 3;
}

/* Hizmetler vitrini */
.services-showcase__ambient {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}

.backdrop-photo--services {
	z-index: 0;
	opacity: 0.55;
	background-image: var(--photo-overlay-soft), var(--u-meeting);
}

.services-showcase__mesh,
.services-showcase__orb {
	z-index: 1;
}

/* Müşteri yorumları */
.testimonials__ambient {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}

.backdrop-photo--testimonials {
	z-index: 0;
	opacity: 0.5;
	background-image: var(--photo-overlay-soft), var(--u-handshake);
}

.testimonials__orb {
	z-index: 1;
}

.testimonials .container {
	position: relative;
	z-index: 2;
}

/* Ana sayfa iletişim bloğu */
#iletisim {
	position: relative;
	overflow: hidden;
}

.backdrop-photo--home-contact {
	z-index: 0;
	opacity: 0.42;
	background-image: var(--photo-overlay-light), var(--u-collab);
}

#iletisim > .container {
	position: relative;
	z-index: 1;
}

/* Hakkımızda hero */
.about-hero {
	isolation: isolate;
}

.about-hero__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}

.backdrop-photo--about-hero {
	z-index: 0;
	background-image: var(--photo-overlay-light), var(--u-office);
}

.about-hero__grid-float,
.about-hero__orb {
	z-index: 1;
}

.about-hero__noise {
	z-index: 2;
}

.about-hero .container {
	position: relative;
	z-index: 3;
}

/* Hizmetler sayfası hero */
.svc-page-hero {
	isolation: isolate;
}

.svc-page-hero__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}

.backdrop-photo--svc-hero {
	z-index: 0;
	background-image: var(--photo-overlay-light), var(--u-desk);
}

.svc-page-hero__orb {
	z-index: 1;
}

.svc-page-hero .container {
	position: relative;
	z-index: 2;
}

/* Hizmet detay kartları — bölüme göre görsel */
#svc-web .svc-detail__visual {
	background-image: var(--photo-overlay-card), var(--u-analytics);
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

#svc-eticaret .svc-detail__visual {
	background-image: var(--photo-overlay-card), var(--u-ecommerce);
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

#svc-ozel .svc-detail__visual {
	background-image: var(--photo-overlay-card), var(--u-hero-code);
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

#svc-seo .svc-detail__visual {
	background-image: var(--photo-overlay-card), var(--u-analytics);
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

#svc-destek .svc-detail__visual {
	background-image: var(--photo-overlay-card), var(--u-meeting);
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

#svc-hosting .svc-detail__visual {
	background-image: var(--photo-overlay-card), var(--u-server);
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

.page-services .svc-detail__icon {
	position: relative;
	z-index: 1;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.88) !important;
	box-shadow: 0 12px 40px rgba(9, 9, 11, 0.08);
}

/* Projeler hero */
.proj-hero__ambient {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}

.backdrop-photo--proj-hero {
	z-index: 0;
	opacity: 0.5;
	background-image: var(--photo-overlay-light), var(--u-analytics);
}

.proj-hero__mesh,
.proj-hero__orb {
	z-index: 1;
}

.proj-hero .container {
	position: relative;
	z-index: 2;
}

/* Proje kartları — kategoriye göre */
.proj-card[data-proj-cat="kurumsal"] .proj-card__visual {
	background-image: linear-gradient(135deg, rgba(79, 70, 229, 0.2), rgba(9, 9, 11, 0.35)), var(--u-office);
	background-size: cover;
	background-position: center;
}

.proj-card[data-proj-cat="eticaret"] .proj-card__visual {
	background-image: linear-gradient(135deg, rgba(79, 70, 229, 0.18), rgba(9, 9, 11, 0.32)), var(--u-ecommerce);
	background-size: cover;
	background-position: center;
}

.proj-card[data-proj-cat="tanitim"] .proj-card__visual {
	background-image: linear-gradient(135deg, rgba(79, 70, 229, 0.18), rgba(9, 9, 11, 0.3)), var(--u-meeting);
	background-size: cover;
	background-position: center;
}

.proj-card[data-proj-cat="qr-menu ozel"] .proj-card__visual {
	background-image: linear-gradient(135deg, rgba(79, 70, 229, 0.2), rgba(9, 9, 11, 0.34)), var(--u-hero-code);
	background-size: cover;
	background-position: center;
}

.proj-card__icon,
.proj-card__mock {
	position: relative;
	z-index: 1;
}

/* Blog liste hero */
.blog-hero__ambient {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}

.backdrop-photo--blog-hero {
	z-index: 0;
	opacity: 0.48;
	background-image: var(--photo-overlay-light), var(--u-ai);
}

.blog-hero__mesh,
.blog-hero__orb {
	z-index: 1;
}

.blog-hero .container {
	position: relative;
	z-index: 2;
}

/* Öne çıkan makale görseli (placeholder yerine foto) */
.blog-feature__visual.blog-card__visual--ph {
	background-image: var(--photo-overlay-dark), var(--u-analytics);
	background-size: cover;
	background-position: center;
	min-height: 240px;
}

.blog-feature__visual.blog-card__visual--ph .blog-card__ph-icon {
	position: relative;
	z-index: 1;
	color: #fff;
	text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
}

.blog-feature__visual.blog-card__visual--ph .blog-feature__badge {
	z-index: 2;
}

/* Blog yazısı hero — tüm yazılarda ortak premium arka plan */
.page-blog-post .blog-post-hero {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.page-blog-post .blog-post-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: var(--photo-overlay-light), var(--u-ai);
	background-size: cover;
	background-position: center;
	opacity: 0.85;
	pointer-events: none;
}

.page-blog-post .blog-post-hero > * {
	position: relative;
	z-index: 1;
}

/* İletişim sayfası hero */
.contact-hero__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}

.backdrop-photo--contact-hero {
	z-index: 0;
	background-image: var(--photo-overlay-light), var(--u-collab);
}

.contact-hero__orb {
	z-index: 1;
}

.contact-hero .container {
	position: relative;
	z-index: 2;
}

/* Paketler hero */
.pkg-hero__ambient {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}

.backdrop-photo--pkg-hero {
	z-index: 0;
	opacity: 0.45;
	background-image: var(--photo-overlay-light), var(--u-analytics);
}

.pkg-hero__mesh,
.pkg-hero__orb {
	z-index: 1;
}

.pkg-hero .container {
	position: relative;
	z-index: 2;
}

/* Paketler — alt CTA arka planı */
.pkg-bottom-cta::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	opacity: 0.28;
	background-image: linear-gradient(180deg, rgba(250, 250, 250, 0.94) 0%, rgba(236, 236, 238, 0.88) 100%), var(--u-collab);
	background-size: cover;
	background-position: center;
	pointer-events: none;
}

.pkg-bottom-cta__glow {
	z-index: 1;
}

.pkg-bottom-cta .container {
	position: relative;
	z-index: 2;
}

/* S.S.S. (TTS) hero */
.tts-hero__ambient {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}

.backdrop-photo--tts-hero {
	z-index: 0;
	opacity: 0.46;
	background-image: var(--photo-overlay-light), var(--u-desk);
}

.tts-hero__mesh,
.tts-hero__orb {
	z-index: 1;
}

.tts-hero .container {
	position: relative;
	z-index: 2;
}

/* Röportaj / iç görseller — kenar yumuşatma */
.about-visual img,
.about-story__visual img {
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-md);
}

.about-team__visual img {
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-md);
}

.portfolio-item img {
	transition: transform 0.5s var(--ease-out-expo);
}

.footer-photo-credit {
	display: inline-block;
	margin-left: 0.35rem;
	font-size: 0.78em;
	color: var(--text-subtle);
	font-weight: 500;
}

@media (prefers-reduced-motion: reduce) {
	.portfolio-item img {
		transition: none;
	}
}