/* Notice shown above the "Place order" button while a GLS shipping method is
   selected but no pickup point has been chosen yet. Hidden until the JS
   decides it applies, so it never flashes on an unrelated checkout.

   It is a <button> so clicking it reopens the map. Themes style checkout
   buttons aggressively (fill, border, colour, centred uppercase text), so the
   visual properties are forced here - otherwise the notice inherits the
   theme's button look instead of the warning look. */
button.gls-place-order-notice,
.woocommerce button.gls-place-order-notice,
.woocommerce-checkout button.gls-place-order-notice,
#order_review button.gls-place-order-notice {
  display: none !important;
  box-sizing: border-box;
  width: 100%;
  align-items: center;
  gap: 10px;
  margin: 0 0 15px !important;
  padding: 12px 15px !important;
  border: 2px solid #ffc107 !important;
  border-radius: 6px !important;
  background: #fff3cd !important;
  background-image: none !important;
  color: #856404 !important;
  font-family: inherit;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-align: left !important;
  text-transform: none !important;
  text-decoration: none !important;
  letter-spacing: normal !important;
  box-shadow: none !important;
  cursor: pointer;
}

/* Visibility is driven by this class rather than an inline style, so a theme
   rule on checkout buttons cannot win over it. */
button.gls-place-order-notice.gls-notice-visible {
  display: flex !important;
}

button.gls-place-order-notice:hover,
button.gls-place-order-notice:focus-visible,
button.gls-place-order-notice:active,
.woocommerce button.gls-place-order-notice:hover,
.woocommerce button.gls-place-order-notice:active,
.woocommerce-checkout button.gls-place-order-notice:hover,
.woocommerce-checkout button.gls-place-order-notice:active {
  background: #ffe69c !important;
  background-image: none !important;
  border-color: #ffb300 !important;
  color: #856404 !important;
}

button.gls-place-order-notice .gls-notice-icon {
  flex: 0 0 auto;
  font-size: 16px;
  line-height: 1;
}

button.gls-place-order-notice .gls-notice-text {
  flex: 1 1 auto;
  color: inherit;
}