/* Small local refinements for the static English frontend. */
.navbar .nav-link { color: #fff !important; }
.navbar-toggler { border: 1px solid rgba(255,255,255,.65); padding: .35rem .6rem; }
.navbar-toggler-icon { display: inline-block; width: 1.35em; height: 1.35em; background: linear-gradient(180deg, transparent 18%, #fff 18%, #fff 30%, transparent 30%, transparent 46%, #fff 46%, #fff 58%, transparent 58%, transparent 74%, #fff 74%, #fff 86%, transparent 86%); }
.navbar-collapse { transition: height .2s ease; }
.hero-actions { margin-top: 1.5rem; }
.hero-cta { color: #fff !important; }
.hosting-plans-section { padding: 72px 0 60px; }
.hosting-plans-section h2 { margin-bottom: .75rem; }
.plans-intro { color: #3f566d; margin-bottom: 2rem; }
.plan-card { background: #fff; border-radius: 8px; box-shadow: 0 0 18px rgba(0,0,0,.16); height: 100%; }
.plan-card-body { display: flex; flex-direction: column; height: 100%; padding: 1.75rem 1.5rem; text-align: center; }
.plan-label { color: #0c2b97; font-family: 'Josefin Sans', sans-serif; font-size: .8rem; letter-spacing: .08em; margin-bottom: .35rem; text-transform: uppercase; }
.plan-card h3 { color: #0c2b97; margin-bottom: .6rem; }
.plan-price { color: #3f566d; margin-bottom: 1.25rem; }
.plan-price span { color: #0c2b97; font-family: 'Josefin Sans', sans-serif; font-size: 2rem; font-weight: 700; }
.plan-specs { border-top: 1px solid #dde4ee; flex: 1 1 auto; list-style: none; margin: 0 0 1.5rem; padding: 1rem 0 0; }
.plan-specs li { margin-bottom: .35rem; }
.plan-button { color: #fff !important; min-width: 0; width: 100%; padding: .65rem .5rem; white-space: normal; }
#footer ul { flex-wrap: wrap; row-gap: .6rem; }
#footer li a { color: #fff; }
a:focus, button:focus { outline: 3px solid #f4c430; outline-offset: 3px; }
@media (max-width: 991px) {
  .navbar-collapse { background: rgba(12,43,151,.96); margin: .35rem -1rem -.35rem; padding: .5rem 1rem 1rem; }
  .navbar-nav .nav-link { padding: .55rem 0; }
}
@media (max-width: 767px) {
  .btn { max-width: 100%; white-space: normal; padding: .65rem 1.25rem; }
  .hero-cta { font-size: .9rem; padding: .65rem 1.25rem; }
  .hosting-plans-section { padding: 55px 0 40px; }
  .plan-card-body { padding: 1.5rem 1.25rem; }
}