/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/

/* ===== Premium card: breathing gold glow behind the logo ===== */
@keyframes yvGoldBreath {
  0%, 100% { opacity: .45; transform: scale(.88); }
  50%      { opacity: 1;   transform: scale(1.14); }
}
.yv-gold-glow {
  width: 158px;
  height: 158px;
  border-radius: 9999px;
  background: radial-gradient(circle,
    rgba(255,205,100,.60) 0%,
    rgba(245,165,35,.30) 38%,
    rgba(245,165,35,0) 70%);
  filter: blur(20px);
  animation: yvGoldBreath 3.6s ease-in-out infinite;
  pointer-events: none;
  will-change: transform, opacity;
}

/* Indigo breathing glow (configurator, Standard tier) */
.yv-indigo-glow {
  width: 158px;
  height: 158px;
  border-radius: 9999px;
  background: radial-gradient(circle,
    rgba(130,95,255,.50) 0%,
    rgba(100,60,235,.18) 40%,
    rgba(100,60,235,0) 70%);
  filter: blur(22px);
  animation: yvGoldBreath 3.6s ease-in-out infinite;
  pointer-events: none;
}

/* Pricing cards: lift on hover; Premium (yv-pc-3) glows GOLD */
.yv-pc { transition: transform .25s ease, box-shadow .25s ease; }
.yv-pc:hover { transform: translateY(-6px); }
.yv-pc-3 { box-shadow: 0 0 60px -16px rgba(255,255,255,.22); }
.yv-pc-3:hover { box-shadow: 0 0 90px -10px rgba(255,255,255,.34); }

/* White breathing glow (Premium logo) */
.yv-white-glow {
  width: 158px;
  height: 158px;
  border-radius: 9999px;
  background: radial-gradient(circle, rgba(255,255,255,.42) 0%, rgba(255,255,255,.12) 40%, rgba(255,255,255,0) 70%);
  filter: blur(22px);
  animation: yvGoldBreath 3.6s ease-in-out infinite;
  pointer-events: none;
}

/* Toggle durée : arrondi + reset forcés (battent toute règle de thème) */
.yv-durpill {
  border-radius: 9999px !important;
}
.yv-durpill,
.yv-durpill:hover,
.yv-durpill:focus,
.yv-durpill:focus-visible,
.yv-durpill:active {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* Respiration du logo Premium, synchronisée avec le glow (même 3.6s, pic à 50%) */
@keyframes yvLogoBreath {
  0%, 100% { transform: scale(.955); }
  50%      { transform: scale(1.06); }
}
.yv-logo-breath {
  animation: yvLogoBreath 3.6s ease-in-out infinite;
  transform-origin: center center;
  transform-box: fill-box;
}

/* Bouton "Télécharger YouVPN PC" (dashboard) — effet de survol visible :
   soulèvement + halo violet assorti à l'accent. Défini ici car built.css est purgé. */
.yv-dl-btn {
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  will-change: transform;
}
.yv-dl-btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow: 0 12px 30px -8px rgba(var(--cl-accent), .75);
}
.yv-dl-btn:active {
  transform: translateY(0);
  filter: brightness(1);
}