/* Resolves selectors left over from the earlier data-page draft so the copied PHP stylesheet remains authoritative. */
#esim-data-shop .esim-package-price-badge {
  padding: 0;
  background: transparent;
  border-radius: 0;
  color: #3d6bc5;
}

#esim-data-shop #data-plan-select-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

#esim-data-shop .esim-package-total-row span:last-child {
  color: #3d6bc5;
}

#esim-data-shop .esim-plan-buy-btn,
#esim-data-shop .esim-plan-buy-btn:hover,
#esim-data-shop .esim-plan-buy-btn:focus,
#esim-data-shop .esim-plan-buy-btn:active {
  background: #3d6bc5 !important;
}

#esim-data-shop .dest-tabs .nav-link {
  margin: 0;
}

#data-plan-details-modal {
  --tblr-modal-width: 500px;
  --tblr-modal-bg: #ffffff;
  --tblr-modal-border-radius: 10px;
}

#data-plan-details-modal .modal-content {
  background: #ffffff;
  background-image: none;
  border-radius: 10px;
  opacity: 1;
}

#data-plan-details-modal .modal-header {
  min-height: 65px;
  padding: 20px 25px;
  border-bottom: 1px solid #e7eaee;
}

#data-plan-details-modal .modal-body {
  padding: 20px;
}

body:has(#data-plan-details-modal.show) .modal-backdrop.show {
  opacity: 0.5;
}

@media (max-width: 767.98px) {
  #esim-data-shop .dest-tabs {
    flex-wrap: wrap;
    overflow: visible;
  }

  #esim-data-shop .dest-tabs .nav-link {
    padding: 8px 12px;
  }
}