/*
 Theme Name:   Vimaf theme
 Template:     hello-elementor
 Theme URI:    https://elementor.com/hello-theme/
 Description:  A child theme of Hello Elementor
 Author:       Diem Bui
 Version:      1.0
*/


.title_shadow h1{
text-shadow: 0px 4px 10px 0px #000000;

}
.border_button .elementor-button:before{
    content:"";
  position:absolute; inset:0;
  padding:2px;                 /* độ dày viền */
  border-radius: inherit;
  background: linear-gradient(90deg,#E8008C 0%,#8C2D91 21.15%,#007EC3 40.38%,#00B0E3 61.06%,#7CC242 83.17%,#D1DD27 100%);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0); 
  -webkit-mask-composite: xor; /* Safari/Chromium */
          mask-composite: exclude;
  z-index:-1;

}
.border_button .elementor-button{
   position: relative;
  border-radius: 10px;
  padding: 10px 18px;
  color: #fff;
  background: #111;
  border: 2px solid transparent; /* giữ layout, tránh giật khi hover */
  display: inline-block;
  z-index: 0;
}
/* Vùng cần có thanh cuộn */
.scrollbox{
  max-height: 240px;              /* tùy ý */
  overflow: auto;
  padding-right: 20px;
  /* Firefox */
  scrollbar-width: thin;          /* thin / auto / none */
  scrollbar-color: #111 #e9ecef;  /* thumb | track */
}

/* WebKit (Chrome/Edge/Safari) */
.scrollbox::-webkit-scrollbar{
  width: 6px;                     /* độ dày thanh cuộn */
}

.scrollbox::-webkit-scrollbar-track{
  background: #e9ecef;            /* rãnh xám nhạt */
  border-radius: 999px;
}

.scrollbox::-webkit-scrollbar-thumb{
  background: #111;               /* tay nắm đen */
  border-radius: 999px;           /* bo tròn */
  border: 2px solid #e9ecef;      /* tạo khe xung quanh cho mảnh */
}

.scrollbox::-webkit-scrollbar-thumb:hover{
  background: #181818;            /* đậm hơn khi hover */
}


.ribbon-title{
width: 100%;

    background: #ec008c;
    /* display: inline-block; */
    clip-path: polygon(3% 0%, 96% 25%, 91% 88%, 9% 88%);
    margin: auto !important;
    max-width: 426px !important;
    padding: 16px 0;
}
.ribbon-title-right{
  width: 100%;

    background:#007EC3;
    /* display: inline-block; */
 clip-path: polygon(
    6% 12%,   
    98% 6%, 
    88% 88%,  
    12% 88%   
  );
    margin: auto !important;
    max-width: 426px !important;
    padding: 16px 0;
}
.giam_khao .lakit-carousel__item-inner{
  display: flex
;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    min-height: 220px;
}
/* tuỳ chọn: kích thước từng khối */
.giam_khao .lakit-carousel__item-link{
  flex: 0 0 auto;        /* giữ kích thước auto, không giãn */
  display: inline-flex;  /* nếu cần canh giữa nội dung trong <a> */
  width: 200px;
}

.giam_khao .lakit-carousel__content{
  flex: 1 1 auto;        /* phần nội dung giãn chiếm phần còn lại */
  min-width: 0;          /* tránh tràn khi flex */
  /* white-space: nowrap; */ /* mở nếu muốn chữ không xuống dòng */
}
.blog .lakit-posts__inner-content{
min-height: 200px;
}


/* ===========================
   VIMAF – CF7 skin giống thiết kế
   =========================== */
.vimaf-form {
  --pill-bg: #F6FFED;        /* nền viên pill */
  --pill-bd: #DDEED1;        /* viền viên pill */
  --pill-on: #28A745;        /* màu active */
  --pill-text: #202223;
  --field-bg: #FBFFF6;       /* nền ô nhập */
  --field-bd: #DCE7CF;       /* viền ô nhập */
  --note-bg: #FFFCEB;        /* box ghi chú CK */
  --note-bd: #F7E5A8;
  font-size: 16px;
}

/* Tiêu đề từng nhóm */
.vimaf-form p strong {
margin: 0;
    font-weight: normal;
    color: #1e1e1e;
    font-family: "Inter", Sans-serif;
}

/* Ô nhập text/tel/email */
.vimaf-form input[type="text"],
.vimaf-form input[type="tel"],
.vimaf-form input[type="email"]{
  width: 100%;
  padding: 12px 14px;
  border: 1.5px solid var(--field-bd);
  border-radius: 10px;
  background: var(--field-bg);
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.vimaf-form input[type="text"]:focus,
.vimaf-form input[type="tel"]:focus,
.vimaf-form input[type="email"]:focus{
  border-color: #A6D19B;
  box-shadow: 0 0 0 3px rgba(46, 204, 113, .12);
}

/* ===== Segmented pills cho radio/checkbox ===== */
.vimaf-form .wpcf7-radio,
.vimaf-form .wpcf7-checkbox{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.vimaf-form .wpcf7-list-item{ margin: 0; }

/* Nhãn radio = viên pill */
.vimaf-form .wpcf7-list-item > label{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;

  border-radius: 12px;
  color: var(--pill-text);
  cursor: pointer;
  transition: .2s ease;
  position: relative;
}

/* Ẩn radio gốc – nhấp toàn bộ pill */
.vimaf-form .wpcf7-list-item input[type="radio"],
.vimaf-form .wpcf7-list-item input[type="checkbox"]{
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

/* Chấm tròn bên trái */
.vimaf-form .wpcf7-list-item > label::before{
  content: "";
  width: 16px; height: 16px;
  border-radius: 50%;
  flex: 0 0 16px;
  border: 2px solid var(--pill-on);
  background: #fff;
  box-shadow: inset 0 0 0 0 var(--pill-on);
  transition: .2s;
}

/* Active */
.vimaf-form .wpcf7-list-item > label:has(input:checked){

  border-color: #A9DBB6;

}
.vimaf-form .wpcf7-list-item > label:has(input:checked)::before{
  box-shadow: inset 0 0 0 6px var(--pill-on);
}

/* ===== Khung đặc biệt cho nhóm Tour (có gạch đỏ phía trên như hình) ===== */
.vimaf-form .tour-group{
  padding: 10px 12px;
  border: 1.5px solid var(--field-bd);
  border-radius: 8px;
  background: var(--field-bg);
  position: relative;
  margin-top: 6px;
}
.vimaf-form .tour-group::before{
  content: "";
  position: absolute;
  left: 10px; right: 10px; top: -2px;
  height: 4px;
  background: #FF4438;   /* vạch đỏ */
  border-radius: 3px;
}

/* Upload */
.vimaf-form input[type="file"]{
  width: 100%;
  padding: 10px;
  border: 1.5px dashed #BFE3A3;
  border-radius: 10px;
  background: #F7FFEF;
}

/* Box hướng dẫn chuyển khoản */
.vimaf-form .vimaf-note{
  background: var(--note-bg);
  border: 1px solid var(--note-bd);
  padding: 12px 14px;
  border-radius: 10px;
  margin: 18px 0;
  line-height: 1.55;
}

/* Đồng ý điều khoản */
.vimaf-form .wpcf7-acceptance{
  display: block;
  margin: 16px 0;
}

/* Nút gửi */
.vimaf-form .btn-vimaf{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: none;
  border-radius: 999px;
  padding: 14px 22px;
  background: linear-gradient(90deg,#6FD37B 0%, #27AE60 100%);
  color: #fff;
  font-weight: 800;
  letter-spacing: .2px;
  box-shadow: 0 8px 20px rgba(39,174,96,.28);
  transition: transform .12s ease, box-shadow .12s ease;
}
.vimaf-form .btn-vimaf:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(39,174,96,.34);
}
/* Hàng 2 cột cho Email + SĐT */
.vimaf-form .row-2col{
  display: flex;
  gap: 16px;                /* khoảng cách giữa 2 cột */
  align-items: stretch;
}
.vimaf-form .row-2col .col{
  flex: 1 1 0;
}

/* Bảo đảm input full bề ngang bên trong cột */
.vimaf-form .row-2col .col input[type="email"],
.vimaf-form .row-2col .col input[type="tel"],
.vimaf-form .row-2col .col .wpcf7-form-control{
  width: 100%;
}

/* Mobile: xếp dọc lại */
@media (max-width: 768px){
  .vimaf-form .row-2col{
    flex-direction: column;
    gap: 12px;
  }
}
.vimaf-form  label{
width: 100%;
}
.vimaf-form p{
  margin-bottom: 0;
}
/* ====== Bố cục 2 cột cho Email + Số ĐT ====== */
.vimaf-form .row-2col{
  display:flex; gap:16px; align-items:stretch;
}
.vimaf-form .row-2col .col{ flex:1 1 0; }

@media (max-width: 768px){
  .vimaf-form .row-2col{ flex-direction:column; gap:12px; }
}

/* ====== Icon trong input ====== */
.vimaf-form .field{
  position:relative;
  margin:12px 0;
}

/* tăng padding trái để chừa chỗ icon */
.vimaf-form .field input[type="text"],
.vimaf-form .field input[type="email"],
.vimaf-form .field input[type="tel"],
.vimaf-form .field .wpcf7-form-control{
  width:100%;
  padding-left:48px;  /* quan trọng: chừa chỗ icon */
  box-sizing:border-box;
}

/* cục icon */
.vimaf-form .field.has-icon::before{
  content:"";
  position:absolute; left:14px; top:50%;
  width:20px; height:20px;
  transform:translateY(-50%);
  opacity:.9;
  background-repeat:no-repeat;
  background-size:20px 20px;
}

/* màu icon (nếu cần đổi, hãy thay %23004b23) */
:root{ --vimaf-icon:#004b23; }

/* Icon: user */
.vimaf-form .field.has-icon.user::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23004b23' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5.33 0-10 2.69-10 6v2h20v-2c0-3.31-4.67-6-10-6Z'/%3E%3C/svg%3E");
}

/* Icon: mail */
.vimaf-form .field.has-icon.mail::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23004b23' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 4-8 5-8-5V6l8 5 8-5v2Z'/%3E%3C/svg%3E");
}

/* Icon: phone */
.vimaf-form .field.has-icon.phone::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23004b23' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.85 21 3 13.15 3 3a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.46.57 3.58a1 1 0 0 1-.24 1.01l-2.2 2.2Z'/%3E%3C/svg%3E");
}
/* ============ khung form ============ */
.vimaf-form { --green:#66B02F; --green-2:#bfe3a9; --bg:#f8ffef; }
.vimaf-form * { box-sizing:border-box; }
.vimaf-form p { margin:0 0 14px; }

/* ============ inputs + icon ============ */
.vimaf-form .field {
  position:relative;
 background: #FDFFE0;
    border: 1px solid #7CC242;
  border-radius:12px;
  padding:0;
}
.vimaf-form .field input[type="text"],
.vimaf-form .field input[type="email"],
.vimaf-form .field input[type="tel"]{
  width:100%;
  border:none;
  background:transparent;
  outline:none;
  font-size:16px;
}
.vimaf-form .has-icon::before{
  content:"";
  position:absolute; left:14px; top:50%; translate:0 -50%;
  width:22px; height:22px;
  background:#333;
  mask-size:contain; mask-repeat:no-repeat; mask-position:center;
  -webkit-mask-size:contain; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center;
}
.vimaf-form .has-icon.user::before{  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5m0 2c-4.33 0-8 2.17-8 4v2h16v-2c0-1.83-3.67-4-8-4'/></svg>"); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5m0 2c-4.33 0-8 2.17-8 4v2h16v-2c0-1.83-3.67-4-8-4'/></svg>"); }
.vimaf-form .has-icon.mail::before{  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M20 8v10H4V8l8 5zM4 6h16l-8 5z'/></svg>"); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M20 8v10H4V8l8 5zM4 6h16l-8 5z'/></svg>"); }
.vimaf-form .has-icon.phone::before{ mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M20 15.5c-1.25 0-2.47-.2-3.61-.58a1 1 0 0 0-1.03.24l-1.6 1.6a15 15 0 0 1-6.52-6.52l1.6-1.6c.28-.28.37-.7.24-1.07A11.8 11.8 0 0 1 8.5 4H6a1 1 0 0 0-1 1c0 9.39 7.61 17 17 17a1 1 0 0 0 1-1v-2.5a1 1 0 0 0-1-1z'/></svg>"); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M20 15.5c-1.25 0-2.47-.2-3.61-.58a1 1 0 0 0-1.03.24l-1.6 1.6a15 15 0 0 1-6.52-6.52l1.6-1.6c.28-.28.37-.7.24-1.07A11.8 11.8 0 0 1 8.5 4H6a1 1 0 0 0-1 1c0 9.39 7.61 17 17 17a1 1 0 0 0 1-1v-2.5a1 1 0 0 0-1-1z'/></svg>"); }

/* 2 cột */
.vimaf-form .row-2col{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:0 0 14px; }
.vimaf-form .row-2col .field{ margin:0; }
@media (max-width:768px){
  .vimaf-form .row-2col{ grid-template-columns:1fr; }
}

/* ============ group radio (nền cho cả cụm) ============ */
.vimaf-form .group{
    background: #FDFFE0;
    border: 1px solid #7CC242;
  border-radius:12px;
  padding:16px 18px;
  margin:16px 0 20px;
}
.vimaf-form .group-title{ font-weight:700; margin-bottom:0; }
.vimaf-form .group-title p{
  margin-bottom: 0 !important;
}
/* Radio options nằm ngang – bỏ nền từng option nếu từng dùng pill */
.vimaf-form .wpcf7-form-control.wpcf7-radio{
  display:flex; flex-wrap:wrap; gap:18px 28px;
}
.vimaf-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item{
  margin:0 !important; background:none !important; border:none !important; padding:0 !important;
}
.vimaf-form input[type="radio"]{ accent-color: var(--green); }

/* ============ Note chuyển khoản ============ */
.vimaf-form .vimaf-note{
  background:#f6fff0;
  border:1px dashed var(--green-2);
  border-radius:12px;
  padding:16px;
  margin:8px 0 18px;
}

/* ============ Nút gửi ============ */
.vimaf-form .btn.btn-vimaf,
.vimaf-form input[type="submit"].btn-vimaf{
  display:inline-block; padding:12px 18px; border-radius:10px;
background: linear-gradient(90deg, #E8008C 0%, #8C2D91 21.15%, #007EC3 40.38%, #00B0E3 61.06%, #7CC242 83.17%, #D1DD27 100%);
; color:#fff; border:none; cursor:pointer;
  font-weight:700; font-size:16px;
}
.vimaf-form .btn.btn-vimaf:hover,
.vimaf-form input[type="submit"].btn-vimaf:hover{ filter:brightness(0.95); }
/* Khung field chung */


/* Input bên trong */
.vimaf-form .field .wpcf7-form-control{
  flex: 1 1 auto;
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-size: 16px;
  line-height: 1.4;
 padding: 20px 50px !important;             /* bỏ padding mặc định của input */
  margin: 0;
  background-color: transparent !important ;
}

/* Field có icon ở bên trái */


/* Icon (dùng ::before) – luôn nằm GIỮA theo chiều dọc */
.vimaf-form .field.has-icon::before{
content: "";
    position: absolute;
    left: 16px;
    top: 43px;
    /* transform: translateY(-50%); */
    width: 22px;
    height: 22px;
    background: #333;
}

/* Ví dụ icon cho .user */
.vimaf-form .field.user::before{
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5m0 2c-4.33 0-8 2.17-8 4v2h16v-2c0-1.83-3.67-4-8-4'/></svg>") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5m0 2c-4.33 0-8 2.17-8 4v2h16v-2c0-1.83-3.67-4-8-4'/></svg>") no-repeat center/contain;
}
/* Icon cho .calendar (dùng màu theo currentColor) */
.vimaf-form .field.calendar::before{
  content:"";
  width: 1.2em; height: 1.2em;            /* tuỳ chỉnh kích thước */
  background: currentColor;                /* đổi màu bằng color của .field */
  display: inline-block;
  mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
  <path fill='black' d='M7 2h2v2h6V2h2v2h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2V2zm12 8H5v8h14v-8z'/>\
</svg>") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
  <path fill='black' d='M7 2h2v2h6V2h2v2h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2V2zm12 8H5v8h14v-8z'/>\
</svg>") no-repeat center / contain;
}
/* Tương tự bạn có thể gán cho .mail, .phone nếu dùng: 
.vimaf-form .field.mail::before{ ... }
.vimaf-form .field.phone::before{ ... } 
*/

.vimaf-form .vimaf-divider{
  border-top: 2px dashed #b7d686;
  margin: 18px 0 22px;
  width: 100%;
}
/* Hàng 2 cột dùng chung */
.vimaf-transfer.row-2col{
  display:flex; gap:24px; align-items:stretch;
  margin: 8px 0 22px;
}
.vimaf-transfer .col{ flex:1 1 0; }

/* Khối "Lưu ý" bên trái */
.vimaf-transfer .note{
  background:#ffffff;
  border-radius:12px;
  padding:0;
  color:#222;
}
.vimaf-transfer .note .t-heading{ margin:0 0 8px; }
.vimaf-transfer .note .t-bold{ font-weight:700; margin:4px 0; }

/* Card upload bên phải */
.vimaf-transfer .upload .upload-card{
 position: relative;
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    background: #FFFEEC;
    border: 2px solid #8BC34A;
    border-radius: 14px;
    text-align: center;
    padding: 0px 16px;
    cursor: pointer;
    overflow: hidden;
}

/* Icon upload dùng SVG */
.vimaf-transfer .upload .upload-card .icon{
  width:78px; height:78px;
  display:block; margin-bottom:12px;

  /* dùng SVG của bạn */
  background-image: url('https://vimaf.vn/wp-content/uploads/2025/10/Vector-15.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  /* bỏ màu tròn & pseudo cũ */
  background-color: transparent;
  border-radius: 0;
  position: static;   /* không cần position cho pseudo nữa */
}

/* tắt mũi tên / dải trắng tự vẽ trước đó */
.vimaf-transfer .upload .upload-card .icon::before,
.vimaf-transfer .upload .upload-card .icon::after{
  content: none !important;
}


/* Nội dung hướng dẫn */
.vimaf-transfer .upload .upload-card .u-text{
  font-size:16px; line-height:1.5; color:#2b2b2b;
}

/* Ẩn input file nhưng vẫn click cả card */
.vimaf-transfer .upload .upload-input{
  position:absolute; inset:0;
  opacity:0; cursor:pointer; width:100%; height:100%;
}
.vimaf-transfer p{
font-size: 14px;
    margin-bottom: 0;
}
.vimaf-transfer p strong{
font-weight: bold !important;
}
/* Responsive: về 1 cột trên mobile */
@media (max-width: 768px){
  .giam_khao .lakit-carousel__item-inner{
    display: block;
  }
  .post_img img{
    width: 100%;
  }
  .vimaf-transfer.row-2col{ flex-direction:column; }
}
.elementor-sticky--effects{
  background-color: #1C1C1C;
}
@media (max-width: 568px){
  .giam_khao .lakit-carousel__item-link{
    width: 80%;
  }
}