/* Django Forms Custom Styling */

/* Form styling to match original design */
.django-form {
  padding: 0;
}

.django-form .form-control {
  font-size: 14px;
  padding: 10px 15px;
  box-shadow: none;
  border-radius: 0;
  color: rgba(255, 255, 255, 0.7);
  background-color: rgba(41, 38, 31, 0.8);
  border: 1px solid rgba(205, 164, 94, 0.3);
  transition: 0.3s;
  width: 100%;
  display: block;
}

.django-form .form-control:focus {
  border-color: #cda45e;
  outline: none;
  background-color: rgba(41, 38, 31, 0.9);
  color: rgba(255, 255, 255, 0.9);
}

.django-form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

/* Select dropdown styling */
.django-form select.form-control {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23cda45e' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 30px;
  cursor: pointer;
}

.django-form select.form-control option {
  background-color: #1a1814;
  color: rgba(255, 255, 255, 0.9);
}

/* Textarea styling */
.django-form textarea.form-control {
  min-height: 120px;
  resize: vertical;
}

/* Submit button styling */
.django-form .btn-submit {
  color: rgba(255, 255, 255, 0.7);
  border: 2px solid #cda45e;
  background: transparent;
  padding: 14px 60px;
  transition: 0.4s;
  border-radius: 50px;
  font-size: 15px;
  cursor: pointer;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.django-form .btn-submit:hover {
  background: #cda45e;
  color: #0c0b09;
}

/* Error messages styling */
.django-form .text-danger {
  color: #df1529;
  font-size: 13px;
  margin-top: 5px;
  display: block;
}

/* Success/Error alert styling */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 4px;
  font-size: 14px;
}

.alert-success {
  background-color: rgba(5, 150, 82, 0.1);
  border: 1px solid rgba(5, 150, 82, 0.3);
  color: #059652;
}

.alert-error,
.alert-danger {
  background-color: rgba(223, 21, 41, 0.1);
  border: 1px solid rgba(223, 21, 41, 0.3);
  color: #df1529;
}

.alert .btn-close {
  font-size: 12px;
  opacity: 0.7;
  background: transparent;
  border: none;
  color: inherit;
}

.alert .btn-close:hover {
  opacity: 1;
}

/* Form row spacing */
.django-form .row.gy-4 {
  row-gap: 1.5rem;
}

/* Make sure form groups have proper spacing */
.django-form .form-group {
  margin-bottom: 1rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .django-form .btn-submit {
    padding: 12px 40px;
    font-size: 14px;
  }
}

/* Contact page specific */
.contact .django-form {
  height: 100%;
}

.contact .django-form .form-control {
  background-color: rgba(12, 11, 9, 0.5);
  border-color: rgba(205, 164, 94, 0.7);
}

.contact .django-form .form-control:focus {
  border-color: #cda45e;
}

/* Book a table page specific */
.book-a-table .django-form {
  padding: 0;
}

.book-a-table .django-form .form-control {
  background-color: rgba(41, 38, 31, 0.2);
  border-color: rgba(255, 255, 255, 0.2);
}

.book-a-table .django-form .form-control:focus {
  border-color: #cda45e;
  background-color: rgba(41, 38, 31, 0.3);
}

/* Event request form specific */
#event-request .django-form {
  padding: 0;
}

#event-request .django-form .form-control {
  background-color: rgba(41, 38, 31, 0.2);
  border-color: rgba(255, 255, 255, 0.2);
}

#event-request .django-form .form-control:focus {
  border-color: #cda45e;
  background-color: rgba(41, 38, 31, 0.3);
}

/* Date and time inputs */
.django-form input[type="date"],
.django-form input[type="time"] {
  color-scheme: dark;
}

.django-form input[type="date"]::-webkit-calendar-picker-indicator,
.django-form input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(0.7);
  cursor: pointer;
}

/* Remove PHP form classes if they exist */
.php-email-form .loading,
.php-email-form .error-message,
.php-email-form .sent-message {
  display: none !important;
}