/* Shared Borderfree header navigation for inner pages. */
#menu-item-239 .pavo-menu__caret,
#menu-item-246 .pavo-menu__caret,
#menu-item-263 .pavo-menu__caret { display: none !important; }
#menu-item-239 > .pavo-menu__submenu,
#menu-item-246 > .pavo-menu__submenu,
#menu-item-263 > .pavo-menu__submenu { display: none !important; }
#menu-item-259,
#menu-item-267 { display: none !important; }
/* The template calls this item "Pages"; display the Borderfree label everywhere. */
#menu-item-246 .pavo-menu__link-text,
.handheld-navigation .menu-item-246 > a { font-size: 0 !important; }
#menu-item-246 .pavo-menu__link-text::after,
.handheld-navigation .menu-item-246 > a::after {
  content: "ABOUT US";
  font-size: 17px;
}

/* Keep the expanded Borderfree navigation on one desktop row. */
#pavo-menu-list-1abaa25 {
  flex-wrap: nowrap !important;
  white-space: nowrap;
}
#pavo-menu-list-1abaa25 > .pavo-menu__item > .pavo-menu__link {
  padding-left: 10px !important;
  padding-right: 10px !important;
  white-space: nowrap;
}
/* The existing Services destination is presented as Ready Stock. */
#menu-item-263 > .pavo-menu__link .pavo-menu__link-text {
  font-size: 0 !important;
}
#menu-item-263 > .pavo-menu__link .pavo-menu__link-text::after {
  content: "READY STOCK";
  font-size: 15px;
}
/* Render the drawer's labels explicitly in uppercase as well. */
#menu-item-239 > .pavo-menu__link .pavo-menu__link-text,
#menu-item-products > .pavo-menu__link .pavo-menu__link-text,
#menu-item-sourcing-export > .pavo-menu__link .pavo-menu__link-text,
#menu-item-273 > .pavo-menu__link .pavo-menu__link-text { font-size: 0 !important; }
#menu-item-239 > .pavo-menu__link .pavo-menu__link-text::after { content: "HOME"; font-size: 15px; }
#menu-item-products > .pavo-menu__link .pavo-menu__link-text::after { content: "PRODUCTS"; font-size: 15px; }
#menu-item-sourcing-export > .pavo-menu__link .pavo-menu__link-text::after { content: "SOURCING & EXPORT"; font-size: 15px; }
#menu-item-273 > .pavo-menu__link .pavo-menu__link-text::after { content: "CONTACT"; font-size: 15px; }
/* Highlight the current page in the main navigation. */
#pavo-menu-list-1abaa25 > .current-menu-item > .pavo-menu__link .pavo-menu__link-text,
#pavo-menu-list-1abaa25 > .current_page_item > .pavo-menu__link .pavo-menu__link-text,
#pavo-menu-list-1abaa25 > .current-menu-ancestor > .pavo-menu__link .pavo-menu__link-text,
#pavo-menu-list-1abaa25 > .pavo-menu__item > .pavo-menu__link[aria-current="page"] .pavo-menu__link-text {
  color: #f59b00 !important;
}

/* Match the footer's yellow Borderfree backdrop to the top section scale. */
.elementor-230 .elementor-element.elementor-element-3d1cc33 .elementor-heading-title {
  font-size: clamp(86px, 9vw, 172px) !important;
  letter-spacing: -0.045em;
  white-space: nowrap;
}
.elementor-230 .elementor-element.elementor-element-3d1cc33 {
  margin-bottom: calc(var(--kit-widget-spacing, 0px) - 70px) !important;
  position: relative;
  top: -65px;
}

@media (min-width: 768px) {
  .elementor-229 .elementor-element.elementor-element-5f400d4 > .e-con-inner {
    position: relative;
    justify-content: flex-start !important;
    gap: 0 !important;
  }
  .elementor-229 .elementor-element.elementor-element-1abaa25 {
    position: absolute !important;
    z-index: 5;
    top: 50%;
    left: 50%;
    width: auto !important;
    transform: translate(-50%, -50%);
  }
  #pavo-menu-1abaa25 .pavo-menu__link {
    font-family: Orbitron, "Stack Sans Headline", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: .025em;
    text-transform: uppercase;
  }
  /* Keep the phone number and WhatsApp control as one right-aligned group. */
  .elementor-229 .elementor-element.elementor-element-8e8ea8f {
    display: none !important;
  }
  .elementor-229 .elementor-element.elementor-element-f163db4 {
    position: fixed !important;
    top: 30px !important;
    right: 78px !important;
    margin: 0 !important;
    transform: none !important;
    flex: 0 0 auto !important;
    z-index: 1001;
  }
  .elementor-229 .elementor-element.elementor-element-9095d99 {
    position: fixed !important;
    top: 29px !important;
    right: 20px !important;
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    z-index: 1001;
  }
  .borderfree-whatsapp:not(.is-floating) {
    position: static !important;
    top: auto !important;
    right: auto !important;
    width: 42px;
    height: 42px;
  }
  .borderfree-whatsapp:not(.is-floating) img {
    width: 42px;
    height: 42px;
  }
}

@media (max-width: 767px) {
  /* Elementor hides the original header button on phones; keep WhatsApp visible. */
  .elementor-229 .elementor-element.elementor-element-9095d99 {
    display: block !important;
    visibility: visible !important;
  }
  .elementor-229 .elementor-element.elementor-element-5f400d4 > .e-con-inner {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  .elementor-229 .elementor-element.elementor-element-447f08d,
  .elementor-229 .elementor-element.elementor-element-1abaa25 {
    width: auto !important;
    flex: 0 0 auto !important;
  }
  .elementor-229 .elementor-element.elementor-element-447f08d .trixa-site-logo-img {
    width: 250px !important;
    height: auto !important;
  }
  .elementor-229 .elementor-element.elementor-element-1abaa25 { margin-left: auto !important; }
  #pavo-menu-1abaa25 .pavo-menu__toggle { margin: 0 !important; }
}

/* WhatsApp contact button: starts in the header and floats after scrolling. */
.borderfree-whatsapp {
  position: fixed !important;
  top: 24px;
  right: 20px;
  z-index: 1000;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  padding: 0 !important;
  border-radius: 50% !important;
  background: url("https://pngimg.com/uploads/whatsapp/whatsapp_PNG95155.png") center / contain no-repeat !important;
  box-shadow: none;
  transition: top .55s ease, right .55s ease, transform .25s ease, box-shadow .25s ease;
}
.borderfree-whatsapp:hover { transform: scale(1.08); box-shadow: none; }
.borderfree-whatsapp img { width: 58px; height: 58px; object-fit: contain; }
.borderfree-whatsapp svg { display: none; }
.borderfree-whatsapp::before,
.borderfree-whatsapp::after,
.borderfree-whatsapp .elementor-button-content-wrapper::before,
.borderfree-whatsapp .elementor-button-content-wrapper::after,
.borderfree-whatsapp .elementor-button-text::before,
.borderfree-whatsapp .elementor-button-text::after { display: none !important; content: none !important; }
.borderfree-whatsapp.is-floating { top: calc(100vh - 155px); right: 25px; }

/* Footer: reserve enough room for the complete navigation label and email address. */
@media (min-width: 768px) {
  .elementor-230 .elementor-element.elementor-element-3386dbd {
    --width: 220px !important;
    width: 220px !important;
    flex: 0 0 220px !important;
    margin-left: 0 !important;
    margin-right: 20px !important;
  }
  .elementor-230 .elementor-element.elementor-element-838e1d6 {
    --width: 340px !important;
    width: 340px !important;
    flex: 0 0 340px !important;
  }
  .elementor-230 .elementor-element.elementor-element-f86a41b .elementor-icon-list-text,
  .elementor-230 .elementor-element.elementor-element-5392b2d .elementor-heading-title,
  .elementor-230 .elementor-element.elementor-element-5392b2d a {
    white-space: nowrap !important;
  }
}

@media (max-width: 767px) {
  /* Use the same uppercase treatment as the desktop navigation. */
  #pavo-menu-1abaa25 .pavo-menu__link,
  #pavo-menu-1abaa25 .pavo-menu__link-text,
  .handheld-navigation a {
    text-transform: uppercase !important;
  }
  /* Keep WhatsApp out of the mobile header and dock it above the up button. */
  .borderfree-whatsapp,
  .borderfree-whatsapp.is-floating {
    top: auto;
    right: 16px;
    bottom: 72px;
    width: 46px;
    height: 46px;
    z-index: 1001;
  }
  .borderfree-whatsapp img { width: 46px; height: 46px; }
  .scrollup { right: 16px; bottom: 16px; z-index: 1000; }
  /* Compact the Contact page banner on phones. */
  .elementor-231 .elementor-element.elementor-element-f2ad24e {
    min-height: 300px !important;
  }
}
