/*
Theme Name: Vcheck
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  ***************/
/* Thu hẹp khoảng cách cho class xem-gioi-thieu */
.xem-gioi-thieu {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.xem-gioi-thieu h3, 
.xem-gioi-thieu h4 {
    margin-top: 0 !important;
    margin-bottom: 5px !important; /* Thu hẹp khoảng cách dưới tiêu đề */
    line-height: 1.2; /* Cho tiêu đề sát dòng hơn */
}

.xem-gioi-thieu p {
    margin-bottom: 0 !important; /* Bỏ khoảng trống dưới đoạn văn */
    line-height: 1.4; /* Điều chỉnh độ giãn dòng của văn bản */
}

/* Nếu bạn dùng Icon Box của Flatsome */
.xem-gioi-thieu .icon-box {
    margin-bottom: 0 !important;
}

.xem-gioi-thieu .icon-box-text {
    padding-top: 0 !important;
}

}
/* Container chính của banner - cố định không bị giãn lệch theo màn hình */
.banner-content,
.elementor-widget-container { /* đổi tên class đúng với theme bạn đang dùng */
  max-width: 100%;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

/* Tiêu đề chính - dùng clamp để co giãn có kiểm soát */
.banner-title,
h1, h2.elementor-heading-title {
  font-size: clamp(18px, 5vw, 26px);
  line-height: 1.3;
  word-break: break-word;
  margin: 0 auto;
}

/* Đoạn mô tả phụ */
.banner-subtitle, p {
  font-size: clamp(14px, 3.5vw, 16px);
  line-height: 1.5;
}

/* Nút bấm - không bị giãn full theo viewport, set max-width cứng */
.banner-btn, .elementor-button {
  width: 100%;
  max-width: 320px;
  margin: 8px auto;
  display: block;
  box-sizing: border-box;
}

/* Riêng cho điện thoại nhỏ, ép thêm 1 mốc breakpoint rõ ràng */
@media screen and (max-width: 480px) {
  .banner-title { font-size: 20px; }
  .banner-subtitle, p { font-size: 14px; }
}

/* iPhone 17 / màn hình to hơn (430px+) - chặn không cho phình thêm */
@media screen and (min-width: 415px) {
  .banner-title { font-size: 22px; }
}