/* ===============================
   FORM TƯ VẤN – REUSABLE VERSION
   Không phụ thuộc ID block
=============================== */

/* Tabs container */
.tab-contact .t-btn-container {
  gap: 8px;
  padding: 6px;
  background: #FFFFFF1A;
  border-radius: 14px;
  width: max-content;
  background-color: none;
  position: absolute;
  top: 5%;          
  z-index: 5;

  pointer-events: auto;
}

/* Tab button */
.tab-contact .t-btn {
  background: transparent;
  border: none;
  padding: 8px 16px;
  border-radius: 10px;
  font-size: 14px;
  color: #ffffff ;
}

/* Active tab */
.tab-contact .t-btn.active {
  font-weight: 500;
}

/* Panel container */
.tab-contact .t-panel-container {
  border: none;
  padding-top: 0; 
}


.tab-contact {
  position: relative;
  overflow: visible;
}

/* =============================== 
   TEXT + RADIO FORM
=============================== */

.tab-contact .text_color_form {
  color: #BDBDBD;
}
.ff-el-input--content{
  display: flex;
  column-gap: 20px;
}

/* Reset mặc định */
.text_color_form input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;

  width: 18px;
  height: 18px;
  border: 2px solid #BDBDBD;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}

/* Checked state */
.text_color_form input[type="radio"]:checked::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #C8A12D;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


@media screen and (max-width: 690px) {
  .tab-contact .t-btn-container {
    position: static;  
    top: auto;
    left: auto;
    z-index: auto;
  }
}
/* Mobile */
@media (max-width: 600px) {
  .tab-contact .t-btn {
    padding: 6px 10px;      /* nhỏ lại */
    font-size: 12px;        /* chữ gọn hơn */
    border-radius: 8px;
  }
}