/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.slide_nuoc .flickity-viewport {
  overflow: hidden; /* Ngăn overflow gây giật */
  transform: translateZ(0); /* Ép render bằng GPU */
  touch-action: pan-y; /* Cải thiện cuộn bằng chạm */
}

/* Tối ưu các slide */
.slide_nuoc .flickity-slider .row {
  transform: translate3d(0, 0, 0); /* Ép render bằng GPU */
  will-change: transform; /* Chuẩn bị cho animation */
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.img-box-gia-nhap span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
	
	    span.ux-menu-link__text {
        font-size: 14px;
    }


	
	/* Không transition/transform thủ công trên phần Flickity tự điều khiển */
.slide_nuoc .flickity-slider {
  will-change: transform;         /* chỉ hint, không transition */
  backface-visibility: hidden;
  transform: translateZ(0);       /* kích hoạt GPU */
  transition: none !important;    /* NGĂN giật */
}

/* Không transform/transition lên .row bên trong cell */
.slide_nuoc .flickity-slider .row {
  max-width: 100%;
  transform: none !important;
  transition: none !important;
  opacity: 1;                     /* giữ nguyên */
}

/* Đừng ép max-width cho mọi child nếu không cần */
.slide_nuoc .flickity-slider > * {
  /* bỏ !important để Flickity tự tính width/left */
  max-width: 100%;
}

/* Nút điều hướng: để opacity mượt nhẹ, không động vào transform */
.slide_nuoc .flickity-button {
  opacity: 0;
  transition: opacity .25s ease;
}
.slide_nuoc .flickity-enabled .flickity-button {
  opacity: 1;
}

/* Khi đang kéo, cấm mọi transition để không khựng */
.slide_nuoc .is-draggable .flickity-slider,
.slide_nuoc .is-draggable .flickity-slider * {
  transition: none !important;
}



}