/* Bornbee Hosting - Trust Scheme v4.2.0
   Final layer focused on design psychology: calm, credible, serious, premium.
   Palette: midnight navy + warm paper + restrained moss-lime accent. */

:root {
  --bbt-navy: #122337;
  --bbt-navy-2: #1a2e45;
  --bbt-navy-3: #24384f;
  --bbt-ink: #152335;
  --bbt-muted: #5f6b7b;
  --bbt-paper: #f5f2ea;
  --bbt-paper-2: #eee9dd;
  --bbt-surface: #fffdf8;
  --bbt-white: #ffffff;
  --bbt-border: rgba(21, 35, 53, 0.12);
  --bbt-border-strong: rgba(21, 35, 53, 0.18);
  --bbt-border-dark: rgba(255, 255, 255, 0.12);
  --bbt-accent: #b8d449;
  --bbt-accent-strong: #a8c13f;
  --bbt-accent-soft: #e8efc7;
  --bbt-accent-ink: #33410f;
}

html,
body,
.bh-main {
  background: var(--bbt-paper) !important;
  color: var(--bbt-muted) !important;
}

h1, h2, h3, h4, h5, h6,
.bh-section__header h2,
.bb-ref-heading h2,
.bb-modern-flow__intro h2,
.bb-ref-copy-block h2,
.bh-content h2,
.bh-content h3,
.bh-page-hosting-hero h1,
.bh-features-hero h1,
.bh-contact-hero h1,
.bh-free-hero h1,
.bb-ref-hero h1 {
  color: var(--bbt-ink) !important;
}

p, li, td, .bh-content p,
.bb-ref-heading p,
.bh-section__header p,
.bb-modern-flow__intro p,
.bb-ref-copy-block p {
  color: var(--bbt-muted) !important;
}

/* ------------------------------------------------------------------
   Header: calm and trustworthy, not loud or flashy.
   ------------------------------------------------------------------ */
.bh-header {
  position: sticky !important;
  top: 0 !important;
  background: rgba(250, 248, 242, 0.95) !important;
  border-bottom: 1px solid rgba(21, 35, 53, 0.08) !important;
  backdrop-filter: blur(12px) saturate(120%);
  box-shadow: none !important;
}

body.admin-bar .bh-header { top: 32px !important; }
@media (max-width: 782px) {
  body.admin-bar .bh-header { top: 46px !important; }
}

.bh-mobile-menu {
  background: var(--bbt-paper) !important;
  border-top: 1px solid rgba(21, 35, 53, 0.08) !important;
}

.bh-logo__text {
  color: var(--bbt-ink) !important;
  font-weight: 780 !important;
  letter-spacing: -0.05em !important;
}

.bh-nav > li > a,
.bh-nav__dropdown-trigger,
.bh-header__login {
  color: rgba(21, 35, 53, 0.78) !important;
}

.bh-nav > li > a:hover,
.bh-nav__dropdown-trigger:hover,
.bh-nav__has-dropdown:focus-within .bh-nav__dropdown-trigger,
.bh-header__login:hover {
  color: var(--bbt-ink) !important;
  background: rgba(21, 35, 53, 0.055) !important;
}

.bh-header__login,
.bb-ref-btn--ghost,
.bh-btn--secondary {
  background: transparent !important;
  color: var(--bbt-ink) !important;
  border: 1px solid var(--bbt-border) !important;
  box-shadow: none !important;
}

.bh-header .bh-btn--primary,
.bh-btn--primary,
.bb-ref-btn--primary,
.bb-ref-domain__form button,
.bh-newsletter__submit,
button[type="submit"],
input[type="submit"] {
  background: var(--bbt-accent) !important;
  color: var(--bbt-ink) !important;
  border: 1px solid rgba(51, 65, 15, 0.24) !important;
  box-shadow: none !important;
}

.bh-header .bh-btn--primary:hover,
.bh-btn--primary:hover,
.bb-ref-btn--primary:hover,
.bb-ref-domain__form button:hover,
.bh-newsletter__submit:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background: var(--bbt-accent-strong) !important;
  color: var(--bbt-ink) !important;
  transform: none !important;
}

/* ------------------------------------------------------------------
   Accent usage: restrained.
   ------------------------------------------------------------------ */
.bb-ref-eyebrow,
.bh-kicker,
.bh-badge--lime,
.bh-badge,
.bh-kicker--lime,
.bb-ref-plan-card__badge,
.bb-ref-pricing-toggle button span {
  color: var(--bbt-accent-ink) !important;
}

.bb-ref-eyebrow::before,
.bh-kicker::before {
  background: var(--bbt-accent) !important;
}

.bh-badge--lime,
.bh-badge,
.bb-ref-plan-card__badge,
.bb-ref-pricing-toggle button span {
  background: var(--bbt-accent-soft) !important;
  border: 1px solid rgba(51, 65, 15, 0.08) !important;
}

/* ------------------------------------------------------------------
   Dark trust zones: midnight navy rather than bright blue/black gradients.
   ------------------------------------------------------------------ */
.bh-section--dark,
.bb-ref-hero,
.bb-ref-section--pricing,
.bb-ref-dark-panel,
.bb-ref-final-cta,
.bh-cta-final,
.bh-footer,
.bh-strategy-value,
.bh-page-email-hero,
.bh-page-security-hero,
.bh-page-migrations-hero,
.bh-page-backups-hero {
  background: linear-gradient(180deg, var(--bbt-navy) 0%, var(--bbt-navy-2) 100%) !important;
  color: rgba(255, 255, 255, 0.84) !important;
}

.bb-ref-hero__bg {
  background:
    radial-gradient(circle at 80% 18%, rgba(184, 212, 73, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.00)) !important;
  opacity: 1 !important;
}

.bh-section--dark h1,
.bh-section--dark h2,
.bh-section--dark h3,
.bh-section--dark h4,
.bb-ref-hero h1,
.bb-ref-section--pricing h1,
.bb-ref-section--pricing h2,
.bb-ref-section--pricing h3,
.bb-ref-dark-panel h1,
.bb-ref-dark-panel h2,
.bb-ref-dark-panel h3,
.bb-ref-final-cta__inner h1,
.bb-ref-final-cta__inner h2,
.bb-ref-final-cta__inner h3,
.bh-cta-final__inner h1,
.bh-cta-final__inner h2,
.bh-cta-final__inner h3,
.bh-strategy-value__inner h1,
.bh-strategy-value__inner h2,
.bh-strategy-value__inner h3,
.bh-footer h2,
.bh-footer h3,
.bh-page-email-hero h1,
.bh-page-security-hero h1,
.bh-page-migrations-hero h1,
.bh-page-backups-hero h1 {
  color: #ffffff !important;
}

.bh-section--dark p,
.bh-section--dark li,
.bb-ref-hero p,
.bb-ref-section--pricing p,
.bb-ref-section--pricing li,
.bb-ref-dark-panel p,
.bb-ref-dark-panel li,
.bb-ref-final-cta__inner p,
.bh-cta-final__inner p,
.bh-strategy-value__inner p,
.bh-strategy-value__inner li,
.bh-footer p,
.bh-footer li,
.bh-footer a,
.bh-page-email-hero p,
.bh-page-security-hero p,
.bh-page-migrations-hero p,
.bh-page-backups-hero p {
  color: rgba(255, 255, 255, 0.76) !important;
}

.bh-section--dark .bb-ref-eyebrow,
.bh-section--dark .bh-kicker,
.bb-ref-hero .bb-ref-eyebrow,
.bb-ref-section--pricing .bb-ref-eyebrow,
.bb-ref-dark-panel .bb-ref-eyebrow,
.bb-ref-final-cta__inner .bb-ref-eyebrow,
.bh-strategy-value__inner .bb-ref-eyebrow,
.bh-footer .bh-kicker {
  color: rgba(255, 255, 255, 0.88) !important;
}

/* ------------------------------------------------------------------
   Surfaces and cards.
   ------------------------------------------------------------------ */
.bb-ref-domain,
.bb-modern-flow,
.bb-ref-section--light,
.bh-section--cream,
.bh-section--light,
.bh-section--gray,
.bh-section--white {
  background: var(--bbt-paper) !important;
}

.bb-ref-domain__box,
.bb-modern-flow__card,
.bb-ref-service-card,
.bb-ref-plan-card,
.bh-plan-card,
.bh-faq-item,
.bh-contact-card,
.bh-feature-card,
.bh-strategy-included__grid article,
.bh-page-block,
.bh-card,
.bh-form-card,
.bh-trust-stat,
.bh-testimonial,
.bb-ref-copy-block,
.bb-ref-locations__map {
  background: var(--bbt-surface) !important;
  border: 1px solid var(--bbt-border) !important;
  box-shadow: none !important;
}

.bb-ref-domain__box,
.bb-modern-flow__card,
.bb-ref-service-card,
.bb-ref-plan-card,
.bh-plan-card,
.bh-faq-item,
.bh-contact-card,
.bh-feature-card,
.bh-strategy-included__grid article,
.bh-page-block,
.bh-card,
.bh-form-card,
.bh-trust-stat,
.bh-testimonial,
.bb-ref-copy-block {
  border-radius: 24px !important;
}

.bb-modern-flow__card span,
.bh-strategy-included__grid article span {
  color: var(--bbt-accent-ink) !important;
  background: var(--bbt-accent-soft) !important;
  border-radius: 999px;
}

/* Pricing cards inside dark sections should still read as light cards. */
.bb-ref-section--pricing .bb-ref-plan-card,
.bh-section--dark .bh-plan-card,
.bh-section--dark .bh-pricing-card,
.bh-section--dark .bh-pricing-grid article {
  background: var(--bbt-surface) !important;
  color: var(--bbt-ink) !important;
  border: 1px solid rgba(184, 212, 73, 0.45) !important;
}

.bb-ref-section--pricing .bb-ref-plan-card h3,
.bb-ref-section--pricing .bb-ref-plan-card p,
.bb-ref-section--pricing .bb-ref-plan-card li,
.bh-section--dark .bh-plan-card h3,
.bh-section--dark .bh-plan-card p,
.bh-section--dark .bh-plan-card li,
.bh-section--dark .bh-plan-card strong,
.bh-section--dark .bh-plan-card span {
  color: var(--bbt-ink) !important;
}

/* ------------------------------------------------------------------
   Trust strips and pills.
   ------------------------------------------------------------------ */
.bb-ref-logos {
  background: var(--bbt-paper) !important;
}

.bb-ref-logos ul,
.bh-trust-stats {
  gap: 14px !important;
}

.bb-ref-logos li,
.bh-trust-stat {
  background: rgba(255, 253, 248, 0.84) !important;
  border: 1px solid var(--bbt-border) !important;
  color: var(--bbt-ink) !important;
  box-shadow: none !important;
}

.bb-ref-hero__trust span,
.bh-page-hosting-signals span {
  color: rgba(255,255,255,0.80) !important;
}

/* ------------------------------------------------------------------
   Pricing toggles and included list.
   ------------------------------------------------------------------ */
.bh-pricing-toggle,
.bb-ref-pricing-toggle {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

.bh-pricing-toggle__option,
.bb-ref-pricing-toggle button {
  color: rgba(255,255,255,0.82) !important;
  background: transparent !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.bh-pricing-toggle__option.is-active,
.bb-ref-pricing-toggle button.is-active {
  background: var(--bbt-accent) !important;
  color: var(--bbt-ink) !important;
}

.bh-included__label,
.bh-included__list span,
.bh-included__list li,
.bh-included svg {
  color: rgba(255,255,255,0.88) !important;
}

/* ------------------------------------------------------------------
   FAQ and footer.
   ------------------------------------------------------------------ */
.bh-faq-item__trigger {
  color: var(--bbt-ink) !important;
}

.bh-faq-item__body p {
  color: var(--bbt-muted) !important;
}

.bh-footer {
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}

.bh-footer a:hover {
  color: #ffffff !important;
}

/* ------------------------------------------------------------------
   Subtle cleanup for over-bright lime text found in previous layers.
   ------------------------------------------------------------------ */
.bh-logo__accent,
.bh-badge--lime,
.bh-kicker--lime,
.bb-ref-heading--dark .bb-ref-eyebrow,
.bb-modern-flow__intro .bb-ref-eyebrow,
.bh-section--light .bb-ref-eyebrow,
.bh-section--cream .bb-ref-eyebrow,
.bb-ref-section--light .bb-ref-eyebrow {
  color: var(--bbt-accent-ink) !important;
}

.bb-ref-heading--dark .bb-ref-eyebrow,
.bb-ref-section--pricing .bb-ref-eyebrow,
.bh-section--dark .bb-ref-eyebrow,
.bh-section--dark .bh-kicker {
  color: rgba(255,255,255,0.88) !important;
}

/* Give serious contrast to muted small text. */
small,
.bh-text-muted,
.bb-ref-hero__mini-card span,
.bh-pricing-note,
.bh-plan-card__note {
  color: var(--bbt-muted) !important;
}

.bh-section--dark small,
.bh-section--dark .bh-text-muted,
.bb-ref-hero__mini-card,
.bb-ref-hero__mini-card span {
  color: rgba(255,255,255,0.76) !important;
}

/* Keep decorative lines subtle. */
[class*="grid"],
.bb-ref-hero__art::before,
.bb-ref-hero__art::after {
  box-shadow: none !important;
}