/* ================= HEADER ================= */

.full-header {

  background: #fff;

  padding: 5px 0;

  margin-top: 5px;

  z-index: 999;

}



.inner-header.inner-container {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



/* Logo */

.header-logo {

  max-width: 185px;

  transition: all 0.3s;

}

.header-logo img {

  max-width: 100%;

  max-height: 80px;

}



/* Menu + Search */

.header-right {

  display: flex;

  align-items: center;

  gap: 20px;

}



.main-menu {

  margin: 0;

}



/* ================= SEARCH ================= */

.search-toggle-container {

  position: relative;

  display: flex;

  align-items: center;

}



.search-toggle-btn {

  background: none;

  border: none;

  font-size: 22px;

  cursor: pointer;

  color: #333;

}

.search-toggle-btn:hover {

  color: #ec1a23;

}



/* Dropdown */

.search-dropdown {

  position: absolute;

  top: calc(100% + 10px);

  right: 0;

  width: 300px;

  background: #fff;

  padding: 20px;

  border-radius: 8px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);

  display: none;

  z-index: 9999;

}



.search-toggle-container:hover .search-dropdown {

  display: block;

}



.search-dropdown form {

  display: flex;

  gap: 10px;

}



.search-dropdown .search-field {

  flex: 1;

  padding: 10px 14px;

  border: 1px solid #ddd;

  border-radius: 6px;

  font-size: 14px;

}



.search-dropdown .search-submit {

  background: #ec1a23;

  color: #fff;

  border: none;

  border-radius: 6px;

  padding: 10px 14px;

  cursor: pointer;

}

.search-dropdown .search-submit:hover {

  background: #b71c1c;

}



/* ================= HEADER TOP ================= */

.full-header-top {

  background: #ec1a23;

  font-size: 13.6px;

}



.left-header-top,

.right-header-top {

  display: flex;

  align-items: center;

  gap: 10px;

  color: #fff;

}



/* Container cha – vùng hover CHUNG */

.search-toggle-container {

  position: relative;

}



/* Dropdown ẩn mặc định */

.search-dropdown {

  position: absolute;

  top: 100%;

  right: 0;

  width: 300px;

  background: #fff;

  padding: 15px;

  border-radius: 8px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);

  display: none;

  z-index: 9999;

}



/* 👉 HOVER VÀO CONTAINER (icon + dropdown) */

.search-toggle-container:hover .search-dropdown,

.search-dropdown:hover {

  display: block;

}



/* Tạo vùng đệm để chuột không bị "rớt" */

.search-dropdown::before {

  content: "";

  position: absolute;

  top: -12px;

  left: 0;

  width: 100%;

  height: 12px;

}



.flag-language-switch {

  position: relative;

  display: inline-block;

  font-family: sans-serif;

}



.flag-selected {

  cursor: pointer;

  display: flex;

  align-items: stretch;

  gap: 6px;

  background-color: transparent;

  color: #fff;

  border-radius: 5px;

  padding: 5px 10px;

  transition: background 0.3s;

}

.current-flag {

  border-radius: 50%;

  height: 25px;

  width: 25px;

  object-fit: cover;

}

.flag-text {

  display: flex;

  align-items: center;

  gap: 2px;

}

.current-lang-code {

  width: calc(100% - 25px);

  font-weight: 600;

  text-transform: uppercase;

  font-size: 14px;

  color: #fff;

}



.arrow-down {

  transition: transform 0.2s ease;

  width: 20px;

}



.flag-selected.active .arrow-down {

  transform: rotate(180deg);

}



.flag-dropdown {
  min-width: auto;
  display: flex;
  padding: 10px 20px;

}



.flag-item {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  padding: 8px 12px;

  cursor: pointer;

  transition: background 0.2s;

}

.flag-item img {
  border: 1px solid #c9d1d9;
}

.flag-item:hover {

  background: #f5f5f5;

}

/* Ẩn popup đánh giá bản dịch và tooltip phản hồi */

.goog-tooltip,

.goog-tooltip:hover,

.goog-tooltip::after,

.goog-tooltip::before,

.goog-te-balloon-frame,

.goog-te-banner-frame,

#goog-gt-tt {

  display: none !important;

  visibility: hidden !important;

  opacity: 0 !important;

  pointer-events: none !important;

}





li.language-switcher {

  display: none;

}

.flag-language-switch {

  width: auto;

}

.flag-selected {

  width: 100%;

}

.flag-text {

  flex: 1;

}

.current-lang-code {

  width: auto;

  color: #000;

}

.arrow-down {

  stroke: #000;

}

.full-breadcrumb {

  margin-bottom: 20px;

}

li.translate {

  display: none;

}

li.language-switcher {

  display: block;

  padding: 0 10px;

  margin-bottom: 15px;

}









/* ================= STICKY ================= */

@media (min-width: 1100px) {

  .full-header.sticky .header-logo {

    max-width: 120px;

  }

}



/* ================= MOBILE ================= */

@media (max-width: 768px) {

  .right-header-top {

    display: none;

  }



  .left-header-top {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    text-align: center;

    gap: 5px;

  }



  .header-logo {

    max-width: 140px;

  }



  .header-logo img {

    max-height: 60px;

  }

}

@media (max-width: 768px) {



  /* Menu panel */

  .mega-menu-wrap {

    display: flex;

    flex-direction: column;

  }



  /* Search trong menu */

  .mobile-search {

    padding: 15px;

    border-bottom: 1px solid #eee;

  }



  /* Language cuối menu */

  .mobile-language {

    padding: 15px;

    border-top: 1px solid #eee;

    margin-top: auto;

  }



  .mobile-search .search-dropdown {

    display: block;

    position: static;

  }



  .mobile-search .search-toggle-btn {

    display: none;

  }



  .mobile-search input {

    width: 100%;

  }

}