/* =========================================================
   CrocoLoot — Navbar Global Final
========================================================= */

.croco-header,
.croco-header > *,
.croco-navbar {
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #eef1f4 !important;
}

.croco-header {
  margin-left: calc(50% - 50vw) !important;
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
  border-bottom: 1px solid #d9dde3 !important;
}

.croco-navbar {
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
  display: flex !important;
  align-items: stretch !important;
}

/* =========================================================
   LOGO AREA
========================================================= */

.croco-navbar > img.brxe-image {
  flex: 0 0 260px !important;
  width: 260px !important;
  max-width: 260px !important;

  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;

  padding: 6px 0 0 0 !important;

  object-fit: cover !important;
  object-position: center center !important;

  display: block !important;

  border-right: 1px solid #d9dde3 !important;
  background: #eef1f4 !important;

  box-sizing: border-box !important;
}

/* =========================================================
   MENU AREA
========================================================= */

.croco-navbar > .brxe-nav-menu {
  flex: 1 !important;

  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;

  display: flex !important;
  align-items: center !important;

  padding-left: 26px !important;

  background: #eef1f4 !important;
}

.croco-navbar .bricks-nav-menu {
  height: 80px !important;

  display: flex !important;
  align-items: center !important;

  gap: 42px !important;

  margin: 0 !important;
  padding: 0 !important;
}

.croco-navbar .bricks-nav-menu > li,
.croco-navbar .bricks-nav-menu > li > a {
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
}

/* =========================================================
   MENU LINKS
========================================================= */

.croco-navbar .bricks-nav-menu > li > a {
  position: relative !important;

  display: flex !important;
  align-items: center !important;

  padding: 0 !important;

  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  color: #666a70 !important;
  text-decoration: none !important;
}

.croco-navbar .bricks-nav-menu > li.current-menu-item > a {
  color: #29bfff !important;
  font-weight: 700 !important;
}

/* underline ativo + hover */
.croco-navbar .bricks-nav-menu > li > a::after {
  content: "";

  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  height: 3px;

  background: #29bfff;

  opacity: 0;
  transform: scaleX(0.65);
  transform-origin: center center;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.croco-navbar .bricks-nav-menu > li.current-menu-item > a::after,
.croco-navbar .bricks-nav-menu > li > a:hover::after {
  opacity: 1;
  transform: scaleX(1);
}/* =========================================================
   CROCOLOOT — NAVBAR OVERRIDE FINAL
   Fonte única: CSS global
========================================================= */

.croco-navbar .bricks-nav-menu > li > a,
.croco-navbar .bricks-nav-menu > li > a:visited {
  color: #666a70 !important;
}

.croco-navbar .bricks-nav-menu > li.current-menu-item > a,
.croco-navbar .bricks-nav-menu > li.current_page_item > a,
.croco-navbar .bricks-nav-menu > li.current-menu-ancestor > a,
.croco-navbar .bricks-nav-menu > li > a[aria-current="page"] {
  color: #29bfff !important;
  font-weight: 700 !important;
}

.croco-navbar .bricks-nav-menu > li > a::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 3px !important;
  background: #29bfff !important;
  opacity: 0 !important;
  transform: scaleX(0.65) !important;
  transform-origin: center center !important;
  transition: opacity 0.18s ease, transform 0.18s ease !important;
}

.croco-navbar .bricks-nav-menu > li.current-menu-item > a::after,
.croco-navbar .bricks-nav-menu > li.current_page_item > a::after,
.croco-navbar .bricks-nav-menu > li.current-menu-ancestor > a::after,
.croco-navbar .bricks-nav-menu > li > a[aria-current="page"]::after,
.croco-navbar .bricks-nav-menu > li > a:hover::after {
  background: #29bfff !important;
  opacity: 1 !important;
  transform: scaleX(1) !important;
}