/* ============================================================
   Akdeniz — живой статус: часы Екатеринбурга и «берём трубку».
   ============================================================ */

.status{
  position:relative;
  display:inline-flex; align-items:center; gap:16px; flex-wrap:wrap;
  margin:0 0 clamp(22px,3.4vh,34px);
  padding:12px 20px; border-radius:100px;
  background:var(--glass);
  -webkit-backdrop-filter:blur(14px) saturate(1.3);
  backdrop-filter:blur(14px) saturate(1.3);
  font-size:13.5px; color:var(--foam-dim);
}

/* огонёк горит всегда – мы всегда на связи */
.status__dot{
  width:9px; height:9px; border-radius:50%;
  background:#6d8ea3; flex:none;
}
.status.is-open .status__dot{
  background:var(--accent);
  animation:status-pulse 2.4s ease-out infinite;
}
@keyframes status-pulse{
  0%  { box-shadow:0 0 0 0 rgba(53,224,200,.5); }
  100%{ box-shadow:0 0 0 13px rgba(53,224,200,0); }
}
.status.is-open .status__text{ color:var(--foam); }

/* часы идут сами: двоеточие мигает раз в секунду */
.status__clock{
  display:inline-flex; align-items:baseline;
  font-family:var(--mono); font-size:14px; color:var(--foam); letter-spacing:.02em;
}
.status__clock i{ font-style:normal; animation:status-blink 1s steps(1) infinite; }
.status__clock em{ font-style:normal; font-size:12px; color:var(--foam-dim); margin-left:9px; }
/* вторые часы тише: главный город – свой */
.status__clock--msk{ font-size:13px; color:var(--foam-dim); }
.status__clock--msk em{ font-size:11.5px; }
@keyframes status-blink{ 50%{ opacity:.25; } }

@media (max-width:900px){
  .status{ gap:12px; padding:11px 16px; font-size:12.5px; }
}
@media (prefers-reduced-motion:reduce){
  .status__dot,.status__clock i{ animation:none; }
}