/* Light/dark theme, entrance animation, gallery + lightbox */
:root{--hdr:rgba(15,28,46,.92);color-scheme:dark;}
:root[data-thesi=light]{--navy:#F4F5F0;--navy2:#fff;--paper:#10151B;--line:rgba(16,21,27,.14);--hdr:rgba(244,245,240,.92);color-scheme:light;}
header.pano{background:var(--hdr)!important;}
body{transition:background-color .25s,color .25s;}
[data-thesi=light] .sima.home{background:rgba(14,124,123,.14);color:#0a5f5e;}
[data-thesi=light] .sima.away{background:rgba(242,169,59,.28);color:#8a5a06;}
[data-thesi=light] .skor .win{color:#178a4c;}
[data-thesi=light] .skor .loss{color:#c0392b;}
[data-thesi=light] .skor .draw{color:#6b7280;}
.epomeni-karta,.epomeni-karta *{color:#fff;}
mark{color:#10151B;}
#perissoteresFotografies{color:#10151B!important;}
.koympi-theme{background:none;border:1px solid var(--line);color:var(--paper);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:15px;margin-left:16px;vertical-align:middle;}
.koympi-theme:hover{border-color:var(--amber);color:var(--amber);}
/* ===== Shockwave theme transition ===== */
.kyma-thematos{
  position:fixed;
  border-radius:50%;
  pointer-events:none;
  z-index:9998;
  transform:translate(-50%,-50%) scale(0);
  opacity:.9;
  will-change:transform,opacity;
}
@keyframes kyma-kinisi{
  0%   { transform:translate(-50%,-50%) scale(0); opacity:.9; }
  55%  { opacity:.6; }
  100% { transform:translate(-50%,-50%) scale(1); opacity:0; }
}
/* Smooth background/color cross-fade while the ripple paints */
html.kyma-energo body{ transition:background-color .4s ease, color .4s ease; }
/* Lock scroll so nothing jumps during the ripple */
html.kyma-energo{ overflow:hidden; }
@keyframes anadysi{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.iroas .iroas-etiketa,.iroas h1,.iroas .ypotitlos,.iroas .epomeni-karta{animation:anadysi .6s cubic-bezier(.2,.7,.2,1) both;}
.iroas h1{animation-delay:.08s;} .iroas .ypotitlos{animation-delay:.16s;} .iroas .epomeni-karta{animation-delay:.26s;}
#listaEperxomenon,#listaApotelesmaton{animation:anadysi .3s ease both;}

.gkaleri{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
@media(min-width:640px){.gkaleri{grid-template-columns:repeat(4,1fr);}}
.gkaleri button{padding:0;border:0;background:var(--navy2);border-radius:6px;overflow:hidden;cursor:pointer;aspect-ratio:4/3;display:block;}
.gkaleri img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.gkaleri button:hover img{transform:scale(1.05);}
@keyframes xethoriasma{from{opacity:0;}}
@keyframes anapidisi{from{opacity:0;transform:scale(.97);}}
#foteinoKouti{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100%;height:100%;color:#fff;}
#foteinoKouti::backdrop{background:rgba(0,0,0,.9);}
#foteinoKouti[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:xethoriasma .2s ease;}
#foteinoKouti img{max-width:94vw;max-height:78vh;object-fit:contain;border-radius:4px;animation:anapidisi .25s ease;}
#foteinoKouti .lekianta{margin-top:12px;font-size:14px;opacity:.85;text-align:center;padding:0 60px;min-height:1.3em;}
.koympi-foteinou{position:absolute;background:rgba(255,255,255,.14);border:0;color:#fff;width:44px;height:44px;border-radius:50%;font-size:22px;cursor:pointer;}
.koympi-foteinou:hover{background:rgba(255,255,255,.28);}
.koympi-proigoumeno{left:12px;top:50%;} .koympi-epomeno{right:12px;top:50%;}
.koympi-kleisimo{right:12px;top:calc(12px + env(safe-area-inset-top,0px));}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}

/* match rows that expand to their video */
.stoixeio-agona{border-bottom:1px solid var(--line);} .stoixeio-agona:last-child{border-bottom:none;}
.stoixeio-agona .grammi-agona{border-bottom:none;}
.grammi-agona.exei-vinteo{cursor:pointer;}
.grammi-agona.exei-vinteo:hover .antipalos-agona{color:var(--amber);}
.velaki{opacity:.6;transition:transform .2s;margin-left:6px;flex-shrink:0;}
.stoixeio-agona.anoikto .velaki{transform:rotate(180deg);}
.sima.vid{background:rgba(242,169,59,.18);color:var(--amber);margin-left:4px;}
.vinteo-agona{padding:0 0 16px;animation:anadysi .25s ease both;}
.vinteo-agona video{width:100%;max-height:420px;background:#000;border-radius:6px;display:block;}