/* Pricegrid modal styling - aligned with Railpass palette */

#pricegrid-pass-modal .modal-dialog {
  /* Similar to Railpass’ larger modal rule for #countriesmodal */
  width: 100%;
  max-width: 720px;
}

@media (min-width: 1280px) {
  #pricegrid-pass-modal .modal-dialog {
    max-width: 800px;
  }
}

/* Header: match Railpass modal header style */
#pricegrid-pass-modal .modal-header {
  background-color: #0063A3;
  color: #FFF;
  border-bottom: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

#pricegrid-pass-modal .modal-title {
  font-size: 1.5em;
  font-weight: 600;
}

#pricegrid-pass-modal .modal-header .close,
#pricegrid-pass-modal .modal-header .close span {
  color: #FFF;
  opacity: 1;
  text-shadow: none;
}

/* Body */
#pricegrid-pass-modal .modal-content {
  border-radius: 6px;
  border: 1px solid #c1c0ca;
}

#pricegrid-pass-modal .modal-body {
  color: #313140;
}

#pricegrid-pass-modal hr {
  border-color: #ECECFB;
}

/* Form controls */
#pricegrid-pass-modal label {
  font-weight: 600;
  color: #313140;
}

#pricegrid-pass-modal .form-control:focus {
  border-color: #0063A3;
  box-shadow: 0 0 0 2px rgba(0, 99, 163, 0.15);
}

/* Disabled section look (you already toggle opacity/pointer-events inline) */
#pricegrid-pass-modal #pg-qty-wrap {
  transition: opacity 150ms ease;
}

/* URL preview well */
#pricegrid-pass-modal .well {
  background-color: #F4F4F4;
  border: 1px solid #c1c0ca;
  border-radius: 6px;
}

#pricegrid-pass-modal #pg-cart-url {
  color: #FF9326;
  text-decoration: none;
}

#pricegrid-pass-modal #pg-cart-url:hover {
  color: #ECECFB;
  background-color: #FF9326;
  border-radius: 6px;
  padding: 2px 4px;
}

/* Footer buttons */
#pricegrid-pass-modal .modal-footer {
  border-top: 1px solid #ECECFB;
}

/* Primary button to match Railpass style */
#pricegrid-pass-modal .btn-primary,
#pricegrid-pass-modal #pg-add-to-cart.btn-primary {
  background-color: #0063A3;
  border-color: #0063A3;
  border-radius: 6px;
  font-weight: 700;
}

#pricegrid-pass-modal .btn-primary:hover,
#pricegrid-pass-modal .btn-primary:focus {
  background-color: #027dcf;
  border-color: #027dcf;
}

/* Disabled “Add to Cart” (you add .disabled + aria-disabled) */
#pricegrid-pass-modal #pg-add-to-cart.disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* Optional: error highlight hook (you already use .has-error in CSS elsewhere) */
#pricegrid-pass-modal .has-error,
#pricegrid-pass-modal .has-error .form-control {
  border-color: #b00020;
}

#pricegrid-pass-modal .modal-header {
  position: relative;
  text-align: center;
}

#pricegrid-pass-modal .modal-header .modal-title {
  margin: 0;
}

#pricegrid-pass-modal .modal-header .close {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  float: none; /* override Bootstrap float */
}