/* ===== Gridzilla Stream Countdown – centered & responsive ===== */
:root{
  --gridz-bg: #1c1aff;            /* blue card */
  --gridz-bg-hover:#221fff;       /* hover blue */
  --gridz-border: rgba(255,255,255,.18);
  --gridz-shadow: 0 10px 28px rgba(28,26,255,.28);
  --gridz-text:#fff;
  --gridz-muted: rgba(255,255,255,.75);
}

.gridz-countdown{
  /* layout */
  display:flex;

  align-items:right;
  justify-content:center;
  gap:8px;

  /* sizing + centering on page */
  width:100%;

  margin:0 auto;
	margin-bottom: 16px;

  /* card styling */
  padding:18px 22px;
  border-radius:0 0 16px 16px;
  background:var(--gridz-bg);
  border:1px solid var(--gridz-border);
  box-shadow:var(--gridz-shadow);
  color:var(--gridz-text);
  text-align:center;

  /* motion */
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.gridz-countdown:hover{
  background:var(--gridz-bg-hover);
  transform:translateY(-1px);
  box-shadow:0 14px 36px rgba(34,31,255,.34);
}

/* label (small, muted) */
.gridz-countdown__label{
  font-size:14px;
  letter-spacing:.2px;
  line-height:1.2;
  color:var(--gridz-muted);
}

/* timer (big, centered, steady numbers) */
.gridz-countdown__timer{
  font-size:14px;
  font-weight:800;
  letter-spacing:.2px;
  line-height:1.1;
  font-variant-numeric: tabular-nums; /* avoids jitter */
}

a.gridz-live-link{
	color: #3DFF94;
}

a.gridz-live-link:hover{
	color: #CCFFE5;
}
/* ——— responsive tweaks ——— */
@media (min-width:560px){

  .gridz-countdown__label{
    font-size:15px;
  }
  .gridz-countdown__timer{
    font-size:15px;
  }
}

/* prefers-reduced-motion: keep it calm for sensitive users */
@media (prefers-reduced-motion: reduce){
  .gridz-countdown{ transition:none; }
}
