/* address_modal.css - small, modular styles for the Add Address modal */

/* modal content */
.modal-content {
  border-radius: 12px;
  overflow: hidden;
}

/* make modal slightly taller and center-aligned */
.modal-dialog {
  max-width: 700px;
}

/* inner scroller height */
.address-modal-scroller {
  max-height: 66vh; /* makes the modal body scrollable on tall content */
  overflow-y: auto;
  padding-right: 6px; /* space for scrollbar */
}

/* warning box styling (yellow soft) */
.alert-warning-box {
  border-radius: 10px;
  background: #fff7e6; /* soft yellow */
  border: 1px dashed rgba(255, 193, 7, 0.25);
  padding: 14px;
}

.alert-warning-inner .alert-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(255, 193, 7, 0.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #d97706;
  font-size: 1.25rem;
}

/* form control larger paddings to match design */
.form-control.form-control-lg {
  border-radius: 10px;
  background-color: #fbfbfd;
  border: 1px solid #ececf3;
  padding: 12px 14px;
}

/* form selects */
.form-select.form-select-lg {
  border-radius: 10px;
  background-color: #fbfbfd;
  border: 1px solid #ececf3;
  padding: 8px 12px;
}

/* rounded footer buttons */
.modal-footer .btn {
  min-width: 120px;
}

/* change default close button position slightly smaller/modern */
.modal-header .btn-close {
  width: 36px;
  height: 36px;
  opacity: 0.7;
}

.modal-header {
  border-bottom: 1px solid #f1f1f4 !important;
}

.modal-footer {
  border-top: 1px solid #f1f1f4 !important;
}

/* light custom scrollbar (WebKit) */
.address-modal-scroller::-webkit-scrollbar {
  width: 8px;
}
.address-modal-scroller::-webkit-scrollbar-thumb {
  background: rgba(43, 43, 63, 0.12);
  border-radius: 8px;
}

/* small-screen adjustments */
@media (max-width: 576px) {
  .modal-dialog { max-width: 92%; }
  .address-modal-scroller { max-height: 60vh; }
  .modal-footer { padding: 1rem; }
}

.small-title {
  margin-left: 10px;
  margin-top: 5px;
  font-size: 13px;
}