/* ─── INVESTOR COIN – zdieľaný vizuál (nav aj hero) ───
   Používa: index.html, galeria.html, investori.html
   Veľkosť sa nastavuje na .dkart-investor-scene / .dkart-investor-coin,
   preto je ľahké pridať ďalší modifikátor (pozri .investor-hero-coin nižšie). */

.dkart-investor-entry{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
}
.dkart-investor-scene{width:30px;height:30px;perspective:500px;display:block;}
.dkart-investor-coin{
  position:relative;display:block;width:30px;height:30px;
  transform-style:preserve-3d;
  animation:dkartInvestorSpin 6.2s cubic-bezier(.55,.08,.22,.99) infinite;
  filter:drop-shadow(0 0 3px rgba(255,198,59,.44)) drop-shadow(0 3px 6px rgba(0,0,0,.36));
}
.dkart-investor-face{
  position:absolute;inset:0;display:grid;place-items:center;
  backface-visibility:hidden;
}
.dkart-investor-front{transform:translateZ(1px);}
.dkart-investor-back{transform:rotateY(180deg) translateZ(1px);}
.dkart-investor-icon{width:30px;height:auto;display:block;position:relative;z-index:2;}
.dkart-investor-label{
  font-family:'Oswald',sans-serif;
  font-size:10.2px;font-weight:600;letter-spacing:.6px;
  text-transform:uppercase;
  color:#FFE3A3;
  white-space:nowrap;
  line-height:1;
}
.dkart-investor-entry:hover .dkart-investor-coin,
.dkart-investor-entry:focus-visible .dkart-investor-coin{
  animation-play-state:paused;
  transform:rotateY(18deg) scale(1.08);
}
@keyframes dkartInvestorSpin{
  0%,56%{transform:rotateY(0deg);}
  70%{transform:rotateY(180deg);}
  86%{transform:rotateY(360deg);}
  100%{transform:rotateY(360deg);}
}
@media (prefers-reduced-motion: reduce){
  .dkart-investor-coin{animation:none !important;}
}
@media (max-width:640px){
  .dkart-investor-entry{ transform: translateX(-2cm); }
}

/* ─── Veľká varianta pre hero investorskej sekcie ─── */
.investor-hero-coin .dkart-investor-scene{width:110px;height:110px;}
.investor-hero-coin .dkart-investor-coin{
  width:110px;height:110px;
  filter:drop-shadow(0 0 8px rgba(255,198,59,.5)) drop-shadow(0 8px 18px rgba(0,0,0,.4));
}
.investor-hero-coin .dkart-investor-icon{width:82px;height:auto;}

/* Dočasne skryté na želanie – tlačidlo "Pre investorov" v hlavičke aj
   karta s ikonou v hero sekcii investori.html. Markup ostáva nedotknutý,
   len sa nezobrazuje (pre jednoduché vrátenie stačí zmazať toto pravidlo). */
.dkart-investor-entry,
.investor-hero-coin{
  display:none;
}