/* Cementare Header Mobile/Tablet Responsive v1
   Shared safety layer for <=991px. Desktop header remains untouched. */
@media (max-width: 991px) {
  #menu1-2uh,
  #menu1-2uh .navbar,
  #menu1-2uh .navbar-collapse,
  #menu1-2uh .navbar-nav,
  #menu1-2uh .nav-item,
  #menu1-2uh .nav-link {
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  #menu1-2uh .navbar {
    width: 100% !important;
    max-width: 100% !important;
    padding-top: max(8px, calc(var(--cementare-safe-top) + 4px)) !important;
    padding-left: max(14px, calc(var(--cementare-safe-left) + 12px)) !important;
    padding-right: max(14px, calc(var(--cementare-safe-right) + 12px)) !important;
  }

  #menu1-2uh .menu-logo,
  #menu1-2uh .navbar-brand,
  #menu1-2uh .navbar-logo,
  #menu1-2uh .navbar-logo > a {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #menu1-2uh .navbar-toggler,
  #menu1-2uh .navbar.navbar-short .navbar-toggler-right {
    top: max(12px, calc(var(--cementare-safe-top) + 8px)) !important;
    right: max(10px, calc(var(--cementare-safe-right) + 10px)) !important;
    flex: 0 0 auto !important;
    touch-action: manipulation;
  }

  #menu1-2uh .navbar-collapse {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(var(--ct-mobile-vh-px, 100dvh) - 82px - var(--cementare-safe-bottom)) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: clip !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
    padding-bottom: max(18px, calc(var(--cementare-safe-bottom) + 10px)) !important;
  }

  #menu1-2uh .navbar-collapse.show,
  #menu1-2uh .navbar-collapse.collapsing {
    display: block !important;
  }

  #menu1-2uh .navbar-nav > .nav-item > .nav-link,
  #menu1-2uh .nav-item a.nav-link,
  #menu1-2uh .mega-brand-link,
  #menu1-2uh .mega-product-link {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  body.ct-mobile-menu-open {
    overflow: hidden !important;
    overscroll-behavior: none;
  }

  body.ct-mobile-menu-open #menu1-2uh .navbar.ct-smart-scroll-ready {
    transform: translate3d(0,0,0) !important;
  }
}

@media (max-width: 700px) {
  #menu1-2uh .navbar-collapse {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (min-width: 701px) and (max-width: 991px) {
  #menu1-2uh .navbar-collapse {
    width: min(720px, 100%) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 991px) and (orientation: landscape) and (max-height: 560px) {
  #menu1-2uh .navbar-collapse {
    max-height: calc(var(--ct-mobile-vh-px, 100dvh) - 68px - var(--cementare-safe-bottom)) !important;
  }

  #menu1-2uh .navbar-nav > .nav-item > .nav-link,
  #menu1-2uh .nav-item a.nav-link {
    min-height: 46px !important;
  }
}

/* Tablet QA refinement v2 — 2026-09-26
   701–991: force the shared compact/hamburger state even when legacy navbar-expand
   rules try to reopen the desktop nav. 992–1199: keep desktop nav, but tighten
   optical spacing for iPad landscape / small laptop widths. */
@media (max-width: 991px) {
  #menu1-2uh .navbar-toggler,
  #menu1-2uh .navbar.navbar-short .navbar-toggler-right {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #menu1-2uh .navbar-collapse.collapse:not(.show):not(.collapsing) {
    display: none !important;
  }

  #menu1-2uh .navbar-collapse.show,
  #menu1-2uh .navbar-collapse.collapsing {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #menu1-2uh .navbar-collapse .navbar-nav {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #menu1-2uh .navbar {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  #menu1-2uh .menu-logo {
    margin-left: 0 !important;
    margin-right: 10px !important;
    flex: 0 1 auto !important;
  }

  #menu1-2uh .navbar-logo img {
    width: clamp(164px, 16vw, 184px) !important;
    max-width: 184px !important;
    height: auto !important;
  }

  #menu1-2uh .navbar-collapse {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  #menu1-2uh .navbar-nav {
    min-width: 0 !important;
    column-gap: 0 !important;
  }

  #menu1-2uh .navbar-nav > .nav-item > .nav-link {
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 12.5px !important;
    letter-spacing: .025em !important;
    white-space: nowrap !important;
  }

  #menu1-2uh .ct70-header-tools {
    gap: 4px !important;
    margin-left: 4px !important;
    padding-left: 6px !important;
    flex: 0 0 auto !important;
  }

  #menu1-2uh .ct70-social-links {
    gap: 1px !important;
  }

  #menu1-2uh .ct70-social-link {
    width: 22px !important;
  }
}

/* Specificity bridge for the legacy compiled header selectors. */
@media (max-width: 991px) {
  #menu1-2uh#menu1-2uh .navbar-toggler,
  #menu1-2uh#menu1-2uh .navbar.navbar-short .navbar-toggler-right {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  #menu1-2uh#menu1-2uh .navbar-collapse.collapse:not(.show):not(.collapsing) {
    display: none !important;
  }
  #menu1-2uh#menu1-2uh .navbar-collapse.show,
  #menu1-2uh#menu1-2uh .navbar-collapse.collapsing {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #menu1-2uh#menu1-2uh .navbar {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  #menu1-2uh#menu1-2uh .menu-logo {
    margin-left: 0 !important;
    margin-right: 8px !important;
    flex: 0 1 auto !important;
  }
  #menu1-2uh#menu1-2uh .navbar-logo img {
    width: clamp(156px, 15vw, 176px) !important;
    max-width: 176px !important;
    height: auto !important;
  }
  #menu1-2uh#menu1-2uh .navbar-collapse {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  #menu1-2uh#menu1-2uh .navbar-nav > .nav-item > .nav-link {
    padding-left: 4px !important;
    padding-right: 4px !important;
    font-size: 12px !important;
    letter-spacing: .02em !important;
  }
  #menu1-2uh#menu1-2uh .ct70-header-tools {
    gap: 3px !important;
    margin-left: 3px !important;
    padding-left: 4px !important;
  }
  #menu1-2uh#menu1-2uh .ct70-social-link {
    width: 21px !important;
  }
}

/* Mobile/tablet menu controls must remain tappable above the opened collapse panel. */
@media (max-width: 991px) {
  #menu1-2uh .navbar-toggler,
  #menu1-2uh .navbar.navbar-short .navbar-toggler-right,
  #menu1-2uh#menu1-2uh .navbar-toggler,
  #menu1-2uh#menu1-2uh .navbar.navbar-short .navbar-toggler-right {
    z-index: 1005 !important;
  }

  #menu1-2uh .navbar-collapse,
  #menu1-2uh#menu1-2uh .navbar-collapse {
    z-index: 1002 !important;
  }
}