/*
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.   ***************/
.home .header-vertical-menu__fly-out.header-vertical-menu__fly-out--open.has-shadow
{
	margin-top: 15px;
    border-radius: 10px;
}
body .col-inner {
  box-shadow: none !important;
}
/* =========================
   Layout cho block Title + Menu pills (scope: .css-section-sp)
   Không áp màu
   ========================= */

/* 1) Canh giữa 2 cột theo chiều dọc */
body .css-section-sp .row.row-collapse{
  align-items: center;
}
body .container .section, body .row .section {
	padding-left:0px;
	padding-right:0px;
}

/* 2) Title: gọn, không tạo line "b" của Flatsome */
body .css-section-sp .section-title-container{ margin: 0 !important; }
body .css-section-sp .section-title{ margin: 0 !important; line-height: 1.2; }

body .css-section-sp .section-title .section-title-main{
  display: inline-block;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
}

/* Flatsome hay dùng <b> để tạo gạch line */
body .css-section-sp .section-title b{ display: none !important; }

/* 3) Cột phải: giữ full height (nếu cần) */
body .css-section-sp .col .col-inner{
  height: 100%;
}

/* 4) Ép UX Menu từ stack-col -> ngang */
body .css-section-sp .ux-menu.stack.stack-col.menu-product{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;

  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

/* 5) Item không chiếm full width */
body .css-section-sp .ux-menu.stack.stack-col.menu-product .ux-menu-link.menu-item{
  display: inline-flex !important;
  width: auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 6) Link thành pill (không set màu) */
body .css-section-sp .ux-menu.stack.stack-col.menu-product .ux-menu-link__link{
  display: inline-flex !important;
  width: auto !important;
  align-items: center;
  justify-content: center;
  white-space: nowrap;

  padding: 6px 12px;
  border: 1px solid currentColor;
  border-radius: 999px;
  line-height: 1;
  text-decoration: none;

  background: transparent !important;
  box-shadow: none !important;
}

/* 7) Mobile: menu xuống dưới title và canh trái */
@media (max-width: 849px){
  body .css-section-sp .ux-menu.stack.stack-col.menu-product{
    justify-content: flex-start !important;
    margin-top: 10px !important;
  }
}

/* =========================
   Menu dọc (chỉ trang chủ)
   ========================= */
body.home .header-vertical-menu__fly-out.header-vertical-menu__fly-out--open.has-shadow{
  margin-top: 15px;
  border-radius: 10px;
  width: 280px;
}

/* =========================
   Ẩn footer (cẩn thận: ẩn toàn site)
   ========================= */
body .absolute-footer{
  display: none !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* =========================
   LAYOUT: Title (left) + Pills menu (right)
   Scope: .css-section-sp
   ========================= */