/* Look comes from Pulsar's .ar-notification-bar / .ar-ic-btn (Aurora styles.min.css), same as the webshop.
   The theme resets letter-spacing and the weight of <b>/<strong>, so those are pinned to the webshop values. */
#loxone-notification-bar[hidden] { display: none; }
#loxone-notification-bar { z-index: 9001; }
#loxone-notification-bar .ar-notification-bar__inner { width: 100%; }
#loxone-notification-bar .ar-notification-bar__link,
#loxone-notification-bar .ar-notification-bar__message { letter-spacing: 0.32px; font-family: inherit; }
#loxone-notification-bar .ar-notification-bar__message strong,
#loxone-notification-bar .ar-notification-bar__message b { font-weight: 800; }
#loxone-notification-bar .ar-notification-bar__close { cursor: pointer; }
.admin-bar #loxone-notification-bar { top: 32px; }
@media (max-width: 782px) { .admin-bar #loxone-notification-bar { top: 46px; } }
/* While the notification bar is shown, the language info bar stays hidden; it appears after the bar is closed. */
html.lx-nb-active #loxone-geo-location-banner { visibility: hidden !important; pointer-events: none !important; }