/* ---------------------------------------------------------------------------
   Mailroom Dynamics LLC brand overrides on top of theme.min.css (Bootstrap 5).
   Logo colours (MRD/Logo, Pantone 321 U): teal #438995, ink #231F20.
   Primary #356D77 = darker logo teal so white button text passes WCAG AA
   (logo teal itself is only 4.0:1 on white). Light band #EEF5F6.
--------------------------------------------------------------------------- */
:root {
  --brand-primary: #356D77;
  --brand-primary-dark: #2A5760;
  --brand-accent: #438995;
  --brand-light: #EEF5F6;
  --brand-ink: #231F20;
  --bs-primary: #356D77;
  --bs-primary-rgb: 53, 109, 119;
  --bs-link-color: #356D77;
  --bs-link-hover-color: #2A5760;
}

/* Header: banner logo already contains the company name */
.header .navbar-brand img { width: 160px; height: auto; }
@media (min-width: 992px) { .header .navbar-brand img { width: 200px; } }
.header .offcanvas { min-width: 0; }
.header .navbar-nav .nav-link.active { color: var(--brand-primary); }

/* Buttons + links */
.btn-primary {
  --bs-btn-bg: #356D77; --bs-btn-border-color: #356D77;
  --bs-btn-hover-bg: #2A5760; --bs-btn-hover-border-color: #2A5760;
  --bs-btn-active-bg: #2A5760; --bs-btn-active-border-color: #2A5760;
  --bs-btn-disabled-bg: #356D77; --bs-btn-disabled-border-color: #356D77;
  color: #fff; background-color: #356D77; border-color: #356D77; box-shadow: none;
}
.btn-primary:hover, .btn-primary:focus { color: #fff; background-color: #2A5760; border-color: #2A5760; }
.btn-outline-primary {
  --bs-btn-color: #356D77; --bs-btn-border-color: #356D77;
  --bs-btn-hover-bg: #356D77; --bs-btn-hover-border-color: #356D77; --bs-btn-hover-color: #fff;
  color: #356D77; border-color: #356D77;
}
.btn-outline-primary:hover { color: #fff; background-color: #356D77; }
.text-primary { color: #356D77 !important; }
.border-primary { border-color: #356D77 !important; }
a { color: #356D77; }
a:hover { color: #2A5760; }
.breadcrumb-item a { color: inherit; }

/* Hero band in light teal */
.hero-brand { background: linear-gradient(180deg, #fafdfd 0%, var(--brand-light) 100%); }
.hero-logo { max-width: 100%; height: auto; filter: drop-shadow(0 .75rem 1.5rem rgba(67,137,149,.25)); }

.service-hero-badge {
  display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  background: rgba(67,137,149,.18); color: #2A5760; border-radius: 2rem; padding: .35rem 1rem;
}

/* Cards */
.brand-card {
  border: 0; border-top: 3px solid var(--brand-accent); border-radius: .75rem;
  box-shadow: 0 .25rem 1.25rem rgba(0,0,0,.07); transition: transform .2s ease, box-shadow .2s ease;
}
.brand-card:hover { transform: translateY(-4px); box-shadow: 0 .6rem 1.75rem rgba(67,137,149,.2); }
.brand-icon {
  width: 2.75rem; height: 2.75rem; display: flex; align-items: center; justify-content: center;
  background: rgba(67,137,149,.15); border-radius: 50%; flex-shrink: 0;
}

/* Compact footer */
.footer a { color: inherit; text-decoration: none; }
.footer a:hover { color: #356D77; text-decoration: underline; }
.footer .list-inline-item:not(:last-child) { margin-right: 1rem; }
@media (max-width: 991.98px) { .footer { padding-bottom: 4rem; } }

/* Replace the theme's default indigo (#6366f1) where it shows */
.breadcrumb-item.active, .breadcrumb-item a:hover,
.navbar .nav-link:hover, .navbar .nav-link:focus, .navbar .nav-link.active { color: #356D77 !important; }
.btn-scroll-top:hover .btn-scroll-top-icon { color: #356D77; }
::selection { background: rgba(67,137,149,.35); }

/* Footer band in light teal (theme default is lavender) */
.footer.bg-secondary { background-color: var(--brand-light) !important; }