/* Filtre-etki onizlemesi (panolar icin ortak) — davranis: bilesenler/filtre-odak.js.
   Etkilenmeyen kartlar solar, etkilenenler cerceve alir. Opacity uzerinden calisir:
   layout kaymaz, kartlar yerinde durur. */

/* Gorunum modul token'ina bagli DEGIL: her modul golgeyi baska adla tanimlamis
   (--tile-shadow-hover / --tile-shadow-h). Tanimsiz var() fallback'siz kullanilirsa
   deklarasyonun tamami duser — cerceve de golge de kaybolur. */
:root {
    --p360-odak-golge: 0 2px 4px rgba(0,0,0,.05), 0 16px 36px rgba(20,28,48,.12);
}

body[data-theme="dark"] {
    --p360-odak-golge: 0 2px 6px rgba(0,0,0,.5), 0 18px 40px rgba(0,0,0,.6);
}

[data-filtre-kok].p360-odak [data-filtre] {
    opacity: .3;
    transition: opacity .16s ease;
}

[data-filtre-kok].p360-odak [data-filtre].p360-odak-etkili {
    opacity: 1;
    box-shadow: 0 0 0 1.5px var(--accent, #007AFF), var(--p360-odak-golge);
}

/* Odak acikken kart hover'inin yukselme efekti kapanir — iki hareket ust uste binmesin. */
[data-filtre-kok].p360-odak [data-filtre]:hover { transform: none; }

@media (prefers-reduced-motion: reduce) {
    [data-filtre-kok].p360-odak [data-filtre] { transition: none; }
}