/* =========================================================
   VELAEA Central Package Status Component
   One visual standard for Pro / Free / Expired / Loading / Unavailable.
   ========================================================= */
.velaea-package-status{
  --velaea-package-bg-start:#f6d77a;
  --velaea-package-bg-end:#dca72a;
  --velaea-package-text:#263247;
  --velaea-package-shadow:rgba(166,108,12,.13);
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:88px;
  min-height:28px;
  padding:6px 14px;
  overflow:hidden;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,var(--velaea-package-bg-start),var(--velaea-package-bg-end));
  color:var(--velaea-package-text);
  box-shadow:0 4px 10px var(--velaea-package-shadow);
  font-size:10px;
  font-weight:950;
  line-height:1;
  letter-spacing:.02em;
  white-space:nowrap;
  text-transform:none;
  contain:layout paint;
  vertical-align:middle;
}
.velaea-package-status__label{
  /* Defensive reset: parent templates must never turn the inner label into a second pill. */
  display:block!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:inherit!important;
  font:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-transform:none!important;
}
.velaea-package-status[data-package-state="pro"]{
  --velaea-package-bg-start:#f6d77a;
  --velaea-package-bg-end:#dca72a;
  --velaea-package-text:#263247;
  --velaea-package-shadow:rgba(166,108,12,.13);
}
.velaea-package-status[data-package-state="free"]{
  --velaea-package-bg-start:#c9f2d3;
  --velaea-package-bg-end:#76cf91;
  --velaea-package-text:#174b2a;
  --velaea-package-shadow:rgba(41,141,74,.12);
}
.velaea-package-status[data-package-state="expired"]{
  --velaea-package-bg-start:#ffd6d9;
  --velaea-package-bg-end:#ef8d96;
  --velaea-package-text:#7f1e29;
  --velaea-package-shadow:rgba(174,51,63,.12);
}
.velaea-package-status[data-package-state="unavailable"]{
  --velaea-package-bg-start:#eee8dc;
  --velaea-package-bg-end:#ddd4c2;
  --velaea-package-text:#6e6658;
  --velaea-package-shadow:transparent;
}
.velaea-package-status[data-package-state="loading"]{
  pointer-events:none;
  cursor:default;
  color:transparent;
  background:linear-gradient(135deg,rgba(250,221,133,.96),rgba(220,167,42,.96));
  box-shadow:0 5px 14px rgba(166,108,12,.14),inset 0 1px 0 rgba(255,255,255,.52);
}
.velaea-package-status[data-package-state="loading"] .velaea-package-status__label{
  display:none!important;
}
.velaea-package-status[data-package-state="loading"]::before{
  content:"";
  width:16px;
  height:16px;
  border-radius:999px;
  background:conic-gradient(
    from 0deg,
    rgba(79,53,7,.18) 0deg,
    rgba(79,53,7,.18) 72deg,
    rgba(79,53,7,.78) 170deg,
    rgba(255,255,255,.86) 250deg,
    rgba(79,53,7,.18) 360deg
  );
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);
  animation:velaeaPackageOrbit 1s linear infinite;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.28));
}
.velaea-package-status[data-package-state="loading"]::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:linear-gradient(
    108deg,
    transparent 18%,
    rgba(255,255,255,.20) 40%,
    rgba(255,255,255,.52) 50%,
    rgba(255,255,255,.14) 62%,
    transparent 82%
  );
  transform:translateX(-135%);
  animation:velaeaPackageLightSweep 1.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes velaeaPackageOrbit{
  to{transform:rotate(360deg)}
}
@keyframes velaeaPackageLightSweep{
  0%,28%{transform:translateX(-135%);opacity:0}
  42%{opacity:1}
  72%,100%{transform:translateX(135%);opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .velaea-package-status[data-package-state="loading"]::before{
    animation:none;
    transform:rotate(36deg);
  }
  .velaea-package-status[data-package-state="loading"]::after{
    animation:none;
    opacity:.22;
    transform:none;
  }
}


/* Compact topbar membership tier. The full component remains available on service pages. */
.velaea-package-status--compact{
  min-width:0;
  min-height:18px;
  height:18px;
  padding:3px 7px;
  border-radius:999px;
  font-size:8px;
  line-height:1;
  letter-spacing:.04em;
  box-shadow:0 3px 8px var(--velaea-package-shadow);
  flex:0 0 auto;
  contain:layout paint;
}
.velaea-package-status--compact[data-package-state="loading"]{
  width:30px;
  min-width:30px;
  padding:0;
}
.velaea-package-status--compact[data-package-state="loading"]::before{
  width:11px;
  height:11px;
}
