/* ============================================================================
   Donanım Akademi — SHINE EFEKTLERİ (handoff §7)

   İki varyant:
     [data-shine]      → hover'da tek seferlik ışık süzülmesi (~1.15s)
     [data-shine-loop] → sürekli döngü (~8.5s) — E-Devlet bandı

   Envanterde 8 dosyada birbirinden hafif sapmış kopyalar bulundu; burada
   tam (en zengin) sürüme normalize edilmiştir.
   ========================================================================== */

.da-app [data-shine] {
	position: relative;
	overflow: hidden;
	transition: transform .4s cubic-bezier(.22,.61,.36,1),
	            box-shadow .4s ease,
	            background .35s ease;
}
.da-app [data-shine]::before {
	content: "";
	position: absolute;
	top: 0;
	left: -150%;
	width: 70%;
	height: 100%;
	background: linear-gradient(115deg, transparent, rgba(255,255,255,.32), transparent);
	transform: skewX(-16deg);
	pointer-events: none;
	transition: left 1.15s cubic-bezier(.33,.05,.2,1);
	z-index: 1;
}
.da-app [data-shine]:hover::before { left: 160%; }
.da-app [data-shine]:hover  { transform: translateY(-1px); }
.da-app [data-shine]:active { transform: translateY(0) scale(.992); }

.da-app [data-shine-loop] {
	position: relative;
	overflow: hidden;
}
.da-app [data-shine-loop]::before {
	content: "";
	position: absolute;
	top: 0;
	left: -160%;
	width: 60%;
	height: 100%;
	background: linear-gradient(115deg, transparent, rgba(255,255,255,.28), transparent);
	transform: skewX(-16deg);
	pointer-events: none;
	animation: daShine 8.5s ease-in-out infinite;
	z-index: 1;
}

@keyframes daShine {
	0%   { left: -160%; }
	42%  { left: 170%; }
	100% { left: 170%; }
}

/* Shine'ın üstünde kalması gereken içerik */
.da-app [data-shine] > *,
.da-app [data-shine-loop] > * { position: relative; z-index: 2; }

@media (prefers-reduced-motion: reduce) {
	.da-app [data-shine]::before,
	.da-app [data-shine-loop]::before { display: none; }
	.da-app [data-shine]:hover,
	.da-app [data-shine]:active { transform: none; }
}