/* =============================================================
   Teams — premium refonte styles, inspired by Atmosphere.
   Scoped to .wc-page.wc-teams-v2.wc-teams-premium
   ============================================================= */

.wc-teams-premium {
  --tm-accent: #0fb87a;
  --tm-accent-2: #1e6fe0;
  --tm-ink: #0d0d10;
  --tm-paper: #faf8f3;
}

/* Shared editorial typography */
.wc-teams-premium .tm-kicker {
  display:inline-block; font-size:.78rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--tm-accent); font-weight:700;
  margin-bottom:.6rem;
}
.wc-teams-premium .tm-kicker--light { color:#a7f3d0; }
.wc-teams-premium .tm-display {
  font-size: clamp(2rem, 4.4vw, 3.4rem); line-height:1.05;
  font-weight:800; letter-spacing:-.02em; margin:.2rem 0 1rem;
}
.wc-teams-premium .tm-section-head { max-width:780px; margin:0 auto 1.6rem; text-align:center; padding:0 1rem; }
.wc-teams-premium .tm-section-title { font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight:800; letter-spacing:-.015em; margin:.1rem 0 .8rem; }
.wc-teams-premium .tm-section-lead { font-size:1.02rem; line-height:1.65; color:var(--wc-text-soft, #444); }
.wc-teams-premium .tm-lead { font-size:1.08rem; line-height:1.7; max-width:62ch; color:var(--wc-text, #222); }

/* --- Editorial intro --- */
.wc-teams-premium .tm-intro { padding:3rem 1.25rem 1.5rem; max-width:1100px; margin:0 auto; }
.wc-teams-premium .tm-stats { list-style:none; padding:0; margin:1.6rem 0 0; display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); }
.wc-teams-premium .tm-stat { background:var(--tm-paper); border:1px solid rgba(0,0,0,.06); border-radius:14px; padding:1.2rem 1.3rem; }
.wc-teams-premium .tm-stat b { display:block; font-size:2rem; font-weight:800; color:var(--tm-accent); line-height:1; }
.wc-teams-premium .tm-stat span { display:block; margin-top:.4rem; font-size:.92rem; color:var(--wc-text-soft, #555); }

/* --- Confederation cinematic bands --- */
.wc-teams-premium .tm-conf { position:relative; min-height:460px; padding:3rem 1.5rem 2.5rem; color:#fff; overflow:hidden; margin:1.5rem 0; }
.wc-teams-premium .tm-conf-cover { position:absolute; inset:0; }
.wc-teams-premium .tm-conf--uefa     .tm-conf-cover { background:
  radial-gradient(circle at 18% 22%, rgba(255,255,255,.18) 0, transparent 40%),
  radial-gradient(circle at 82% 80%, rgba(255,255,255,.12) 0, transparent 45%),
  linear-gradient(120deg, #0a1a4a 0%, #1e6fe0 60%, #2a8cff 100%);
}
.wc-teams-premium .tm-conf--conmebol .tm-conf-cover { background:
  radial-gradient(circle at 80% 25%, rgba(255,255,255,.18) 0, transparent 40%),
  radial-gradient(circle at 12% 80%, rgba(0,0,0,.25) 0, transparent 45%),
  linear-gradient(120deg, #073d2a 0%, #0fb87a 60%, #f0d000 100%);
}
.wc-teams-premium .tm-conf--caf      .tm-conf-cover { background:
  radial-gradient(circle at 25% 30%, rgba(255,255,255,.16) 0, transparent 45%),
  radial-gradient(circle at 75% 75%, rgba(0,0,0,.3) 0, transparent 45%),
  linear-gradient(120deg, #4a1500 0%, #c8530c 50%, #e0a615 100%);
}
.wc-teams-premium .tm-conf-shade { position:absolute; inset:0; background:linear-gradient(120deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.15) 60%, rgba(0,0,0,.1) 100%); }
.wc-teams-premium .tm-conf-inner { position:relative; max-width:1100px; margin:0 auto; display:grid; gap:1.4rem; }
.wc-teams-premium .tm-conf-title { font-size: clamp(2.2rem, 4.6vw, 3.6rem); font-weight:900; letter-spacing:-.02em; margin:0; line-height:1; }
.wc-teams-premium .tm-conf-sub { font-size:1.05rem; line-height:1.6; max-width:60ch; margin:0; opacity:.95; }
.wc-teams-premium .tm-triptych { display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); margin-top:.6rem; }
.wc-teams-premium .tm-triptych-card { background:rgba(255,255,255,.08); backdrop-filter: blur(6px); border:1px solid rgba(255,255,255,.14); border-radius:14px; padding:1rem 1.1rem; }
.wc-teams-premium .tm-triptych-label { font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; margin:0 0 .4rem; opacity:.85; font-weight:700; }
.wc-teams-premium .tm-triptych-card p { margin:0; font-size:.94rem; line-height:1.6; }
.wc-teams-premium .tm-conf-stats { display:flex; flex-wrap:wrap; gap:1.5rem; padding:1rem 0 0; border-top:1px solid rgba(255,255,255,.18); margin-top:.4rem; }
.wc-teams-premium .tm-conf-stat b { display:block; font-size:1.8rem; font-weight:800; line-height:1; }
.wc-teams-premium .tm-conf-stat span { display:block; font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; opacity:.85; margin-top:.25rem; }
.wc-teams-premium .tm-conf-cta { display:inline-flex; align-items:center; gap:.5rem; margin-top:.4rem; padding:.85rem 1.4rem; background:#fff; color:#111; border-radius:999px; font-weight:700; text-decoration:none; transition:transform .25s ease; align-self:flex-start; }
.wc-teams-premium .tm-conf-cta:hover { transform: translateY(-2px); }

/* --- Travel essentials trio --- */
.wc-teams-premium .tm-essentials { padding:3rem 1.25rem; max-width:1200px; margin:0 auto; }
.wc-teams-premium .tm-essentials-grid { display:grid; gap:1.2rem; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.wc-teams-premium .tm-ess-card { display:flex; flex-direction:column; gap:.5rem; padding:1.6rem 1.5rem; border-radius:20px; text-decoration:none; color:#fff; min-height:240px; position:relative; overflow:hidden; transition: transform .3s ease, box-shadow .3s ease; }
.wc-teams-premium .tm-ess-card:hover { transform: translateY(-4px); box-shadow:0 20px 50px -22px rgba(0,0,0,.4); }
.wc-teams-premium .tm-ess-card--tickets { background:linear-gradient(135deg, #0c2340 0%, #2d8a9e 100%); }
.wc-teams-premium .tm-ess-card--stays   { background:linear-gradient(135deg, #6b3a2a 0%, #e8b84a 100%); }
.wc-teams-premium .tm-ess-card--gear    { background:linear-gradient(135deg, #1a3c2a 0%, #5a8a5c 100%); }
.wc-teams-premium .tm-ess-icon { font-size:2rem; }
.wc-teams-premium .tm-ess-title { font-size:1.3rem; font-weight:800; margin:.2rem 0 .2rem; }
.wc-teams-premium .tm-ess-body { font-size:.95rem; line-height:1.55; margin:0; opacity:.95; flex:1; }
.wc-teams-premium .tm-ess-cta { font-weight:700; margin-top:.6rem; }

/* --- Trending chips --- */
.wc-teams-premium .tm-trending { padding:2.5rem 1.25rem; max-width:1100px; margin:0 auto; }
.wc-teams-premium .tm-trending-hint { text-align:center; font-size:.85rem; color:var(--wc-text-soft, #888); margin:0 0 1.2rem; }
.wc-teams-premium .tm-chips { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:.6rem; justify-content:center; }
.wc-teams-premium .tm-chip { display:inline-flex; align-items:center; gap:.4rem; padding:.55rem 1rem; background:var(--wc-card, #fff); border:1px solid var(--wc-border, rgba(0,0,0,.1)); border-radius:999px; color:var(--wc-text, #111); text-decoration:none; font-size:.92rem; font-weight:600; transition: all .2s ease; }
.wc-teams-premium .tm-chip:hover { background:var(--tm-accent); color:#fff; border-color:var(--tm-accent); transform: translateY(-1px); }

/* --- Editorial storylines, card layout --- */
.wc-teams-premium .tm-stories { padding:3rem 1.25rem; max-width:1200px; margin:0 auto; }
.wc-teams-premium .tm-story-grid { display:grid; gap:1.2rem; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); margin-top:1.6rem; }
.wc-teams-premium .tm-story-card { background:var(--wc-card, #fff); border:1px solid var(--wc-border, rgba(0,0,0,.08)); border-radius:18px; padding:1.6rem 1.5rem; position:relative; overflow:hidden; transition:transform .25s ease, box-shadow .25s ease; }
.wc-teams-premium .tm-story-card:hover { transform:translateY(-3px); box-shadow:0 18px 40px -20px rgba(8,15,35,.25); }
.wc-teams-premium .tm-story-card::before { content:''; position:absolute; top:0; left:0; width:3px; height:100%; background:var(--tm-accent); }
.wc-teams-premium .tm-story-card--arg::before { background:#75aadb; }
.wc-teams-premium .tm-story-card--africa::before { background:#e0a615; }
.wc-teams-premium .tm-story-card--hosts::before { background:#1e6fe0; }
.wc-teams-premium .tm-story-emoji { font-size:2rem; line-height:1; margin-bottom:.6rem; }
.wc-teams-premium .tm-story-h { font-size:1.2rem; font-weight:800; margin:.2rem 0 .5rem; color:var(--wc-text); letter-spacing:-.01em; }
.wc-teams-premium .tm-story-p { font-size:.95rem; line-height:1.6; color:var(--wc-text-soft, #555); margin:0; }

/* --- Final CTA band --- */
.wc-teams-premium .tm-final { margin:2rem 0 0; padding: clamp(3rem, 6vw, 5rem) 1.5rem; text-align:center; color:#fff; background: linear-gradient(135deg, #0fb87a 0%, #0a8055 50%, #073d2a 100%); position:relative; overflow:hidden; }
.wc-teams-premium .tm-final::before { content:''; position:absolute; inset:0; background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.18) 0, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.12) 0, transparent 40%); pointer-events:none; }
.wc-teams-premium .tm-final-inner { position:relative; max-width:780px; margin:0 auto; }
.wc-teams-premium .tm-final-kicker { font-size:.85rem; letter-spacing:.2em; text-transform:uppercase; opacity:.9; font-weight:700; }
.wc-teams-premium .tm-final-title { font-size: clamp(2rem, 4vw, 3rem); font-weight:900; letter-spacing:-.02em; margin:.6rem 0 .8rem; line-height:1.05; }
.wc-teams-premium .tm-final-sub { font-size:1.05rem; line-height:1.6; opacity:.95; margin:0 auto 1.6rem; max-width:60ch; }
.wc-teams-premium .tm-final-actions { display:flex; gap:.8rem; justify-content:center; flex-wrap:wrap; }
.wc-teams-premium .tm-final-btn { display:inline-flex; align-items:center; padding:.95rem 1.6rem; border-radius:999px; font-weight:700; text-decoration:none; transition: transform .25s ease; }
.wc-teams-premium .tm-final-btn--primary { background:#fff; color:#073d2a; }
.wc-teams-premium .tm-final-btn--ghost { border:1.5px solid rgba(255,255,255,.6); color:#fff; }
.wc-teams-premium .tm-final-btn:hover { transform: translateY(-2px); }

/* --- Premium team card upgrades (layered on existing wc-tcard) --- */
.wc-teams-premium .wc-tgp-grid { gap: 1.5rem; }

/* Card shell — clean, premium, professional */
.wc-teams-premium .wc-tcard {
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .06);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px -16px rgba(15, 23, 42, .25);
  overflow: hidden;
  transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease, border-color .25s ease;
}
.wc-teams-premium .wc-tcard:hover {
  transform: translateY(-6px);
  box-shadow: 0 4px 8px rgba(15, 23, 42, .06), 0 28px 56px -22px rgba(15, 23, 42, .35);
  border-color: color-mix(in oklab, var(--wc-conf, #1e6fe0) 35%, transparent);
}
.wc-teams-premium .wc-tcard::before {
  height: 0;
  background: linear-gradient(90deg, var(--wc-conf, #1e6fe0), color-mix(in oklab, var(--wc-conf, #1e6fe0) 55%, #fff));
}
.wc-teams-premium .wc-tcard::after {
  content: ''; position: absolute; inset: 0 0 auto 0; height: 4px;
  background: linear-gradient(90deg, var(--wc-conf, #1e6fe0), color-mix(in oklab, var(--wc-conf, #1e6fe0) 50%, #fff));
  z-index: 4; pointer-events: none;
}

/* Media — taller, cleaner aspect, image fills with subtle parallax */
.wc-teams-premium .wc-tcard-media {
  aspect-ratio: 4 / 3;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
}
.wc-teams-premium .wc-tcard-media img {
  transition: transform .8s cubic-bezier(.2,.7,.2,1), filter .35s ease;
  filter: saturate(1.05) contrast(1.02);
}
.wc-teams-premium .wc-tcard:hover .wc-tcard-media img { transform: scale(1.08); }
.wc-teams-premium .wc-tcard-overlay {
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.55) 100%),
    linear-gradient(0deg, color-mix(in oklab, var(--wc-conf, #1e6fe0) 22%, transparent) 0%, transparent 50%);
}

/* Fallback when no Unsplash image — beautiful flag panel */
.wc-teams-premium .wc-tcard-media--noimg {
  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.18) 0, transparent 45%),
    radial-gradient(circle at 75% 80%, rgba(0,0,0,.25) 0, transparent 50%),
    linear-gradient(135deg, var(--wc-conf, #1e6fe0) 0%, color-mix(in oklab, var(--wc-conf, #1e6fe0) 55%, #0f172a) 100%);
}
.wc-teams-premium .wc-tcard-fallback {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: .4rem; color: #fff;
  text-shadow: 0 4px 18px rgba(0,0,0,.45);
}
.wc-teams-premium .wc-tcard-fallback-flag {
  font-size: 4.2rem; line-height: 1;
  filter: drop-shadow(0 8px 14px rgba(0,0,0,.35));
}
.wc-teams-premium .wc-tcard-fallback-code {
  font-size: .78rem; font-weight: 800; letter-spacing: .25em;
  padding: .25rem .7rem; border-radius: 999px;
  background: rgba(255,255,255,.16); backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,.22);
}

/* Status & confederation badges — refined */
.wc-teams-premium .wc-tcard-status,
.wc-teams-premium .wc-tcard-conf {
  font-size: .68rem; letter-spacing: .08em; font-weight: 700;
  padding: .28rem .65rem; border-radius: 999px;
  backdrop-filter: blur(8px);
  box-shadow: 0 2px 8px rgba(0,0,0,.18);
}
.wc-teams-premium .wc-tcard-status--qualified { background: linear-gradient(135deg, #0fb87a, #10a06b); }
.wc-teams-premium .wc-tcard-status--host { background: linear-gradient(135deg, #fbbf24, #f59e0b); color: #422006; }
.wc-teams-premium .wc-tcard-conf {
  background: color-mix(in oklab, var(--wc-conf, #1e6fe0) 88%, #000);
  color: #fff; border: 1px solid rgba(255,255,255,.18);
}

/* Body — tighter rhythm, premium typography */
.wc-teams-premium .wc-tcard-body { padding: 1.1rem 1.15rem 1.2rem; gap: .85rem; }
.wc-teams-premium .wc-tcard-title { gap: .8rem; }
.wc-teams-premium .wc-tcard-flag { font-size: 2.1rem; }
.wc-teams-premium .wc-tcard-title h3 {
  font-size: 1.08rem; font-weight: 800; letter-spacing: -.01em;
  color: #0f172a;
}
.wc-teams-premium .wc-tcard-nick {
  font-size: .7rem; font-weight: 700; letter-spacing: .12em;
  color: color-mix(in oklab, var(--wc-conf, #475569) 70%, #475569);
}

/* Stats — minimal numeric chips, conf-tinted */
.wc-teams-premium .wc-tcard-stats { gap: .5rem; }
.wc-teams-premium .wc-tcard-stats li {
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  border: 1px solid rgba(15,23,42,.05);
  padding: .55rem .55rem;
  align-items: center; text-align: center;
  border-radius: 10px;
}
.wc-teams-premium .wc-tcard-stats b {
  font-size: 1rem; font-weight: 800;
  color: var(--wc-conf, #0f172a);
  margin: 0 auto;
}
.wc-teams-premium .wc-tcard-stats span {
  font-size: .58rem; letter-spacing: .1em; margin-top: .1rem;
  color: #64748b;
}

/* Next match panel — pill-style with conf accent */
.wc-teams-premium .wc-tcard-next {
  padding: .65rem .85rem;
  background: color-mix(in oklab, var(--wc-conf, #1e6fe0) 6%, #f8fafc);
  border: 1px solid color-mix(in oklab, var(--wc-conf, #1e6fe0) 18%, transparent);
  border-left: 3px solid var(--wc-conf, #1e6fe0);
  border-radius: 10px;
  gap: .15rem;
}
.wc-teams-premium .wc-tcard-next-tag {
  font-size: .62rem; letter-spacing: .12em; font-weight: 700;
  color: color-mix(in oklab, var(--wc-conf, #475569) 75%, #475569);
}
.wc-teams-premium .wc-tcard-next-opp { font-size: .95rem; color: #0f172a; }
.wc-teams-premium .wc-tcard-next-ven { font-size: .72rem; color: #64748b; }

/* CTA — animated arrow */
.wc-teams-premium .wc-tcard-cta {
  display: inline-flex; align-items: center; gap: .35rem;
  font-size: .82rem; font-weight: 700;
  color: var(--wc-conf, #1e6fe0);
  padding-top: .15rem;
}
.wc-teams-premium .wc-tcard:hover .wc-tcard-cta { gap: .55rem; }

/* Credit overlay — refined */
.wc-teams-premium .wc-tcard-credit {
  bottom: .5rem; right: .55rem;
  font-size: .58rem; letter-spacing: .04em;
  padding: .2rem .5rem; border-radius: 6px;
  background: rgba(15,23,42,.55); backdrop-filter: blur(6px);
  color: rgba(255,255,255,.9);
  opacity: .8; transition: opacity .2s;
}
.wc-teams-premium .wc-tcard-credit:hover { opacity: 1; }

/* Counter chip — pro look */
.wc-teams-premium .wc-tgp-head { align-items: center; margin-bottom: 1.8rem; }
.wc-teams-premium .wc-tgp-count {
  font-size: .85rem; color: #64748b; font-weight: 600;
  padding: .45rem .85rem; background: #f1f5f9; border-radius: 999px;
  border: 1px solid rgba(15,23,42,.06);
}
.wc-teams-premium .wc-tgp-count b { color: var(--tm-accent-2); font-weight: 800; }


/* --- Reveal animations --- */
.wc-teams-premium [data-tm-reveal] { opacity:0; transform: translateY(14px); transition: opacity .6s ease, transform .6s ease; }
.wc-teams-premium [data-tm-reveal].is-in { opacity:1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
  .wc-teams-premium [data-tm-reveal] { opacity:1; transform:none; transition:none; }
  .wc-teams-premium .wc-tcard:hover { transform:none; }
}

/* --- Dark mode overrides --- */
[data-theme='dark'] .wc-teams-premium { --tm-paper: #1b1b28; }
[data-theme='dark'] .wc-teams-premium .tm-stat { background:#1b1b28; border-color:rgba(255,255,255,.08); }
[data-theme='dark'] .wc-teams-premium .tm-story-card { background:#1b1b28; border-color:rgba(255,255,255,.08); }
[data-theme='dark'] .wc-teams-premium .tm-conf-cta { background:#fff; color:#073d2a; }

/* --- Dark mode for team cards --- */
[data-theme='dark'] .wc-teams-premium .wc-tcard {
  background: #14151f;
  border-color: rgba(255,255,255,.06);
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 12px 32px -16px rgba(0,0,0,.6);
}
[data-theme='dark'] .wc-teams-premium .wc-tcard-title h3 { color: #f1f5f9; }
[data-theme='dark'] .wc-teams-premium .wc-tcard-next-opp { color: #f1f5f9; }
[data-theme='dark'] .wc-teams-premium .wc-tcard-stats li {
  background: linear-gradient(180deg, #1f2030 0%, #181925 100%);
  border-color: rgba(255,255,255,.06);
}
[data-theme='dark'] .wc-teams-premium .wc-tcard-stats span,
[data-theme='dark'] .wc-teams-premium .wc-tcard-next-ven { color: #94a3b8; }
[data-theme='dark'] .wc-teams-premium .wc-tcard-next {
  background: color-mix(in oklab, var(--wc-conf, #1e6fe0) 14%, #14151f);
}
[data-theme='dark'] .wc-teams-premium .wc-tgp-count {
  background: #1b1b28; border-color: rgba(255,255,255,.06); color: #94a3b8;
}

/* ============================================================
   Flag-card style — uniform national flag visuals on grid cards
   ============================================================ */
.wc-teams-premium .wc-tcard--flag .wc-tcard-media {
  aspect-ratio: 3 / 2;
  background: #0b1220;
}
.wc-teams-premium .wc-tcard--flag .wc-tcard-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(1.05);
}
.wc-teams-premium .wc-tcard--flag:hover .wc-tcard-media img {
  transform: scale(1.05);
}
.wc-teams-premium .wc-tcard--flag .wc-tcard-overlay {
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.45) 100%),
    linear-gradient(0deg, color-mix(in oklab, var(--wc-conf, #1e6fe0) 18%, transparent) 0%, transparent 60%);
}

/* ============================================================
   Teams Command Center — freshness pill + refresh button
   ============================================================ */
.wc-tcc-sub {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .55rem;
}
.wc-tcc-dot {
  display: inline-block;
  width: .55rem;
  height: .55rem;
  border-radius: 50%;
  background: #94a3b8;
  box-shadow: 0 0 0 0 currentColor;
  transition: background .25s ease;
}
.wc-tcc-dot[data-state="fresh"]  { background: #16a34a; box-shadow: 0 0 8px rgba(22,163,74,.55); }
.wc-tcc-dot[data-state="aging"]  { background: #f59e0b; box-shadow: 0 0 8px rgba(245,158,11,.45); }
.wc-tcc-dot[data-state="stale"]  { background: #94a3b8; }
.wc-tcc-refresh {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin-inline-start: .35rem;
  padding: .3rem .65rem;
  font: inherit;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  background: color-mix(in oklab, var(--wc-conf, #1e6fe0) 85%, #000);
  border: 1px solid color-mix(in oklab, var(--wc-conf, #1e6fe0) 70%, #000);
  border-radius: 999px;
  cursor: pointer;
  transition: transform .15s ease, background .2s ease, opacity .2s ease;
}
.wc-tcc-refresh:hover:not(:disabled) {
  transform: translateY(-1px);
  background: color-mix(in oklab, var(--wc-conf, #1e6fe0) 70%, #000);
}
.wc-tcc-refresh:disabled {
  opacity: .55;
  cursor: not-allowed;
}
.wc-tcc-refresh.is-loading svg {
  animation: wc-tcc-spin 1s linear infinite;
}
@keyframes wc-tcc-spin {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .wc-tcc-refresh.is-loading svg { animation: none; }
  .wc-teams-premium .wc-tcard--flag:hover .wc-tcard-media img { transform: none; }
}