/* Logicloud WHMCS Custom Styles — matches WordPress purple brand */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* === FONT === */
body, .navbar, .btn, h1, h2, h3, h4, h5, h6, .card, table, input, select, textarea {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* === NAVBAR BACKGROUND === */
.navbar-dark,
header .navbar {
  background: #1e1b4b !important;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255,0.85) !important;
  font-weight: 500;
  font-size: 0.875rem;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .active .nav-link {
  color: #a5b4fc !important;
}

/* === BUTTONS — teal → purple === */
.btn-primary, .btn-success, .btn-info {
  background-color: #4f46e5 !important;
  border-color: #4f46e5 !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-success:hover, .btn-info:hover {
  background-color: #3730a3 !important;
  border-color: #3730a3 !important;
}
.btn-outline-primary {
  border-color: #4f46e5 !important;
  color: #4f46e5 !important;
}
.btn-outline-primary:hover {
  background-color: #4f46e5 !important;
  color: #fff !important;
}

/* === LINKS === */
a { color: #4f46e5 !important; }
a:hover { color: #3730a3 !important; }

/* === CONTAINER WIDTH — reduce excessive whitespace === */
@media (min-width: 1200px) {
  .container { max-width: 1280px !important; }
}
@media (min-width: 1400px) {
  .container { max-width: 1400px !important; }
}

/* === STORE PRODUCT CARDS === */
.package-list-header, .product-card-header {
  background: #4f46e5 !important;
}
.product-card .btn-primary,
.package-list .btn-primary {
  background: #4f46e5 !important;
  border-color: #4f46e5 !important;
}

/* === BADGE / TEXT === */
.badge-primary { background: #4f46e5 !important; }
.text-primary { color: #4f46e5 !important; }

/* === TABLE HEADER === */
thead th { background: #f8f7ff !important; color: #312e81 !important; }

/* === ALERTS === */
.alert-info { background: #ede9fe !important; border-color: #a5b4fc !important; color: #3730a3 !important; }

/* === SIDEBAR ACTIVE === */
.sidebar .list-group-item.active {
  background-color: #4f46e5 !important;
  border-color: #4f46e5 !important;
}

/* === ORDER FORM STEPS === */
.checkout-steps .step.active { background: #4f46e5 !important; }