.uk-offcanvas-close svg {
  display: none;
}

.uk-offcanvas-bar {
  padding-top: 80px !important;
}


.uk-offcanvas-bar::before {
  content: '';
  position: absolute;
  bottom: 0px;
  right: 0;
  width: 100%;
  height: 100%;
  background: url('/wp-content/uploads/2025/10/08ad1bd14d7d42028d4820f0accf86d3d51b99f4-scaled.png') no-repeat;
  background-position: 80% clamp(300px, calc(240.00px + 18.7500vw), 420px);
  background-size: auto 80%;
  opacity: 0.05;
  z-index: 0;
  pointer-events: none;
}


.uk-navbar-container:not(.uk-navbar-transparent) {
  background:
    linear-gradient(91.95deg,
      rgba(214, 54, 0, 0.1) 0%,
      rgba(255, 255, 255, 0.6) 10.62%,
      rgba(255, 255, 255, 0.636744) 20%,
      rgba(214, 54, 0, 0.1) 118.77%),
    /* lớp nền trắng */
    linear-gradient(0deg, #FFFFFF, #FFFFFF) !important;
}



@media (min-width: 960px) and (max-width: 1440px) {
  .tm-header .uk-navbar-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .tm-header .uk-navbar {
    flex-direction: column;
    /* Cho menu xuống hàng */
    align-items: center;
    width: 100%;
    gap: 5px;
  }

  .tm-header .uk-navbar-left,
  .tm-header .uk-navbar-right {
    justify-content: center;
    display: flex;
    width: 100%;
  }

  .tm-header .uk-navbar-right {
    gap: 0px;
    margin-top: -20px;
  }

  .tm-header .uk-navbar-nav {
    justify-content: center;
    flex-wrap: wrap;
    gap: 0px;
    margin-left: -6rem;
  }

  .tm-header .uk-navbar-nav>li>a {
    font-size: 16px;
    padding: 5px 10px;
  }

  .tm-header .uk-logo img {
    max-width: 180px;
    height: auto;
  }
}


.el-close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border: none;
  background: url('/wp-content/uploads/2025/10/close_fill.svg') no-repeat center/contain;
  background-color: transparent;
  cursor: pointer;
  z-index: 1000;
  transition: opacity 0.2s ease;
}

.uk-light .uk-dotnav>*>* {
  background: #FFFFFF !important;
}

.uk-light .uk-dotnav>.uk-active>* {
  background: #D63600 !important;
}


/* thay đổi icon select form */
.uk-select:not([multiple]):not([size]) {
  background-image: url('/wp-content/uploads/2025/11/up_small_fill-1.svg') !important;
}

/* ẩn icon mặc định */
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}
input[type="time"] {
  background-image: url("/wp-content/uploads/2025/11/Group-1.svg");
  background-repeat: no-repeat;
  background-position: right 10px center; 
  background-size: 24px 24px;
  padding-right: 18px;
  cursor: pointer;
}
input[type="date"] {
  background-image: url("/wp-content/uploads/2025/11/Group-2.svg");
  background-repeat: no-repeat;
  background-position: right 10px center; 
  background-size: 24px 24px;
  padding-right: 18px;
  cursor: pointer;
}

/* Placeholder cho time và date */
input[type="time"]::before,
input[type="date"]::before {
  content: attr(placeholder);
  color: #999;
  width: 100%;
}

/* Ẩn placeholder text ::before khi có giá trị */
input[type="time"]:valid::before,
input[type="date"]:valid::before {
  display: none;
}

/* Ẩn các field mặc định */
input[type="time"]::-webkit-datetime-edit-text,
input[type="time"]::-webkit-datetime-edit-hour-field,
input[type="time"]::-webkit-datetime-edit-minute-field,
input[type="time"]::-webkit-datetime-edit-ampm-field {
  display: none;
}

input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-year-field {
  display: none;
}

/* Hiển thị lại khi focus HOẶC có giá trị */
input[type="time"]:focus::-webkit-datetime-edit-text,
input[type="time"]:focus::-webkit-datetime-edit-hour-field,
input[type="time"]:focus::-webkit-datetime-edit-minute-field,
input[type="time"]:focus::-webkit-datetime-edit-ampm-field,
input[type="time"]:valid::-webkit-datetime-edit-text,
input[type="time"]:valid::-webkit-datetime-edit-hour-field,
input[type="time"]:valid::-webkit-datetime-edit-minute-field,
input[type="time"]:valid::-webkit-datetime-edit-ampm-field {
  display: inline;
}

input[type="date"]:focus::-webkit-datetime-edit-text,
input[type="date"]:focus::-webkit-datetime-edit-day-field,
input[type="date"]:focus::-webkit-datetime-edit-month-field,
input[type="date"]:focus::-webkit-datetime-edit-year-field,
input[type="date"]:valid::-webkit-datetime-edit-text,
input[type="date"]:valid::-webkit-datetime-edit-day-field,
input[type="date"]:valid::-webkit-datetime-edit-month-field,
input[type="date"]:valid::-webkit-datetime-edit-year-field {
  display: inline;
}

.wpcf7-spinner,
.wpcf7-response-output {
  display: none !important;
}