.elementor-kit-1765{--e-global-color-primary:#111111;--e-global-color-secondary:#0066CC;--e-global-color-text:#7A7A7A;--e-global-color-accent:#0066CC;--e-global-typography-primary-font-family:"Noto Sans";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:1.5em;--e-global-typography-primary-letter-spacing:-0.2px;--e-global-typography-secondary-font-family:"Noto Sans";--e-global-typography-secondary-font-size:14px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-secondary-letter-spacing:-0.2px;--e-global-typography-text-font-family:"Noto Sans";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:-0.2px;--e-global-typography-accent-font-family:"Noto Sans";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.5em;--e-global-typography-accent-letter-spacing:-0.2px;color:#222222;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-1765 button,.elementor-kit-1765 input[type="button"],.elementor-kit-1765 input[type="submit"],.elementor-kit-1765 .elementor-button{background-color:#0066CC;font-family:"Noto Sans", Sans-serif;font-size:16px;font-weight:500;line-height:1.5px;letter-spacing:-0.2px;color:#FFFFFF;border-radius:4px 4px 4px 4px;padding:12px 24px 12px 24px;}.elementor-kit-1765 button:hover,.elementor-kit-1765 button:focus,.elementor-kit-1765 input[type="button"]:hover,.elementor-kit-1765 input[type="button"]:focus,.elementor-kit-1765 input[type="submit"]:hover,.elementor-kit-1765 input[type="submit"]:focus,.elementor-kit-1765 .elementor-button:hover,.elementor-kit-1765 .elementor-button:focus{background-color:#004A99;color:#FFFFFF;border-radius:4px 4px 4px 4px;}.elementor-kit-1765 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1765 p{margin-bottom:1em;}.elementor-kit-1765 a{color:#474747;}.elementor-kit-1765 a:hover{color:#000000;text-decoration:underline;}.elementor-kit-1765 h1{color:#111111;font-family:"Noto Sans", Sans-serif;font-size:36px;font-weight:700;line-height:1.2em;letter-spacing:-0.2px;}.elementor-kit-1765 h2{color:#111111;font-family:"Noto Sans", Sans-serif;font-size:28px;font-weight:700;line-height:1.2em;letter-spacing:-0.2px;}.elementor-kit-1765 h3{color:#111111;font-family:"Noto Sans", Sans-serif;font-size:24px;font-weight:600;line-height:1.3em;letter-spacing:-0.2px;}.elementor-kit-1765 h4{color:#111111;font-family:"Noto Sans", Sans-serif;font-size:20px;font-weight:500;line-height:1.4em;letter-spacing:-0.2px;}.elementor-kit-1765 h5{color:#111111;font-family:"Noto Sans", Sans-serif;font-size:18px;font-weight:600;letter-spacing:-0.2px;}.elementor-kit-1765 h6{color:#111111;font-family:"Noto Sans", Sans-serif;font-size:16px;font-weight:600;letter-spacing:-0.2px;}.elementor-kit-1765 label{color:#111111;font-family:"Noto Sans", Sans-serif;font-size:14px;font-weight:400;letter-spacing:-0.2px;}.elementor-kit-1765 input:not([type="button"]):not([type="submit"]),.elementor-kit-1765 textarea,.elementor-kit-1765 .elementor-field-textual{font-family:"Noto Sans", Sans-serif;font-size:14px;font-weight:400;letter-spacing:-0.2px;color:#111111;accent-color:#999999;background-color:#FFFFFF;border-radius:4px 4px 4px 4px;padding:12px 12px 12px 12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1260px;}.e-con{--container-max-width:1260px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:#FFFFFF;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-1765{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-kit-1765{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:768px;}.e-con{--container-max-width:768px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS *//* Nếu submenu có item active, làm cho menu cha active */
.ekit-wid-con .menu-item-has-children > .sub-menu .current-menu-item,
.ekit-wid-con .menu-item-has-children > .sub-menu .current_page_item {
    display: block;
}

/* Đánh dấu menu cha khi submenu có item active */
.ekit-wid-con .menu-item-has-children > a {
    position: relative;
}

/* Gạch chân màu xanh khi menu cha active (khi submenu active) */
.ekit-wid-con .menu-item-has-children.current-menu-ancestor > a,
.ekit-wid-con .menu-item-has-children.current-menu-parent > a,
.ekit-wid-con .menu-item-has-children > .sub-menu .current-menu-item a,
.ekit-wid-con .menu-item-has-children > .sub-menu .current_page_item a {
    color: #000; /* Màu chữ active */
}

.ekit-wid-con .menu-item-has-children > a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px; /* Độ dày 3px */
    background-color: #0066cc; /* màu xanh active */
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

/* Khi submenu có item active thì menu cha hiện gạch chân */
.ekit-wid-con .menu-item-has-children.current-menu-ancestor > a::after,
.ekit-wid-con .menu-item-has-children.current-menu-parent > a::after,
.ekit-wid-con .menu-item-has-children > .sub-menu .current-menu-item ~ a::after,
.ekit-wid-con .menu-item-has-children > .sub-menu .current_page_item ~ a::after {
    transform: scaleX(1);
}

/* Khi hover menu cha — giữ scaleX(0) (không gạch chân khi hover) */
.ekit-wid-con .menu-item-has-children:hover > a::after {
    transform: scaleX(0);
}

/* 1) Bỏ gạch chân (underline) trên text của mọi submenu */
#menu-main-menu .elementskit-dropdown.elementskit-submenu-panel 
  li.menu-item > a.dropdown-item > span {
  text-decoration: none !important;
}

/* 2) Nếu có ::after (dùng để vẽ underline) trên <a> submenu, ẩn luôn */
#menu-main-menu .elementskit-dropdown.elementskit-submenu-panel 
  li.menu-item > a.dropdown-item::after {
  display: none !important;
}

/* 3) Tắt state “active” (background/color) trên item con */
#menu-main-menu .elementskit-dropdown.elementskit-submenu-panel 
    li.menu-item.current-menu-item > a.dropdown-item,
#menu-main-menu .elementskit-dropdown.elementskit-submenu-panel 
    li.menu-item.current_page_item > a.dropdown-item {
  background: transparent !important;
  color: inherit !important;
}


/* 0) Đảm bảo wrapper position: relative để dropdown bung ra full container */
.ekit-wid-con {
  position: relative !important;
}

/* 0.1) Bỏ position:relative trên <li> để dropdown không bị “dính” vào item */
#menu-main-menu li.relative_position {
  position: static !important;
}

/* 1) Sub-menu full-width, fixed height 150px, padding 15/15, nền trắng, no shadow */
#menu-main-menu .elementskit-dropdown.elementskit-submenu-panel {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(140px,1fr)) !important;
  gap: 0px !important;

  padding: 15px 15px !important;
  background-color: #fff !important;
  box-shadow: none !important;

  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-width: none !important;

  height: 150px !important;
  overflow: visible !important;
  z-index: 1000 !important;
}

/* 2) Mỗi mục con: flex-column, canh giữa */
#menu-main-menu .elementskit-dropdown.elementskit-submenu-panel 
  li.menu-item > a.dropdown-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 5px !important;
}

/* 3) Ảnh icon luôn 100×100, margin-bottom 5px */
#menu-main-menu .elementskit-dropdown.elementskit-submenu-panel 
  li.menu-item > a.dropdown-item img._mi._before._image {
  width: 120px !important;
  height: 80px !important;
  object-fit: cover !important;
  margin-bottom: 5px !important;
  display: block !important;
  border-radius: 0px !important;
}

/* 4) Label mặc định màu xám (neutral), không gạch chân */
#menu-main-menu .elementskit-dropdown.elementskit-submenu-panel 
  li.menu-item > a.dropdown-item > span {
  color: #888 !important;          /* bạn có thể đổi sang #666 hoặc bất kỳ màu gray nào */
  text-decoration: none !important;
  font-size: inherit !important;
}

/* 5) Khi hover vào mục con: label thành đen + gạch chân */
#menu-main-menu .elementskit-dropdown.elementskit-submenu-panel 
  li.menu-item > a.dropdown-item:hover > span {
  color: #000 !important;
  text-decoration: underline !important;
}

#menu-main-menu .elementskit-dropdown.elementskit-submenu-panel {
  border-width: 0 !important;
  box-shadow: none !important; /* bảo đảm không còn shadow nào */
}

/* Tắt hoàn toàn mọi animation/transition trên ElementsKit Nav Menu dropdown */
.elementskit-dropdown.elementskit-submenu-panel {
  transition: none !important;
  animation: none !important;
  transform: none !important;
  opacity: 1 !important;
  will-change: auto !important;
  overflow: visible !important;
}

/* Đảm bảo nó vẫn bật/tắt bằng class của EK, nhưng không slide */
.elementskit-dropdown.elementskit-submenu-panel {
  max-height: none !important;
}


/* —————————————————————— */
/*  A) Bắt buộc luôn là GRID ngang */
/* —————————————————————— */
.ekit-wid-con .elementskit-dropdown.elementskit-submenu-panel {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(140px,1fr)) !important;

  padding: 15px !important;
  background-color: #fff !important;
  box-shadow: none !important;

  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  width: 100% !important;
  height: 150px !important;

  /* Giấu panel mà không dùng display:none để giữ layout */
  visibility: hidden !important;
  opacity: 0 !important;
  transition: none !important;
}

/* —————————————————————— */
/*  B) Chỉ bật visibility khi EK gán class open */
/* —————————————————————— */
.ekit-wid-con .elementskit-dropdown.elementskit-submenu-panel.ekit-dropdown-open-onclick {
  visibility: visible !important;
  opacity: 1 !important;
}
/* Bắt buộc mọi panel có horizontal-submenu phải là grid ngang */
.horizontal-submenu {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
  gap: 15px !important;           /* khoảng cách ngang-dọc giữa item */
  padding: 15px !important;
  background-color: #fff !important;
  box-shadow: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  width: 100% !important;
  height: 150px !important;
  z-index: 1000 !important;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-direction: column;
}

.elementor-location-footer {
    margin-top: auto;
}
/* 2) Ép mỗi ô header (label) và ô value nền trắng */
table.variations th.label,
table.variations td.value {
  background-color: #fff !important;
  border: none !important;
}

/* 3) Xóa nền của <ul> swatches wrapper */
.variable-items-wrapper,
.image-variable-items-wrapper {
  background: none !important;
}

/* 4) Label “Billy color” (trên cùng) */
.woo-selected-variation-item-label {
  display: block !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-bottom: 4px !important;
  color: #111 !important;
}

/* 5) Value “Đen” xuống dòng riêng */
.woo-selected-variation-item-name {
  display: block !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #111 !important;
  margin: 0 !important;
}
/* — 2) Ẩn link “Clear” */
.variations .reset_variations {
  display: none !important;
}
/* — 6) Giá tiền của từng variation màu đen, đậm */
.woocommerce-variation-price .price,
.variations .woocommerce-Price-amount {
  color: #111 !important;
  font-weight: bold !important;
}
/* 1) Ép tất cả thumbnail của Variation Gallery xuống 50×50 */
.wvg-gallery-thumbnail-image img {
  width: 100px !important;
  height: 100px !important;
  object-fit: cover !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  transition: border-color 0.2s ease !important;
}

/* 2) Khi thumbnail active (current) hoặc hover → viền đen */
.wvg-gallery-thumbnail-image.current-thumbnail img,
.wvg-gallery-thumbnail-image:hover img {
  border-color: #000 !important;
}

/* 3) Ép wrapper thumbnails thành flex row & gap 8px */
.wvg-gallery-thumbnails {
  display: flex !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}/* End custom CSS */