/* Global small overrides (loaded after style.min.css) */

/* Member sidebar: keep badge from overlapping link text */
.sidebar .nav-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sidebar .nav-link .badge {
  flex: 0 0 auto;
  line-height: 1;
}
.sidebar .nav-link .sidebar-link-text {
  flex: 1 1 auto;
  min-width: 0;
}

/* SweetAlert2: icon background + icon text color */

.swal2-popup .swal2-icon .swal2-icon-content {
  color: #fff !important;
}

/* Some builds use nested SVG/lines for icons; enforce white */
.swal2-popup .swal2-icon * {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

/* Datepicker in modal: keep bootstrap-datepicker default positioning */
.modal-open .datepicker-dropdown {
  position: absolute !important;
}

/* Bootstrap-datepicker fallback styles (when not bundled in style.min.css) */
.datepicker {
  direction: ltr;
  padding: 0.5rem;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  background-color: #fff;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker.dropdown-menu {
  min-width: 16rem;
  margin-top: 0.25rem;
  z-index: 1061;
}
.datepicker table {
  width: 100%;
  margin: 0;
  user-select: none;
}
.datepicker td,
.datepicker th {
  width: 2.25rem;
  height: 2.25rem;
  text-align: center;
  border: none;
  border-radius: 0.25rem;
}
.datepicker thead tr th {
  font-weight: 500;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused,
.datepicker tfoot tr th:hover,
.datepicker thead tr th.prev:hover,
.datepicker thead tr th.next:hover,
.datepicker thead tr th.datepicker-switch:hover {
  background: #f1f3f5;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #adb5bd;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  color: #ced4da;
  background: transparent;
  cursor: default;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover {
  color: #fff;
  background-color: #d41618;
}
.datepicker table tr td.today {
  box-shadow: inset 0 0 0 1px #d41618;
}
.datepicker table tr td span {
  display: block;
  float: left;
  width: 23%;
  height: 3.25rem;
  line-height: 3.25rem;
  margin: 1%;
  border-radius: 0.25rem;
  cursor: pointer;
}
.datepicker table tr td span:hover {
  background: #f1f3f5;
}

/* ========== step2.php: 生日券可用時的樣式 ========== */
.calculation.birthday-mode {
  border: 2px solid #c92026;
  border-radius: 0.25rem;
  background-color: #FFF9EF !important;
}

.calculation.birthday-mode .btn.btn-primary {
  background-color: #c92026;
  border-color: #c92026;
}


.calculation.birthday-mode .btn.btn-primary:hover {
  background-color: #de3036;
  border-color: #de3036;
}

.calculation.birthday-mode .form-group,
.calculation.birthday-mode .form-group .label,
.calculation.birthday-mode .form-group .text-secondary,
.calculation.birthday-mode .form-group .small {
  color: #212529 !important;
}

.calculation.birthday-mode .form-control {
  border-color: #c92026;
}

.calculation .birthday-coupon-banner {
  padding-bottom: 0.4rem;
  border-radius: 0.25rem;
}
.calculation .birthday-coupon-note > small {
  /* margin-top: 0.5rem; */
  color: #d41618;
  font-weight: 600;
  
}

.modal-header {
  padding-right: 0rem !important;
}


.modal-body iframe{
  height: 1px;
  min-height: 0;
}

@media (max-width: 768px) {
  .modal-body iframe{
    min-height: 70vh;
    height: 100%;
  }
}
/* ===== 多件優惠 buy-more ===== */
.buy-more-box{margin:1rem 0}
.buy-more-title{font-size:1rem;font-weight:600;color:#333;margin-bottom:.5rem;display:flex;align-items:center}
.buy-more-title i{margin-right:.4rem;color:#d9480f}
.buy-more-tier{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px dashed #e5e5e5;font-size:.95rem}
.buy-more-tier:last-child{border-bottom:0}
.buy-more-tier .qty{color:#555}
.buy-more-tier .price-now{font-weight:600;color:#d9480f}
.buy-more-tier .price-off{color:#c0392b;font-size:.85rem;margin-left:.4rem}