/*
 * Dünya önizlemeleri — her hizmetin kendi sayfasındaki dünyadan küçük bir şerit.
 * Her dünya iki değişken tanımlar: --pv-<ad> (şerit arka planı) ve --pc-<ad> (vurgu rengi).
 * Sayfalar kartlarına --preview ve --c olarak kendi sıralarıyla atar (aşağıdaki eşlemeler).
 */
:root {
	/* PressGPT — haber masası: taslak satırları + canlı nokta */
	--pc-pressgpt: #155eef;
	--pv-pressgpt:
		radial-gradient(circle, #16865b 4px, transparent 4.5px) calc(100% - 18px) 16px / 12px 12px no-repeat,
		linear-gradient(#0b203b, #0b203b) 20px 18px / 38% 7px no-repeat,
		linear-gradient(rgba(21, 94, 239, .28), rgba(21, 94, 239, .28)) 20px 34px / 62% 4px no-repeat,
		linear-gradient(rgba(21, 94, 239, .2), rgba(21, 94, 239, .2)) 20px 44px / 54% 4px no-repeat,
		linear-gradient(rgba(21, 94, 239, .14), rgba(21, 94, 239, .14)) 20px 54px / 40% 4px no-repeat,
		linear-gradient(rgba(21, 94, 239, .06) 1px, transparent 1px) 0 0 / 18px 18px,
		#f5f8fe;

	/* Yapay Zekâ — kıvrık köşeli belge + fosforlu vurgu */
	--pc-ai: #0f766e;
	--pv-ai:
		linear-gradient(rgba(94, 234, 212, .55), rgba(94, 234, 212, .55)) 34px 30px / 70px 7px no-repeat,
		linear-gradient(rgba(15, 118, 110, .18), rgba(15, 118, 110, .18)) 34px 44px / 96px 4px no-repeat,
		linear-gradient(225deg, #cfe8e2 10px, transparent 10.5px) 20px 12px / 130px 48px no-repeat,
		linear-gradient(225deg, transparent 14px, #fff 14.5px) 20px 12px / 130px 48px no-repeat,
		#e7f5f2;

	/* Qlik — büyüyen yeşil çubuklar, grafik kâğıdı */
	--pc-qlik: #0b7a3f;
	--pv-qlik:
		linear-gradient(#76b82a, #009845) 20px 100% / 16px 34% no-repeat,
		linear-gradient(#76b82a, #009845) 44px 100% / 16px 52% no-repeat,
		linear-gradient(#76b82a, #009845) 68px 100% / 16px 44% no-repeat,
		linear-gradient(#76b82a, #009845) 92px 100% / 16px 70% no-repeat,
		linear-gradient(#76b82a, #009845) 116px 100% / 16px 62% no-repeat,
		linear-gradient(#76b82a, #009845) 140px 100% / 16px 86% no-repeat,
		linear-gradient(rgba(0, 120, 60, .07) 1px, transparent 1px) 0 0 / 14px 14px,
		linear-gradient(90deg, rgba(0, 120, 60, .07) 1px, transparent 1px) 0 0 / 14px 14px,
		#f7fbf8;

	/* Google Workspace — yörüngede dört renk */
	--pc-workspace: #4285f4;
	--pv-workspace:
		radial-gradient(circle, #4285f4 5px, transparent 5.5px) calc(50% - 24px) 50% / 12px 12px no-repeat,
		radial-gradient(circle, #ea4335 5px, transparent 5.5px) 50% calc(50% - 24px) / 12px 12px no-repeat,
		radial-gradient(circle, #f9ab00 5px, transparent 5.5px) calc(50% + 24px) 50% / 12px 12px no-repeat,
		radial-gradient(circle, #34a853 5px, transparent 5.5px) 50% calc(50% + 24px) / 12px 12px no-repeat,
		radial-gradient(circle at 50% 50%, transparent 23px, rgba(66, 133, 244, .3) 23.5px 24.5px, transparent 25px),
		radial-gradient(circle at 50% 50%, #dfe9fb 0 11px, transparent 11.5px),
		#f5f8fc;

	/* Konuşma Analitiği — dalga formu + kayıt noktası */
	--pc-speech: #155eef;
	--pv-speech:
		radial-gradient(circle, #ef4444 4px, transparent 4.5px) 18px 50% / 12px 12px no-repeat,
		linear-gradient(#155eef, #155eef) 40px 50% / 3px 30% no-repeat,
		linear-gradient(#155eef, #155eef) 47px 50% / 3px 60% no-repeat,
		linear-gradient(#155eef, #155eef) 54px 50% / 3px 42% no-repeat,
		linear-gradient(#155eef, #155eef) 61px 50% / 3px 78% no-repeat,
		linear-gradient(#155eef, #155eef) 68px 50% / 3px 50% no-repeat,
		linear-gradient(#155eef, #155eef) 75px 50% / 3px 66% no-repeat,
		linear-gradient(#155eef, #155eef) 82px 50% / 3px 36% no-repeat,
		linear-gradient(#155eef, #155eef) 89px 50% / 3px 56% no-repeat,
		repeating-linear-gradient(90deg, rgba(21, 94, 239, .22) 0 3px, transparent 3px 7px) 100px 50% / calc(100% - 118px) 22% no-repeat,
		#eef4ff;

	/* Sanal Operatör — gece, ışıma, çevrimiçi */
	--pc-operator: #0f766e;
	--pv-operator:
		radial-gradient(circle, #3ee0a6 4px, transparent 4.5px) 18px 16px / 12px 12px no-repeat,
		radial-gradient(60% 90% at 78% 40%, rgba(94, 234, 212, .35), transparent 70%),
		radial-gradient(40% 80% at 10% 100%, rgba(35, 119, 255, .35), transparent 70%),
		linear-gradient(rgba(125, 211, 252, .08) 1px, transparent 1px) 0 0 / 16px 16px,
		linear-gradient(90deg, rgba(125, 211, 252, .08) 1px, transparent 1px) 0 0 / 16px 16px,
		linear-gradient(180deg, #040b18, #0a1d36);

	/* Mobil Oyun — gökyüzü, tepeler, altın para */
	--pc-games: #2f8f68;
	--pv-games:
		radial-gradient(circle, #fff6c8 0 3px, #f3d56b 3.5px 7px, #c9962c 7.5px 8.5px, transparent 9px) 72% 30% / 24px 24px no-repeat,
		radial-gradient(26px 13px at 22% 32%, #fff 98%, transparent 100%),
		radial-gradient(18px 10px at 16% 36%, #fff 98%, transparent 100%),
		radial-gradient(55% 75% at 30% 112%, #5cbf78 60%, transparent 61%),
		radial-gradient(45% 65% at 86% 118%, #4eae72 60%, transparent 61%),
		linear-gradient(180deg, #7eb6f0, #c5def8);

	/* Web / yazılım — tarayıcı penceresi */
	--pc-web: #155eef;
	--pv-web:
		radial-gradient(circle, #ff5f57 3.5px, transparent 4px) 14px 12px / 10px 10px no-repeat,
		radial-gradient(circle, #febc2e 3.5px, transparent 4px) 26px 12px / 10px 10px no-repeat,
		radial-gradient(circle, #28c840 3.5px, transparent 4px) 38px 12px / 10px 10px no-repeat,
		linear-gradient(#fff, #fff) 52px 6px / calc(100% - 66px) 12px no-repeat,
		linear-gradient(#e2e8f0, #e2e8f0) 0 24px / 100% 1px no-repeat,
		linear-gradient(#f1f5f9, #f1f5f9) 0 0 / 100% 24px no-repeat,
		linear-gradient(#dbe4f0, #dbe4f0) 20px 36px / 36% 8px no-repeat,
		linear-gradient(#e8eef6, #e8eef6) 20px 50px / 56% 5px no-repeat,
		linear-gradient(#dcfce7, #dcfce7) calc(100% - 20px) 36px / 44px 20px no-repeat,
		#fff;
}

/* Hakkımızda (uzmanlık) ve ana sayfa (çözümler): 1 PressGPT, 2 Yapay Zekâ, 3 Qlik, 4 Workspace, 5 Konuşma, 6 Operatör, 7 Oyun */
:is(.about-expertise__grid > a, .priority-grid--compact > .priority-card):nth-child(1) { --preview: var(--pv-pressgpt); --c: var(--pc-pressgpt); }
:is(.about-expertise__grid > a, .priority-grid--compact > .priority-card):nth-child(2) { --preview: var(--pv-ai); --c: var(--pc-ai); }
:is(.about-expertise__grid > a, .priority-grid--compact > .priority-card):nth-child(3) { --preview: var(--pv-qlik); --c: var(--pc-qlik); }
:is(.about-expertise__grid > a, .priority-grid--compact > .priority-card):nth-child(4) { --preview: var(--pv-workspace); --c: var(--pc-workspace); }
:is(.about-expertise__grid > a, .priority-grid--compact > .priority-card):nth-child(5) { --preview: var(--pv-speech); --c: var(--pc-speech); }
:is(.about-expertise__grid > a, .priority-grid--compact > .priority-card):nth-child(6) { --preview: var(--pv-operator); --c: var(--pc-operator); }
:is(.about-expertise__grid > a, .priority-grid--compact > .priority-card):nth-child(7) { --preview: var(--pv-games); --c: var(--pc-games); }

/* İletişim (konular): 1 PressGPT, 2 Yapay zekâ + veri, 3 Workspace, 4 Konuşma, 5 Operatör, 6 Yazılım, 7 Oyun */
.contact-topics__grid > a:nth-child(1) { --preview: var(--pv-pressgpt); --c: var(--pc-pressgpt); }
.contact-topics__grid > a:nth-child(2) { --preview: var(--pv-ai); --c: var(--pc-ai); }
.contact-topics__grid > a:nth-child(3) { --preview: var(--pv-workspace); --c: var(--pc-workspace); }
.contact-topics__grid > a:nth-child(4) { --preview: var(--pv-speech); --c: var(--pc-speech); }
.contact-topics__grid > a:nth-child(5) { --preview: var(--pv-operator); --c: var(--pc-operator); }
.contact-topics__grid > a:nth-child(6) { --preview: var(--pv-web); --c: var(--pc-web); }
.contact-topics__grid > a:nth-child(7) { --preview: var(--pv-games); --c: var(--pc-games); }

/* Blog notları: yazının konusu olan dünya (inc/helpers.php → medyasyon_post_world) */
.insight-world-pressgpt { --preview: var(--pv-pressgpt); --c: var(--pc-pressgpt); }
.insight-world-ai { --preview: var(--pv-ai); --c: var(--pc-ai); }
.insight-world-qlik { --preview: var(--pv-qlik); --c: var(--pc-qlik); }
.insight-world-workspace { --preview: var(--pv-workspace); --c: var(--pc-workspace); }
.insight-world-speech { --preview: var(--pv-speech); --c: var(--pc-speech); }
.insight-world-operator { --preview: var(--pv-operator); --c: var(--pc-operator); }
.insight-world-games { --preview: var(--pv-games); --c: var(--pc-games); }
.insight-world-web { --preview: var(--pv-web); --c: var(--pc-web); }

/* Görseli olmayan not kartı: üstte dünyanın şeridi, altta renkli zemin, köşede sıra numarası */
.insight-card.insight-world { transition: border-color .2s, box-shadow .3s, translate .3s cubic-bezier(.22, 1, .36, 1); }
.insight-card.insight-world:hover {
	border-color: color-mix(in srgb, var(--c) 45%, transparent);
	box-shadow: 0 28px 48px -34px color-mix(in srgb, var(--c) 70%, transparent);
}
.insight-card.insight-world .insight-card__media:not(:has(img)) {
	background: linear-gradient(180deg, color-mix(in srgb, var(--c) 9%, #fff), color-mix(in srgb, var(--c) 4%, #fff));
}
.insight-card.insight-world .insight-card__media:not(:has(img))::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 74px;
	border-bottom: 1px solid rgba(15, 39, 69, .08);
	content: "";
	background: var(--preview);
}
.insight-card.insight-world .insight-card__mark {
	place-items: end;
	padding: 0 22px 10px 0;
	color: color-mix(in srgb, var(--c) 32%, transparent);
	font-size: clamp(2.4rem, 4vw, 3.8rem);
}
.insight-card.insight-world .insight-card__ribbon {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--c);
}
.insight-card.insight-world .insight-card__ribbon::before {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	content: "";
	background: var(--c);
}
.insight-card--side.insight-world { box-shadow: inset 3px 0 0 var(--c); }
.insight-card--side.insight-world .insight-card__index { color: var(--c); }
.insight-card.insight-world .card__link { color: var(--c); }