/* File: CSS/checkout.css */

.order-summary-card {
  position: sticky;
  top: 100px; /* Jarak dari atas saat scroll */
}

.payment-methods {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.payment-method-option {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding: 1rem;
  cursor: pointer;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.payment-method-option:hover {
  border-color: #86b7fe;
}

.payment-method-option input[type="radio"] {
  display: none; /* Sembunyikan radio button asli */
}

.payment-method-option input[type="radio"]:checked + .payment-method-content {
  font-weight: 500;
}

/* Style untuk radio button yang dipilih */
.payment-method-option
  input[type="radio"]:checked
  + .payment-method-content
  > span::before {
  content: "✔";
  color: green;
  margin-right: 10px;
  font-weight: bold;
}

.payment-method-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: "Raleway", sans-serif;
}