/* ===== UNIFIED SKILLET-STYLE HOVER ===== */

:root {
  --hover-ease: cubic-bezier(.22, 1, .36, 1);
  --hover-dur: 0.9s;
  --hover-dur-fast: 0.75s;
}

a.logo {
  text-decoration: none;
  color: var(--orange, #ff8a00);
  display: inline-block;
}

/* HOME cards – jemný náklon zůstává */
.card,
.youtube-card,
.kick-card {
  transform: perspective(900px) rotateY(-6deg) rotateZ(-1deg) scale(1);
  transition:
    transform var(--hover-dur) var(--hover-ease),
    box-shadow var(--hover-dur) ease,
    border-color 0.7s ease,
    background 0.7s ease,
    filter var(--hover-dur) ease !important;
  transform-style: preserve-3d;
  position: relative;
  overflow: hidden;
}

.card:hover,
.youtube-card:hover,
.kick-card:hover {
  transform: perspective(900px) rotateY(0deg) rotateZ(0deg) scale(1.06) translateY(-8px) !important;
  filter: brightness(1.04);
}

/* COMMANDS + SHOP – BEZ náklonu, jen scale + lift */
.command-card,
.product-card,
.stat,
.secret-card,
.shop-info {
  transform: none;
  transition:
    transform var(--hover-dur-fast) var(--hover-ease),
    box-shadow var(--hover-dur-fast) ease,
    border-color 0.55s ease,
    background 0.55s ease,
    filter var(--hover-dur-fast) ease !important;
  position: relative;
  overflow: hidden;
}

.command-card:hover,
.product-card:hover,
.stat:hover,
.secret-card:hover,
.shop-info:hover {
  transform: scale(1.04) translateY(-6px) !important;
  filter: brightness(1.04);
}

.shop-info:hover {
  box-shadow: 0 14px 36px rgba(255, 140, 0, 0.22) !important;
  border-color: rgba(255, 140, 0, 0.5) !important;
  background: rgba(255, 140, 0, 0.12) !important;
}

.copy,
.favorite,
.copy-product,
.category,
.buttons button,
.tag {
  transition:
    transform var(--hover-dur-fast) var(--hover-ease),
    box-shadow var(--hover-dur-fast) ease,
    background 0.55s ease,
    color 0.5s ease,
    filter var(--hover-dur-fast) ease !important;
}

.copy:hover,
.favorite:hover,
.copy-product:hover,
.category:hover,
.buttons button:hover,
.tag:hover {
  transform: translateY(-4px) scale(1.07) !important;
}

/* CONTACT – BEZ náklonu */
.contact-card {
  transform: none;
  transition:
    transform var(--hover-dur-fast) var(--hover-ease),
    box-shadow var(--hover-dur-fast) ease !important;
}

.contact-card:hover {
  transform: scale(1.03) translateY(-6px) !important;
}

.contact-option {
  display: flex;
  transform: none !important;
  transition:
    transform var(--hover-dur-fast) var(--hover-ease),
    box-shadow var(--hover-dur-fast) ease,
    background 0.55s ease,
    border-color 0.55s ease !important;
  will-change: transform;
}

.contact-option:hover {
  transform: scale(1.04) translateY(-5px) !important;
  background: #252525 !important;
  border-color: rgba(255, 140, 0, 0.4) !important;
  box-shadow: 0 14px 32px rgba(255, 140, 0, 0.18);
}

.contact-option:active {
  transform: scale(0.97) !important;
  transition-duration: 0.12s !important;
}

/* MERCH – BEZ náklonu */
.merch-hero {
  transform: none;
  transition:
    transform var(--hover-dur-fast) var(--hover-ease),
    box-shadow var(--hover-dur-fast) ease,
    border-color 0.55s ease !important;
  cursor: default;
}

.merch-hero:hover {
  transform: scale(1.03) translateY(-6px) !important;
  box-shadow: 0 24px 55px rgba(255, 140, 0, 0.2) !important;
  border-color: rgba(255, 140, 0, 0.35) !important;
}

/* HOME / global buttons */
.hero-buttons a,
.contact-button,
.youtube-card a,
.kick-card a,
.logo {
  transition:
    transform var(--hover-dur) var(--hover-ease),
    box-shadow var(--hover-dur) ease,
    background 0.7s ease,
    color 0.6s ease,
    filter var(--hover-dur) ease,
    text-shadow 0.7s ease !important;
}

.hero-buttons a:hover,
.contact-button:hover,
.youtube-card a:hover,
.kick-card a:hover {
  transform: translateY(-4px) scale(1.08) !important;
}

.logo:hover {
  transform: scale(1.1) !important;
  text-shadow: 0 0 22px rgba(255, 138, 0, 0.55);
}

.nav-links a {
  transition:
    color 0.6s ease,
    transform var(--hover-dur) var(--hover-ease),
    letter-spacing var(--hover-dur) ease !important;
}

.nav-links a:hover {
  transform: translateY(-3px) scale(1.05) !important;
  letter-spacing: 0.4px;
}

.hero-buttons a:active,
.contact-button:active,
.youtube-card a:active,
.kick-card a:active,
.copy:active,
.favorite:active,
.copy-product:active,
.category:active,
.buttons button:active,
.card:active,
.command-card:active,
.product-card:active {
  transform: scale(0.96) translateY(0) !important;
  transition-duration: 0.12s !important;
}

/* ===== SHINE / GLOW ===== */

.card::after,
.youtube-card::after,
.kick-card::after,
.command-card::after,
.product-card::after,
.shop-info::after {
  content: "";
  position: absolute;
  top: 0;
  left: -40%;
  width: 40%;
  height: 100%;
  background: linear-gradient(
    105deg,
    transparent,
    rgba(255, 255, 255, 0.06),
    transparent
  );
  pointer-events: none;
  transition: left 1.2s var(--hover-ease);
  z-index: 1;
}

.card:hover::after,
.youtube-card:hover::after,
.kick-card:hover::after,
.command-card:hover::after,
.product-card:hover::after,
.shop-info:hover::after {
  left: 120%;
}

.card::before {
  transition: height 0.7s var(--hover-ease), box-shadow 0.7s ease;
}

.card:hover::before {
  height: 6px;
  box-shadow: 0 0 18px rgba(255, 138, 0, 0.55);
}

.kick-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #53FC18;
  transition: height 0.7s var(--hover-ease), box-shadow 0.7s ease;
  z-index: 2;
}

.kick-card:hover::before {
  height: 6px;
  box-shadow: 0 0 18px rgba(83, 252, 24, 0.55);
}

.command-card::before {
  transition: height 0.55s ease, box-shadow 0.55s ease;
}

.command-card:hover::before {
  height: 6px;
  box-shadow: 0 0 16px rgba(83, 252, 24, 0.5);
}

.product-card::before {
  transition: height 0.55s ease, box-shadow 0.55s ease;
}

.product-card:hover::before {
  height: 5px;
  box-shadow: 0 0 16px rgba(255, 140, 0, 0.5);
}

.hero-buttons a,
.contact-button,
.youtube-card a,
.kick-card a,
.copy,
.favorite,
.copy-product {
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.hero-buttons a::before,
.contact-button::before,
.youtube-card a::before,
.kick-card a::before,
.copy::before,
.favorite::before,
.copy-product::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.28),
    transparent
  );
  transition: left 1s var(--hover-ease);
  z-index: -1;
}

.hero-buttons a:hover::before,
.contact-button:hover::before,
.youtube-card a:hover::before,
.kick-card a:hover::before,
.copy:hover::before,
.favorite:hover::before,
.copy-product:hover::before {
  left: 130%;
}

.live-update {
  animation: livePulse 2.8s ease-in-out infinite;
}

@keyframes livePulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.55; }
}

.about h2,
.youtube h2,
.kick h2 {
  position: relative;
  display: inline-block;
}

.about h2::after,
.youtube h2::after,
.kick h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  width: 0;
  height: 3px;
  border-radius: 3px;
  background: currentColor;
  transform: translateX(-50%);
  transition: width 0.85s var(--hover-ease);
  opacity: 0.85;
}

.about:hover h2::after,
.youtube:hover h2::after,
.kick:hover h2::after {
  width: 56%;
}

.hero-avatar,
.hero-right img {
  transition:
    transform 0.9s var(--hover-ease),
    filter 0.9s ease !important;
}

.hero-avatar-wrap:hover img,
.hero-avatar:hover,
.hero-right img:hover {
  transform: perspective(1200px) rotateY(0deg) rotateZ(0deg) scale(1.12) !important;
  filter: drop-shadow(0 42px 60px rgba(255, 138, 0, 0.32)) !important;
}

.card h3 {
  display: inline-block;
  transition: transform 0.7s var(--hover-ease);
}

.card:hover h3 {
  transform: scale(1.06);
}

.latest-video-play {
  animation: playPulse 3.2s ease-in-out infinite;
}

@keyframes playPulse {
  0%, 100% {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 0 0 rgba(255, 0, 0, 0.35);
  }
  50% {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 0 12px rgba(255, 0, 0, 0);
  }
}

.latest-video-card:hover .latest-video-play {
  animation: none;
}

.product-image img {
  transition: transform 0.75s var(--hover-ease), filter 0.65s ease !important;
}

.product-card:hover .product-image img {
  transform: scale(1.1) !important;
  filter: brightness(1.06);
}

a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--orange, #ff8a00);
  outline-offset: 3px;
}

#toast.show {
  animation: toastPop 0.75s var(--hover-ease);
}

@keyframes toastPop {
  0% { transform: translateX(-50%) translateY(140%); opacity: 0; }
  60% { transform: translateX(-50%) translateY(-6px); opacity: 1; }
  100% { transform: translateX(-50%) translateY(0); opacity: 1; }
}

#shopToast.show {
  animation: shopToastPop 0.75s var(--hover-ease);
}

@keyframes shopToastPop {
  0% { transform: translateX(-50%) translateY(140%); opacity: 0; }
  60% { transform: translateX(-50%) translateY(-6px); opacity: 1; }
  100% { transform: translateX(-50%) translateY(0); opacity: 1; }
}

.category:hover {
  box-shadow: 0 8px 22px rgba(83, 252, 24, 0.25);
}