/* Piraeus Weather Station v3 — 20% white frosted glass only behind
   station identity and clock. The skyline/marina remain visible. */
.topbar .brand,
.topbar .clock-holder {
  background:rgba(255,255,255,.20);
  -webkit-backdrop-filter:blur(8px) saturate(112%);
  backdrop-filter:blur(8px) saturate(112%);
  border:1px solid rgba(255,255,255,.37);
  border-radius:16px;
  box-shadow:0 4px 18px rgba(0,29,51,.12);
}
.topbar .brand{
  padding:12px 19px 14px 14px;
  max-width:calc(100% - 175px);
  min-width:0;
  align-self:flex-start;
}
.topbar .brand-text{min-width:0;}
.topbar .brand,.topbar .brand strong,
.topbar .brand-text,.topbar .clock-holder{
  text-shadow:0 2px 5px rgba(1,22,44,.9), 0 1px 2px rgba(1,22,44,.65);
}
.topbar .clock-holder{
  padding:11px 13px 10px;
  margin-right:12px;
  align-self:flex-start;
}
/* When TV's analogue clock is replaced with digital, keep this simple box. */
.mmg-tv-mode .topbar .clock-holder{padding:12px 14px;}
@media(max-width:750px){
  .topbar .brand,.topbar .clock-holder{border-radius:11px;
    -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
  .topbar .brand{padding:8px 7px 9px 8px;max-width:calc(100% - 83px);gap:6px;}
  .topbar .clock-holder{padding:6px 6px 7px;margin-right:0;}
}
@media(max-width:420px){
  .topbar .brand{padding:7px 6px;max-width:calc(100% - 76px);}
  .topbar .clock-holder{padding:5px;}
}