/* Position the modal bottom-right and style with municipal orange. */
.gtb-popup-modal .modal-dialog {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  margin: 0;
  width: 360px;
  max-width: 90vw;
  pointer-events: auto; /* ensure clicks go through to the modal */
}

/* Subtle slide-up animation compatible with Bootstrap's fade */
.gtb-popup-modal.fade .modal-dialog {
  transform: translateY(20px);
  transition: transform .15s ease-in-out;
}
.gtb-popup-modal.show .modal-dialog {
  transform: translateY(0);
}

/* Black text; border & links in municipal orange. Allow theme override via CSS vars. */
.gtb-popup-modal .modal-body { color: #000; }
.gtb-popup-modal .modal-content {
  border: 2px solid var(--gtb-popup-orange, var(--brand-orange, #ff6a00));
}

/* Style the CTA as an orange Bootstrap button with white text */
.gtb-popup-modal .btn-primary.gtb-popup-link {
  background-color: var(--gtb-popup-orange, var(--brand-orange, #ff6a00));
  border-color: var(--gtb-popup-orange, var(--brand-orange, #ff6a00));
  color: #fff;
}
.gtb-popup-modal .btn-primary.gtb-popup-link:hover,
.gtb-popup-modal .btn-primary.gtb-popup-link:focus,
.gtb-popup-modal .btn-primary.gtb-popup-link:active {
  background-color: var(--gtb-popup-orange, var(--brand-orange, #ff6a00));
  border-color: var(--gtb-popup-orange, var(--brand-orange, #ff6a00));
  color: #fff;
  opacity: .9; /* subtle hover */
}