/* Only newly converted icons use these classes. Existing PNG buttons are untouched. */
body img.gog-symbol-png {
  display: inline-block;
  width: var(--gog-icon-size, 28px) !important;
  height: var(--gog-icon-size, 28px) !important;
  flex: 0 0 var(--gog-icon-size, 28px);
  margin: 0;
  object-fit: contain;
  aspect-ratio: 1;
  vertical-align: middle;
}

body img.gog-symbol-information { --gog-icon-size: 32px; }
body img.gog-ui-png { object-fit: contain; vertical-align: middle; }

.gog-png-menu {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px 24px !important;
}
.gog-png-menu .menu-line { visibility: hidden; }

#drinks .drinks-coverflow-button > img.gog-carousel-arrow {
  display: block;
  width: 20px;
  height: 20px;
  object-fit: contain;
}
#drinks .drinks-coverflow-button:hover > img.gog-carousel-arrow {
  filter: brightness(0) invert(1);
}
#faq summary > span > img.gog-faq-plus {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
}

@supports selector(input::-webkit-calendar-picker-indicator) {
  #booking-form :is(#visit-date, #visit-time) {
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 28px 28px;
  }
  #booking-form #visit-date { background-image: url("assets/premium-icons/calendar-20261027.png"); }
  #booking-form #visit-time { background-image: url("assets/premium-icons/time-20261027.png"); }
  #booking-form :is(#visit-date, #visit-time)::-webkit-calendar-picker-indicator { opacity: 0; cursor: pointer; }
}

@media (forced-colors: active) {
  #booking-form :is(#visit-date, #visit-time) { background-image: none; }
  #booking-form :is(#visit-date, #visit-time)::-webkit-calendar-picker-indicator { opacity: 1; }
}