/* HYMOTEQ Wetter-Gadget – ausschliesslich Header; keine Auswirkungen auf den WerkPilot-Start. */
@media screen {
  .hymoteq-weather-gadget { display: none; }

  html body.werkpilot-header-branding[data-view]:not([data-view="login"]):not([data-view="register"]):not([data-view="twofa"]) .modern-app-header .hymoteq-weather-gadget {
    position: absolute;
    z-index: 19;
    /* Die Wetterzeile hat immer denselben Abstand zur roten Headerkante.
       Horizontal folgt sie dem Mittelpunkt der Uhr, nicht Viewport-Breakpoints. */
    top: auto;
    bottom: 9px;
    left: auto;
    right: calc(50% + 160px);
    width: clamp(175px, calc(18vw - 71px), 255px);
    height: 70px;
    display: flex;
    align-items: stretch;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #15191f;
    pointer-events: auto;
    isolation: auto;
  }
  /* Das Gadget liegt frei auf dem bestehenden Header – ohne zweite Kachel oder Lichtkante. */
  .hymoteq-weather-gadget::before,
  .hymoteq-weather-gadget::after { display: none; }
  .hymoteq-weather-icon-shell {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 clamp(43px, calc(4.3vw - 16px), 62px);
    height: 100%;
    padding: 3px 0 3px 0;
    background: transparent;
  }
  .hymoteq-weather-icon {
    width: clamp(42px, calc(4vw - 14px), 58px);
    height: clamp(48px, calc(1.58vw + 27px), 55px);
    display: block;
    object-fit: contain;
    filter: drop-shadow(0 2px 2px rgba(30,35,41,.10));
  }
  .hymoteq-weather-separator { display: none; }
  .hymoteq-weather-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 0;
    flex: 1 1 auto;
    padding: 7px 1px 0 3px;
    gap: 0;
    text-align: left;
  }
  .hymoteq-weather-caption {
    margin: 0;
    color: #41444a;
    font-size: clamp(9px, calc(0.21vw + 6.2px), 10px);
    font-weight: 850;
    letter-spacing: .065em;
    line-height: 1.15;
    white-space: nowrap;
  }
  .hymoteq-weather-temperature {
    font-size: clamp(23px, calc(0.9vw + 10.7px), 27px);
    letter-spacing: -.055em;
    line-height: 1.05;
    font-weight: 900;
    white-space: nowrap;
    color: #16191f;
    font-variant-numeric: tabular-nums;
  }
  .hymoteq-weather-foot {
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 15px;
    margin-top: auto;
    padding-bottom: 0;
    max-width: 100%;
    overflow: visible;
  }
  .hymoteq-weather-location {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 4px;
    color: #30363d;
    font-size: clamp(10px, calc(0.23vw + 7px), 11px);
    line-height: 1.15;
    font-weight: 750;
    white-space: nowrap;
  }
  .hymoteq-weather-pin {
    display: block;
    position: relative;
    width: 8px;
    height: 10px;
    flex: 0 0 8px;
    border-radius: 70% 70% 65% 65%;
    background: #d50931;
    transform: translateY(-1px);
  }
  .hymoteq-weather-pin::after {
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background: white;
  }
  .hymoteq-weather-locality {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .hymoteq-weather-activate {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    min-width: 0;
    max-width: 100%;
    padding: 0;
    margin: 1px 0 0;
    background: none;
    border: none;
    cursor: pointer;
    color: #a3112c;
    font-size: 11px;
    font-weight: 800;
    text-align: left;
    white-space: nowrap;
  }
  .hymoteq-weather-status {
    display: inline-block;
    color: #555e69;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
  }
  .hymoteq-weather-activate:hover,
  .hymoteq-weather-activate:focus-visible { text-decoration: underline; }
  .hymoteq-weather-gadget [hidden] { display: none !important; }

  /* Durchgehende Skalierung statt Spruengen bei 1750 / 1510 Pixeln.
     Die rechte Kante bleibt relativ zum Uhrmittelpunkt fixiert. */
  @media (max-width: 1330px) {
    html body.werkpilot-header-branding[data-view]:not([data-view="login"]):not([data-view="register"]):not([data-view="twofa"]) .modern-app-header .hymoteq-weather-gadget { display: none; }
  }
}
@media print { .hymoteq-weather-gadget { display: none !important; } }