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

/*************** ADD CUSTOM CSS HERE.   ***************/


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


}


/* Mobile: Ghi đè lightbox width thành 86% */
@media screen and (max-width: 768px) {
  #popup.ux-lightbox,
  #popup .ux-lightbox-content {
    width: 96% !important;
    max-width: 96% !important;
  }
}

/* Footer Background 72% */
.dieptv-bgfooter {
  position: relative;
  background: url("/wp-content/uploads/2025/04/len-doi-green-2048x758.jpg") repeat center 39px;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
}

.dieptv-bgfooter::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.72); /* lớp phủ đen trong suốt 72% */
}

.padding-left-mota {
  padding-left: 6px;
  font-size: 19px;
}
.dieptv-button-phone-contact-product {
    display: inline-block;
    background: #28a745; /* Màu nền */
    color: #fff !important; /* Màu chữ */
    padding: 8px 19px;
    border-radius: 68px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    margin-right: 10px;
}
.dieptv-button-zalo-contact-product {
    display: inline-block;
    background: #007aff; /* Màu nền */
    color: #fff !important; /* Màu chữ */
    padding: 8px 19px;
    border-radius: 68px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    margin-right: 10px;
}
.dieptv-button-phone-contact-product img {
    vertical-align: middle;
    margin-right: 6px;
}

.dieptv-button-phone-contact-product:hover {
    background: #004999; /* Màu khi hover */
    transform: scale(1.05);
}
.dieptv-button-zalo-contact-product img {
    vertical-align: middle;
    margin-right: 6px;
}

.dieptv-button-zalo-contact-product:hover {
    background: #004999; /* Màu khi hover */
    transform: scale(1.05);
}

/* Container nhiều dòng giá */
.vinfast-car-price-wrap {
  margin-top: 6px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 6px;
}

/* Mỗi dòng giá */
.vinfast-car-price-line {
  display: flex;
  align-items: center;  /* căn giữa theo hàng ngang */
  justify-content: flex-start;
  gap: 3px;
}

/* Label "Giá từ:", "Giá ưu đãi:" */
.vinfast-car-name-price {
  font-size: 99%;
  font-weight: 600;
  margin-right: 3px;
}

/* Giá chính */
.vinfast-car-price {
  /* color: #1464f4; <= Màu xanh Blue */
  color: #28a745; /* => Xanh Green */
  font-size: 119%;
  font-weight: 800;
}

/* VNĐ */
.vinfast-car-vnd-price {
  font-size: 92%;
  margin-left: 3px;
  font-weight: 600;
}

.col-inner>.img:not(:last-child), .col>.img:not(:last-child) {
    margin-bottom: 6px;
} 
/* 1) Ảnh thường – gán trực tiếp class vào img hoặc wrapper */
.dieptv-img-popup-radius,
.dieptv-img-popup-radius img {
  border-radius: 5px !important;
  overflow: hidden;
}

/* 2) Flatsome UX Image: wrapper -> .img-inner mới là khối có ảnh nền/ảnh cover */
.dieptv-img-popup-radius .img-inner,
.dieptv-img-popup-radius .img-inner img {
  border-radius: 5px !important;
  overflow: hidden;
}

/* 3) Ảnh trong Magnific Popup (lightbox) */
.mfp-img,
.mfp-content .mfp-figure figure {
  border-radius: 5px !important;
  overflow: hidden;
}

.vinfast-product-title {
  font-weight: normal;
  font-style: italic;
  text-decoration: underline;
}

.has-format, .image-cover, .video-fit {
    background-position: 50% 50%;
    background-size: cover;
    height: auto;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
    left: 5px !important;
    border-radius: 5px;
}

.header:not(.transparent) .header-nav-main.nav > li > a:hover, .header:not(.transparent) .header-nav-main.nav > li.active > a, .header:not(.transparent) .header-nav-main.nav > li.current > a, .header:not(.transparent) .header-nav-main.nav > li > a.active, .header:not(.transparent) .header-nav-main.nav > li > a.current {
    color: #D90000 !important;
}




/* Quảng cáo Footer + Thiết Kế SeoWeb.PRO */
  .custom-login-footer {
      margin-top: 20px;
      text-align: center;
      font-size: 18px; /* chữ to */
      font-weight: bold;
      color: #fff;
  }

  .custom-login-footer a {
      color: #00eaff; /* xanh neon */
      text-decoration: none;
      font-weight: bold;
      text-shadow: 0 0 5px #00eaff, 0 0 10px #00eaff, 0 0 20px #00eaff;
      animation: glow 2s ease-in-out infinite alternate;
  }

  .custom-login-footer a:hover {
      color: #ff00ff;
      text-shadow: 0 0 5px #ff00ff, 0 0 15px #ff00ff, 0 0 30px #ff00ff;
  }

  /* Hiệu ứng glow neon */
  @keyframes glow {
      from {
          text-shadow: 0 0 5px #00eaff, 0 0 10px #00eaff, 0 0 20px #00eaff, 0 0 30px #00eaff;
      }
      to {
          text-shadow: 0 0 10px #00eaff, 0 0 20px #00eaff, 0 0 30px #00eaff, 0 0 40px #00eaff;
      }
  }


/* Chỉ áp dụng style riêng cho COPYRIGHT */
  .custom-copyright {
      margin-top: 10px;
      text-align: center;
      font-size: 14px;
      color: #fff;
  }
  .custom-copyright a {
      color: #fff; /* luôn trắng */
      font-weight: bold;
      text-decoration: none;
  }
  .custom-copyright a:hover {
      text-decoration: underline;
      text-shadow: 0 0 5px #ff00ff, 0 0 15px #ff00ff, 0 0 30px #ff00ff;
  }
  
  
  
  
  /* bai-jamjuree-200 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 200;
  src: url('/wp-content/themes/SeoWeb/fonts/bai-jamjuree-v12-latin_vietnamese-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-200italic - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 200;
  src: url('/wp-content/themes/SeoWeb/fonts/bai-jamjuree-v12-latin_vietnamese-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-300 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/SeoWeb/fonts/bai-jamjuree-v12-latin_vietnamese-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-300italic - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 300;
  src: url('/wp-content/themes/SeoWeb/fonts/bai-jamjuree-v12-latin_vietnamese-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-regular - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/SeoWeb/fonts/bai-jamjuree-v12-latin_vietnamese-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-italic - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/themes/SeoWeb/fonts/bai-jamjuree-v12-latin_vietnamese-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-500 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/SeoWeb/fonts/bai-jamjuree-v12-latin_vietnamese-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-500italic - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 500;
  src: url('/wp-content/themes/SeoWeb/fonts/bai-jamjuree-v12-latin_vietnamese-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-600 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/SeoWeb/fonts/bai-jamjuree-v12-latin_vietnamese-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-600italic - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 600;
  src: url('/wp-content/themes/SeoWeb/fonts/bai-jamjuree-v12-latin_vietnamese-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-700 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/SeoWeb/fonts/bai-jamjuree-v12-latin_vietnamese-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-700italic - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bai Jamjuree';
  font-style: italic;
  font-weight: 700;
  src: url('/wp-content/themes/SeoWeb/fonts/bai-jamjuree-v12-latin_vietnamese-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}