/* Extracted from header.php (temporary). Keep inline styles in header.php as fallback. */

@media (max-width: 775px){
   #value1{
        display: none !important;
    }
    header .top_header .pull-left {
        margin-bottom: 0px;
    }
}

.top_header a:hover {
    text-decoration: underline;
    opacity: 0.9;
}



/* Fix: ensure top header state contents visible and aligned on localhost
   Kept minimal and scoped to header to avoid changing global styles. */
header .top_header .state{display:block}
header .top_header .state a{color:#fff;text-decoration:none}
header .top_header ul li{display:inline-block;margin-right:37px;margin-top:5px;vertical-align:middle}
header .top_header ul li:last-child{margin-right:0}
header .top_header ul li i{font-size:16px;margin-right:5px}
/* ===== CLEAN PROFESSIONAL NAVBAR FIX ===== */

/* top bar */
.top_header{
  height: 42px;
  min-height: 42px !important;
  background: #fe4d29 !important;
  display: flex;
  align-items: center;
  padding: 0;
}

.top_header .container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%
}

header .top_header .pull-left,
header .top_header .pull-right{
  display: flex;
  align-items: center;
  height: 100%;
  line-height: normal !important;
}

/* text spacing */
header .top_header ul li{
  margin-right: 20px !important;
  font-size: 13px !important;
}

header .top_header ul li i{
  font-size: 14px !important;
  margin-right: 5px;
}

/* remove extra vertical spacing */
header .top_header .state{
  line-height: normal !important;
}

/* main navbar */
.theme_menu{
  background: #ffffff !important;
  min-height: 78px !important;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 6px 18px rgba(15,23,42,0.05);
  position: relative;
  z-index: 999;
}

.theme_menu .container{
  position: relative;
}

/* logo */
.theme_menu .logo{
  padding: 0 !important;
  margin: 0 !important;
  line-height: 78px !important;
}

.theme_menu .logo img.fifo82,
.theme_menu .logo .fifo82,
.fifo82{
  width: 180px !important;
  height: 58px !important;
  object-fit: contain !important;
  display: inline-block !important;
  vertical-align: middle !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
}

/* IMPORTANT: plugin ko flex mat karo */
.menuzord{
  background: transparent !important;
}

.menuzord-menu > li > a{
  color: #162033 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  padding: 29px 18px 28px 18px !important;
  line-height: 20px !important;
  transition: color .2s ease, background-color .2s ease;
}

.menuzord-menu > li > a:hover,
.menuzord-menu > li.active > a{
  color: #fe4d29 !important;
  background: transparent !important;
}

/* subtle underline */
.menuzord-menu > li > a{
  position: relative;
}

.menuzord-menu > li > a:after{
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  height: 2px;
  background: #fe4d29;
  border-radius: 10px;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .25s ease;
}

.menuzord-menu > li > a:hover:after,
.menuzord-menu > li.active > a:after{
  transform: scaleX(1);
}

/* dropdown */
.menuzord-menu ul.dropdown{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.10) !important;
  padding: 8px 0 !important;
  min-width: 290px !important;
  overflow: hidden;
}

.menuzord-menu ul.dropdown li a{
  color: #162033 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  padding: 11px 18px !important;
  background: #fff !important;
  transition: background-color .2s ease, color .2s ease, padding-left .2s ease;
}

.menuzord-menu ul.dropdown li a:hover{
  color: #fe4d29 !important;
  background: rgba(254,77,41,0.07) !important;
  padding-left: 24px !important;
}

/* remove weird old hover rule effect if still present */
.theme_menu > li > a:hover{
  padding: 0 !important;
}

/* mobile */
@media (max-width: 991px){
  .top_header{
    min-height: 44px !important;
  }

  .theme_menu{
    min-height: 70px !important;
  }

  .theme_menu .logo{
    line-height: 70px !important;
  }

  .theme_menu .logo img.fifo82,
  .theme_menu .logo .fifo82,
  .fifo82{
    width: 155px !important;
    height: 50px !important;
  }

  .menuzord-menu > li > a{
    padding: 14px 16px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 775px){
  #value1{
    display: none !important;
  }

  header .top_header .pull-left{
    margin-bottom: 0 !important;
    line-height: 44px !important;
  }
}