/* Email Hosting – page-specific styles */

/* Tab buttons */
.tab-btn.active {
  background: #0a2540;
  color: #fff;
}
.dark .tab-btn.active {
  background: #00b4d8;
  color: #0a2540;
}

/* Provider section toggle (CSS-driven) */
.provider-section {
  display: none;
}
.provider-section.active {
  display: block;
}

/* Google brand gradient badge */
.google-badge {
  background: linear-gradient(135deg, #4285F4, #34A853, #FBBC05, #EA4335);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Microsoft brand badge */
.ms-badge {
  background: linear-gradient(135deg, #F25022, #7FBA00, #00A4EF, #FFB900);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Check icon color */
.check {
  color: #00b4d8;
}

/* Dark-mode overrides for email hosting page */
.dark .tab-btn {
  border-color: #1e3a5f !important;
  color: #94a3b8;
}
.dark .tab-btn:hover {
  border-color: #00b4d8 !important;
}