/* =========================================================
   IMPOR – FIX v47
   - Breadcrumbs uniform (no spaces around "/"), white, consistent markup
   - Uniform max width 1440px
   - Footer: thin separator line under legal links row
   - Mobile burger menu: white panel + dark/blue text, not transparent
   - Mobile menu panel height fits content (not full screen)
   ========================================================= */

/* 1) Uniform width 1440px */
.impor-container{
  max-width:1440px;
}

/* 2) Breadcrumbs */
.mini-hero .breadcrumbs{
  font-size: .9rem;
  color:#fff;
  opacity:.9;
}
.mini-hero .breadcrumbs a{
  color:#fff;
  text-decoration:none;
  opacity:.9;
}
.mini-hero .breadcrumbs a:hover{opacity:1;text-decoration:underline;}
.mini-hero .breadcrumbs .crumb-sep{
  display:inline-block;
  color:#fff;
  opacity:.9;
  margin:0;           /* no pause around "/" */
  padding:0;          /* no pause around "/" */
}

/* 3) Footer thin separator under legal links row */
.legalbar-hr{
  height:0;
  width:100%;
  border-top:1px solid rgba(255,255,255,.35);
  margin:.6rem 0 .75rem 0;
}

/* 4) Mobile menu panel (Bootstrap collapse) */
@media (max-width: 991.98px){
  /* ensure navbar is positioning context */
  .site-navbar, .navbar, header{ position:relative; }
  #mainNav.navbar-collapse, .navbar-collapse#mainNav{
    background:#fff !important;
    border-radius:12px;
    margin-top:10px;
    padding:12px 14px;
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
    position:absolute;
    left:12px;
    right:12px;
    top: calc(100% - 6px);
    z-index:1050;
    width:auto;
    max-height: calc(100vh - 120px);
    overflow:auto;
  }
  /* text colors inside panel */
  #mainNav .nav-link{
    color:#003399 !important;
    padding:10px 8px;
    border-radius:10px;
  }
  #mainNav .nav-link:hover,
  #mainNav .nav-link:focus{
    background: rgba(0,51,153,.08);
    color:#003399 !important;
  }
  /* headings if you have "Pagini / Categorii" labels */
  #mainNav .dropdown-header,
  #mainNav .menu-title,
  #mainNav .nav-title{
    color:#111 !important;
  }
  /* dropdown menus inside mobile panel */
  #mainNav .dropdown-menu{
    position:static !important;
    float:none !important;
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
    margin:0 !important;
    box-shadow:none !important;
  }
}

/* 5) Ensure breadcrumbs slash always white even if other styles exist */
.breadcrumbs, .breadcrumbs .crumb-sep{ color:#fff; }


/* 6) Footer legal links: no blue + no underline by default (keep as link) */
.footer-band .footer-legal a,
.footer-band .footer-legal a:link,
.footer-band .footer-legal a:visited,
.footer-band .footer-legal a:active{
  color: rgba(255,255,255,.92) !important;
  text-decoration: none !important;
}
.footer-band .footer-legal a:hover{
  color: #fff !important;
  text-decoration: underline !important;
  opacity: .9;
}
.footer-band .footer-legal a.active,
.footer-band .footer-legal a[aria-current="page"]{
  color:#fff !important;
  text-decoration: underline !important;
  font-weight: 500;
}


/* 7) Footer separator under legal links (visible thin line) */
.footer-band .legal-separator{
  border: 0;
  border-top: 1px solid rgba(255,255,255,.35); /* light grey on blue */
  margin: 10px 0 10px;
  height: 0;
  opacity: 1;
}


/* 8) Mobile burger: remove thick focus ring, keep subtle state */
#mainNav .navbar-toggler{
  border-width: 1px;
}
#mainNav .navbar-toggler:focus{
  box-shadow: none !important;
  outline: none !important;
}
#mainNav .navbar-toggler[aria-expanded="true"]{
  box-shadow: none !important;
  border-color: rgba(0,51,153,.45);
}