:root {
  --brand-primary: #1f2937;
  --brand-secondary: #38bdf8;
  --brand-bg: #f3f4f6;
  --brand-accent: #facc15;
  --brand-danger: #ef4444;
  --brand-success: #16a34a;
}

/* Navbar Brand Styling */
.navbar {
  background-color: var(--brand-primary);
  color: white;
}

.navbar-brand,
.navbar a {
  color: var(--brand-secondary);
}

.navbar a:hover {
  color: var(--brand-accent);
}

/* CTA Buttons */
.btn-cta {
  background-color: var(--brand-accent);
  color: black;
  border: none;
}
.btn-cta:hover {
  background-color: #eab308;
}

/* Alerts */
.alert-error {
  color: white;
  background-color: var(--brand-danger);
  border-color: #dc2626;
}

.alert-success {
  color: white;
  background-color: var(--brand-success);
  border-color: #15803d;
}

/* Page background */
body {
  background-color: var(--brand-bg);
  color: var(--brand-primary);
}


/* Content Calendar */
/* Allow wrapped lines inside event boxes */
.fc-event-content-wrap {
  white-space: normal !important;
  line-height: 1.4;
  font-size: 0.85rem;
  padding: 2px 4px;
  word-break: break-word;
}

/* Improve layout of icon + title */
.fc-event-content-wrap .fc-event-title {
  display: inline;
  white-space: normal;
  overflow-wrap: break-word;
}

/* Trust Section */
.icon-circle {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.hover-raise {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hover-raise:hover {
  transform: translateY(-6px);
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.1);
}

.carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0.4;
  transition: opacity 0.2s ease;
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1);
}


.lead-magnet-section {
  background: linear-gradient(to right, #0f172a, #1e293b);
  padding: 5rem 0;
  color: #fff;
}

.lead-magnet-section .form-control {
  border: none;
  border-radius: 0.5rem 0 0 0.5rem;
  padding: 0.75rem 1rem;
  font-size: 1.1rem;
}

.lead-magnet-section .btn-warning {
  border-radius: 0 0.5rem 0.5rem 0;
  font-size: 1.1rem;
  transition: 0.2s ease-in-out;
}

.lead-magnet-section .btn-warning:hover {
  background-color: #f59e0b;
  color: #212529;
}

@media (max-width: 768px) {
  .lead-magnet-section .input-group {
    flex-direction: column;
  }

  .lead-magnet-section .form-control {
    border-radius: 0.5rem 0.5rem 0 0;
    margin-bottom: 0.5rem;
  }

  .lead-magnet-section .btn-warning {
    border-radius: 0 0 0.5rem 0.5rem;
    width: 100%;
  }
}