/*
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.   ***************/

/* ==========================================================
   TIÊU ĐỀ SECTION KIỂU THANH NGANG - .xuanchienh
   Thẻ vàng vát chéo bên trái + thanh nền tối kéo dài
   ========================================================== */
.xuanchienh{
  padding:0!important;
  margin-bottom:26px!important;
  max-width:100%!important;
}

/* Thanh nền tối */
.xuanchienh .section-title{
  display:flex;
  align-items:stretch;
  justify-content:flex-start;
  gap:0;
  margin:0!important;
  border:0!important;
  background:#23272E;                  /* nền thanh */
  border-radius:4px;
  overflow:hidden;
  font-family:"Oswald",Impact,"Arial Narrow",sans-serif;
}

/* Ẩn 2 thẻ <b> gạch mặc định của Flatsome */
.xuanchienh .section-title b{display:none!important}

/* Thẻ vàng chứa chữ */
.xuanchienh .section-title-main{
  position:relative;
  display:flex;
  align-items:center;
  gap:11px;
  background:#E8B24C;                  /* màu vàng thẻ */
  color:#1D2129!important;             /* đè inline màu đỏ */
  font-size:clamp(14px,2.4vw,17px)!important;
  font-weight:700!important;
  letter-spacing:.06em;
  text-transform:uppercase;
  line-height:1.2;
  padding:14px 46px 14px 22px!important; /* chừa 46px bên phải cho phần vát */
  margin:0!important;
  border:0!important;
  white-space:nowrap;
  /* Vát chéo cạnh phải */
  clip-path:polygon(0 0,100% 0,calc(100% - 30px) 100%,0 100%);
}

/* Icon ba gạch ≡ trước chữ */
.xuanchienh .section-title-main::before{
  content:"";
  flex:none;
  width:15px;height:11px;
  background:
    linear-gradient(#1D2129,#1D2129) 0 0/100% 2px no-repeat,
    linear-gradient(#1D2129,#1D2129) 0 50%/100% 2px no-repeat,
    linear-gradient(#1D2129,#1D2129) 0 100%/100% 2px no-repeat;
}

/* ---------- Điện thoại ---------- */
@media (max-width:549px){
  .xuanchienh .section-title-main{
    font-size:20px!important;
    padding:12px 38px 12px 16px!important;
    letter-spacing:.04em;
    white-space:normal;               /* cho phép xuống dòng nếu tên dài */
    clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);
  }
}


@media (max-width: 549px) {
    #logo {
        margin-left: -125px;
	
    width: 71px;
}
    }
}