/* Cementare header parity — reference: latest Mikrobetonkaplama ZIP.
   Header only. Hero/content/footer intentionally untouched.
   Cementare logo transparent-left ratio measured from the actual PNG: 0.02389. */

html body#top #menu1-2uh,
html body#top #menu1-2uh * {
  font-family:"Inter",Arial,Helvetica,sans-serif;
}

/* ---------- Desktop geometry / spacing ---------- */
@media (min-width:992px) {
  html body#top #menu1-2uh .navbar {
    min-height:78px!important;
    padding:8px clamp(20px,3.25vw,52px)!important;
    align-items:center!important;
  }
  html body#top #menu1-2uh .menu-logo {
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    margin-right:clamp(20px,2.8vw,42px)!important;
  }
  html body#top #menu1-2uh .navbar-brand,
  html body#top #menu1-2uh .navbar-logo,
  html body#top #menu1-2uh .navbar-logo a {
    display:flex!important;
    align-items:center!important;
    margin:0!important;
    padding:0!important;
  }
  html body#top #menu1-2uh .navbar-nav {
    margin-left:auto!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
  }
  html body#top #menu1-2uh .navbar-nav > .nav-item {
    display:flex!important;
    align-items:center!important;
    margin:0 2px!important;
  }
  html body#top #menu1-2uh .navbar-nav > .nav-item > .nav-link {
    padding:.7rem 8px!important;
    margin:0!important;
    font-size:15px!important;
    font-weight:500!important;
    line-height:1.4!important;
    letter-spacing:0!important;
    text-transform:none!important;
    white-space:nowrap!important;
  }
}

/* Reference logo sizes. */
@media (min-width:1101px) {
  html body#top #menu1-2uh .navbar-logo img {
    width:clamp(208px,14.8vw,224px)!important;
    height:auto!important;
    max-width:none!important;
    transform:translateY(1px)!important;
    object-fit:contain!important;
  }
  /* Index: visible logo edge = hero kicker edge (hero shell begins at 5vw). */
  html body#top.ct-cementare-page #menu1-2uh .menu-logo {
    margin-left:calc(5vw - clamp(20px,3.25vw,52px) - 5.35px)!important;
  }
}
@media (min-width:992px) and (max-width:1100px) {
  html body#top #menu1-2uh .navbar-logo img {
    width:clamp(194px,18vw,202px)!important;
    height:auto!important;
    max-width:none!important;
    transform:translateY(1px)!important;
  }
  html body#top.ct-cementare-page #menu1-2uh .menu-logo {
    margin-left:calc(5vw - clamp(20px,3.25vw,52px) - 4.75px)!important;
  }
}
@media (min-width:992px) {
  html body#top #menu1-2uh .navbar.navbar-short .navbar-logo img {
    width:clamp(194px,13.5vw,206px)!important;
    height:auto!important;
  }
}

/* ---------- Primary + mega menu type system ---------- */
html body#top #menu1-2uh .navbar-nav .nav-item .nav-link {
  font-family:"Inter",Arial,Helvetica,sans-serif!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.4!important;
  letter-spacing:0!important;
}
html body#top #menu1-2uh .mega-menu-panel .mega-brand-link {
  font-family:"Inter",Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.4!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html body#top #menu1-2uh .mega-menu-panel .mega-product-link {
  font-family:"Inter",Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.4!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* ---------- Header tools: reference search / language / social geometry ---------- */
@media (min-width:992px) {
  html body#top #menu1-2uh .ct70-header-tools {
    position:relative!important;
    min-height:42px!important;
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    margin-left:11px!important;
    padding:0 0 0 15px!important;
    border:0!important;
    white-space:nowrap!important;
  }
  html body#top #menu1-2uh .ct70-header-tools::before {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:1px;
    height:17px;
    transform:translateY(-50%);
    background:rgba(219,197,173,.26);
    pointer-events:none;
  }
  html body#top #menu1-2uh .ct70-search-trigger {
    width:28px!important;
    height:42px!important;
    flex:0 0 28px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    transform:none!important;
  }
  html body#top #menu1-2uh .ct70-search-trigger svg {
    width:15.5px!important;
    height:15.5px!important;
    stroke-width:1.55!important;
  }
  html body#top #menu1-2uh .ct70-language-toggle {
    min-width:0!important;
    height:42px!important;
    padding:0!important;
    gap:7px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:inline-flex!important;
    align-items:center!important;
  }
  html body#top #menu1-2uh .ct70-lang-current,
  html body#top #menu1-2uh .ct70-lang-link {
    min-width:0!important;
    height:42px!important;
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font:500 11.5px/1 "Inter",Arial,Helvetica,sans-serif!important;
    letter-spacing:.115em!important;
  }
  html body#top #menu1-2uh .ct70-lang-current {color:#dbc5ad!important;}
  html body#top #menu1-2uh .ct70-lang-link {color:rgba(255,255,255,.62)!important;}
  html body#top #menu1-2uh .ct70-lang-separator {
    width:1px!important;
    height:11px!important;
    background:rgba(255,255,255,.19)!important;
  }
  html body#top #menu1-2uh .ct70-social-divider {
    width:1px!important;
    height:17px!important;
    flex:0 0 1px!important;
    margin:0 1px!important;
    background:rgba(219,197,173,.26)!important;
  }
  html body#top #menu1-2uh .ct70-social-links {
    height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:3px!important;
  }
  html body#top #menu1-2uh .ct70-social-link {
    width:26px!important;
    height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    transform:none!important;
  }
  html body#top #menu1-2uh .ct70-social-link svg {
    width:17.5px!important;
    height:17.5px!important;
    stroke-width:1.4!important;
  }
}

/* ---------- Tablet ---------- */
@media (min-width:701px) and (max-width:991px) {
  html body#top #menu1-2uh .navbar {
    min-height:76px!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
    padding-left:max(22px,env(safe-area-inset-left))!important;
    padding-right:max(22px,env(safe-area-inset-right))!important;
  }
  html body#top #menu1-2uh .navbar-logo img,
  html body#top #menu1-2uh .navbar.navbar-short .navbar-logo img {
    width:clamp(178px,23vw,198px)!important;
    max-width:198px!important;
    height:auto!important;
    transform:none!important;
  }
  html body#top.ct-cementare-page #menu1-2uh .menu-logo {
    margin-left:calc(5vw - 22px - 4.55px)!important;
  }
  html body#top #menu1-2uh .navbar-toggler,
  html body#top #menu1-2uh .navbar.navbar-short .navbar-toggler-right {
    top:15px!important;
    right:max(20px,env(safe-area-inset-right))!important;
    width:46px!important;
    height:46px!important;
  }
}

/* ---------- Hamburger / mobile navigation ---------- */
@media (max-width:991px) {
  html body#top #menu1-2uh .navbar-nav .nav-item .nav-link {
    font-size:16px!important;
    font-weight:500!important;
    line-height:1.4!important;
    letter-spacing:0!important;
  }
  html body#top #menu1-2uh .mega-menu-panel .mega-brand-link {
    font-size:15px!important;
    font-weight:500!important;
    line-height:1.4!important;
    letter-spacing:0!important;
  }
  html body#top #menu1-2uh .mega-menu-panel .mega-product-link {
    font-size:14px!important;
    font-weight:400!important;
    line-height:1.4!important;
    letter-spacing:0!important;
  }
  html body#top #menu1-2uh .navbar-collapse {
    min-width:0!important;
    box-sizing:border-box!important;
  }
  html body#top #menu1-2uh .navbar-nav > .nav-item > .nav-link {
    margin:0!important;
  }
  html body#top #menu1-2uh .ct70-header-tools {
    width:calc(100% - 30px)!important;
    min-height:46px!important;
    height:auto!important;
    margin:8px 15px 4px!important;
    padding:7px 0 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:13px!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
  }
  html body#top #menu1-2uh .ct70-search-trigger {
    width:34px!important;
    height:38px!important;
    flex:0 0 34px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body#top #menu1-2uh .ct70-search-trigger svg {
    width:15.5px!important;
    height:15.5px!important;
    stroke-width:1.55!important;
  }
  html body#top #menu1-2uh .ct70-social-links {
    height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:3px!important;
  }
  html body#top #menu1-2uh .ct70-social-link {
    width:28px!important;
    height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html body#top #menu1-2uh .ct70-social-link svg {
    width:17px!important;
    height:17px!important;
    stroke-width:1.4!important;
  }
}

/* ---------- Phones ---------- */
@media (max-width:700px) {
  html body#top #menu1-2uh .navbar {
    min-height:68px!important;
    padding-top:max(8px,env(safe-area-inset-top))!important;
    padding-bottom:8px!important;
    padding-left:max(14px,env(safe-area-inset-left))!important;
    padding-right:max(14px,env(safe-area-inset-right))!important;
  }
  html body#top #menu1-2uh .menu-logo {
    margin:0!important;
    padding:0!important;
    align-self:flex-start!important;
  }
  html body#top #menu1-2uh .navbar-brand {
    min-height:52px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
  }
  html body#top #menu1-2uh .navbar-logo img,
  html body#top #menu1-2uh .navbar.navbar-short .navbar-logo img {
    width:clamp(144px,39vw,158px)!important;
    height:auto!important;
    max-width:none!important;
    transform:none!important;
    opacity:1!important;
  }
  html body#top.ct-cementare-page #menu1-2uh .menu-logo {
    margin-left:2.5px!important;
  }
  html body#top #menu1-2uh .navbar-toggler,
  html body#top #menu1-2uh .navbar.navbar-short .navbar-toggler-right {
    right:max(10px,env(safe-area-inset-right))!important;
  }
}
@media (max-width:430px) {
  html body#top #menu1-2uh .navbar-logo img,
  html body#top #menu1-2uh .navbar.navbar-short .navbar-logo img {
    width:146px!important;
  }
  html body#top.ct-cementare-page #menu1-2uh .menu-logo {
    margin-left:2.5px!important;
  }
}

/* ---------- Short landscape phone ---------- */
@media (max-width:900px) and (max-height:520px) and (orientation:landscape) {
  html body#top #menu1-2uh .navbar {
    min-height:64px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
  html body#top #menu1-2uh .navbar-logo img,
  html body#top #menu1-2uh .navbar.navbar-short .navbar-logo img {
    width:154px!important;
  }
}

/* Keep existing smart-scroll/mega behavior authoritative. Only appearance changes here. */
html body#top #menu1-2uh.ct-header-scroll-hidden .navbar {
  pointer-events:none;
}
html body#top #menu1-2uh.ct-header-scroll-visible .navbar,
html body#top #menu1-2uh.ct-header-scroll-locked .navbar,
html body#top #menu1-2uh:focus-within .navbar {
  pointer-events:auto;
}


/* FINAL INDEX LOGO ↔ HERO KICKER ALIGNMENT
   Align the VISIBLE left edge of the logo artwork to the first C in
   "CEMENTARE · MICROCEMENT". Transparent PNG left padding is accounted for.
   Measured transparent-left ratio: 0.02389. */

/* Desktop: hero shell left edge = max(5vw, centered 1380px shell edge). */
@media (min-width:1101px){
  html body#top.ct-cementare-page #menu1-2uh .menu-logo{
    margin-left:calc(
      max(5vw, calc((100vw - 1380px) / 2))
      - clamp(20px,3.25vw,52px)
      - (clamp(208px,14.8vw,224px) * 0.02389)
    )!important;
  }
}

/* Compact desktop. */
@media (min-width:992px) and (max-width:1100px){
  html body#top.ct-cementare-page #menu1-2uh .menu-logo{
    margin-left:calc(
      5vw
      - clamp(20px,3.25vw,52px)
      - (clamp(194px,18vw,202px) * 0.02389)
    )!important;
  }
}

/* Tablet: Mikrobetonkaplama hero shell uses 28px visual gutter. */
@media (min-width:701px) and (max-width:991px){
  html body#top.ct-cementare-page #menu1-2uh .menu-logo{
    margin-left:calc(
      28px
      - max(22px,env(safe-area-inset-left))
      - (clamp(178px,23vw,198px) * 0.02389)
    )!important;
  }
}

/* Phone: hero kicker begins at 20px. */
@media (max-width:700px){
  html body#top.ct-cementare-page #menu1-2uh .menu-logo{
    margin-left:calc(
      20px
      - max(14px,env(safe-area-inset-left))
      - (clamp(144px,39vw,158px) * 0.02389)
    )!important;
  }
}
@media (max-width:430px){
  html body#top.ct-cementare-page #menu1-2uh .menu-logo{
    margin-left:calc(
      20px
      - max(14px,env(safe-area-inset-left))
      - (146px * 0.02389)
    )!important;
  }
}