html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn,
.form-control,
.input-group-addon,
.input-group-btn > .btn,
.panel,
.panel-heading,
.panel-footer,
.alert,
.label,
.badge,
.list-group,
.list-group-item,
.modal-content,
.modal-header,
.modal-footer,
.nav-tabs > li > a,
.nav-pills > li > a,
.dropdown-menu,
.thumbnail,
.img-thumbnail,
.well,
.progress,
.progress-bar,
select.form-control,
textarea.form-control,
input.form-control {
  border-radius: 0 !important;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  color: #393742 !important;
}

.btn-primary {
  background-color: #393742 !important;
  border-color: #393742 !important;
  color: #fff !important;
}

.btn-primary:hover {
  background-color: #2a2933 !important;
  border-color: #2a2933 !important;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus {
  background-color: #1e1d25 !important;
  border-color: #1e1d25 !important;
  outline: none;
  box-shadow: none;
}

.btn-orange:hover {
  background-color: #e07800 !important;
  color: #fff !important;
}

.btn-orange:active,
.btn-orange:focus,
.btn-orange:active:focus {
  background-color: #c26600 !important;
  color: #fff !important;
  outline: none;
  box-shadow: none;
}

.btn:focus,
.btn:active,
.btn:active:focus {
  outline: none;
  box-shadow: none;
}

html {
  position: relative;
  min-height: 100%;
}

/* Plus/minus accordion sprite — match online site: 20×20px, natural image size */
.accordion .plus,
.accordion .minus {
  width: 20px !important;
  height: 20px !important;
  background-size: auto;
}
.accordion .plus {
  background-position: 0% 0%;   /* show + (top of sprite) */
}
.accordion .minus {
  background-position: 0% 100%; /* show - (bottom of sprite) */
}

body {
  margin-bottom: 60px;
}

/* ── Fix 1: Search bar mobile — lùi xuống để không che nút X ── */
@media (max-width: 1199px) {
  .full-search {
    margin-top: 60px !important;
    z-index: 5 !important;
  }
  .full-search .form-control {
    z-index: 5 !important;
  }
}

/* ── Fix 2: Menu mobile — expand icon (.hassub) cùng màu nền menu ── */
@media (max-width: 1199px) {
  .mobilenavi .hassub {
    background-color: #393742 !important; /* cùng màu nền menu */
    color: #f3f3f2 !important;            /* màu chữ sáng giống text menu */
  }
}

/* ── Fix 3: Return query — padding nhỏ, khoảng cách do breadcrumb giả đảm nhiệm ── */
.custom-801 {
  padding-top: 20px;
}

/* ── Fix 4: Nút Đăng nhập — move toàn bộ inline CSS ra đây, lớn hơn 30% (18px), căn giữa dọc ── */
.header-contact .top-info .row {
  display: flex;
  align-items: center;
  min-height: 40px;
}
.header-contact .login-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  height: auto !important;
}
.header-contact .login-nav a {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.6px;
  color: #ada195;
  text-transform: uppercase;
  text-decoration: none;
}

/* ── Fix 5: Desktop search — .btn-search bị che bởi .form-control (z-index:10) ── */
.btn-search {
  z-index: 15 !important;
}

/* ── Fix 6: Login page — reset màu chữ về dark (#333) thay vì màu nâu Dr.Hahn ── */
.client-login-form h2,
.client-login-form label,
.client-login-form .form-control {
  color: #333 !important;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}