/* Base adjustments */
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  background: #121212;
  color: #e0e0e0;
}

a {
  color: #00bfff;
}
a:hover {
  color: #1e90ff;
  text-decoration: none;
}

/* Hero section */
header.bg-secondary {
  background: linear-gradient(145deg, #3a3a3a, #2d2d2d);
  box-shadow: inset 0 -2px 4px rgba(0, 0, 0, 0.6);
}

/* Icons in services */
section i {
  color: #00bcd4;
  transition: transform 0.3s ease;
}
section i:hover {
  transform: scale(1.2);
}

/* Modal style overrides */
.modal-content {
  background: #f8f9fa;
  border-radius: 12px;
}

.modal-header {
  background: #0d6efd;
  color: #fff;
  border-bottom: none;
}
.modal-header .btn-close {
  filter: invert(1);
}

.modal-footer {
  border-top: none;
}

/* Form controls */
.form-control,
.form-select {
  border-radius: 8px;
}

/* Toast styling */
.toast {
  opacity: 0.95;
  border-radius: 0.5rem;
  font-size: 1rem;
  padding: 0.75rem 1rem;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  header h1 {
    font-size: 2rem;
  }
  .display-3 {
    font-size: 2.5rem;
  }
}

/* Custom recaptcha spacing */
.g-recaptcha {
  transform: scale(0.95);
  transform-origin: 0 0;
}

/* EasyMDE custom styling */
.CodeMirror {
  height: auto;
  min-height: 200px;
  background-color: #fff;
  color: #000;
  border-radius: 4px;
}

.editor-toolbar {
  background: #e9ecef;
}

.editor-toolbar button:hover {
  background: #d6d8db;
}