.menu-wrapper {
  background-color: var(--light-blue);
  color: #ffff;
  height: auto;
  padding: 1.6rem 0rem;
}

.menu-fixed {
  position: fixed;
  z-index: 999999;
  width: 100%;
}

.nav-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin: 0;
}

.mobile-social-icon .social-icon {
  font-size: 20px;
}

.navbar-toggler {
  height: auto;
  width: 50px;
  padding: 10px;
  font-size: 35px;
  position: relative;
}

.nav-content li,
a {
  text-decoration: none;
  list-style: none;
  font-size: 16px;
  color: #ffff;
}

.nav-content a:hover {
  color: #ffff;
}

.circle-orange {
  border: 1px solid var(--orange);
  border-radius: 100%;
  height: auto;
  width: 30px;
  padding: 7px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle-orange .svg-inline--fa {
  height: 1.6rem;
}

@media screen and (max-width: 991px) {
  .nav-content {
    flex-direction: column;
    padding: 20px 0 20px;
  }

  .nav-content li a {
    font-size: 25px;
  }

  .nav-content li:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    width: 100%;
    text-align: center;
    padding: 10px 0;
  }

  .nav-content li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    width: 100%;
    text-align: center;
    padding: 10px 0;
  }

  .logo-sanko img {
    height: auto;
    width: 115px;
  }

  .menu-wrapper {
    padding: 2rem 0rem;
  }
}

/* Oculta redes sociais no desktop para telas <= 1366px */
@media screen and (max-width: 1366px) {
  .hide-social-1366 {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
}

/* Aplica 75% de largura apenas entre 992px e 1368px */
@media screen and (min-width: 992px) and (max-width: 1368px) {
  .container-custom {
    width: 75% !important;
  }
  
}

/* ////////////////////////////////////////////////// */

/* ==========================================
   HOVER PREMIUM NOS ITENS DO MENU
   ========================================== */
.nav-content li a {
  position: relative;
  transition: 
    color 0.25s ease,
    transform 0.25s ease,
    text-shadow 0.25s ease;
}

.nav-content li a:hover {
  color: var(--orange);
  transform: translateY(-2px);
  text-shadow: 0 2px 6px rgba(255, 165, 0, 0.35);
}

/* Linha suave aparecendo no hover (opcional e elegante) */
.nav-content li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0%;
  height: 2px;
  background: var(--orange);
  transition: width 0.25s ease;
  border-radius: 2px;
}

.nav-content li a:hover::after {
  width: 100%;
}


/* /////////////////////////////////////////////// */

.header-logo-wrapper {
    display: flex;
    align-items: center;
    gap: 12px; /* espaço entre o logo e o ISOS */
}

@media (max-width: 767px) {
    .isos-header {
        margin-left: 42px;
    }
}

/* ///////////////////////////////////////////// */

/* WRAPPER */
.menu-wrapper {
    padding: 14px 0; /* espaçamento vertical do header */
}

/* Container */
.menu-wrapper .container { max-width: 1320px; }

/* LOGO */
.logo-sanko img {
    height: 55px;
    width: auto;
    display: block;
}

/* ISOS */
.isos-header {
    height: 56px;
    width: auto;
    display: block;
}

/* COLUNA ISOS — garantir centralização em todos os casos */
.isos-col {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* MENU DESKTOP */
.nav-content {
    display: flex;
    gap: 12px;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav-content li { margin: 0; }
.nav-content li a {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    padding: 6px 0;
    transition: .25s;
}

/* Hover premium */
.nav-content li a:hover {
    color: var(--orange);
    transform: translateY(-2px);
    text-shadow: 0 2px 6px rgba(255,165,0,0.35);
}
.nav-content li a::after {
    content:"";
    display:block;
    height:2px;
    width:0%;
    background:var(--orange);
    transition:.25s;
    border-radius:4px;
}
.nav-content li a:hover::after { width:100%; }

/* SOCIAL */
.social-col .d-flex { gap: 5px; }

/* Animação premium nos ícones sociais */
.social-col a,
.social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .25s ease, 
                box-shadow .25s ease, 
                background-color .25s ease;
}

/* Hover animado */
.social-col a:hover,
.social-icon:hover {
    transform: translateY(-3px) scale(1.08);
    box-shadow: 0 4px 14px rgba(255, 165, 0, 0.35);
}
/* ----------- MOBILE FIX DEFINITIVO ----------- */

/* mobile: logo e hambúrguer ficam alinhados
   e os isos ficam CENTRALIZADOS entre eles */
@media (max-width: 991px) {

    /* Linha do topo no mobile: logo + hamb + isos centralizado */
    .mobile-header-line {
        position: relative;
        display: flex;
        align-items: center;
    }

    /* ISOS centralizado através de absoluta */
    .mobile-isos-central {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
    }

    .mobile-isos-central img {
        height: 32px !important;
    }

    .nav-content li a { font-size: 20px; }
}

/* ----------- FIM DO MOBILE FIX ----------- */