/* Mobile navbar visibility and layering fixes */
@media (max-width: 991.98px) {
    html, body { overflow-x: hidden; }
    * { box-sizing: border-box; }

  #mainNav { z-index: 1100; }
  #mainNav .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    padding: 0.5rem 1rem;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  }
  body.blue #mainNav .navbar-collapse {
    background: rgba(11, 21, 48, 0.98);
  }
  #mainNav .navbar-nav .nav-link { color: #050915; }
  body.blue #mainNav .navbar-nav .nav-link { color: #fff; }

    .container, .container-fluid, .row, .col { max-width: 100vw; }
    .text-break { word-break: break-word; }
}

/* Keep existing styles below */
.breadcrumb, .breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}

.show .navbar-nav {
    display: block;
}
.navbar-collapse.show {
    background: linear-gradient(135deg, #0b1530, #2980b9) !important;
}

body .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.3);
}

body .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}