/* Trang "Đăng ký thi IELTS" (template-ielts-register.php) */

.bv-ie-partner{
  display:inline-flex; align-items:center; gap:.5rem; margin-bottom:.9rem;
  padding:.4rem .85rem; border-radius:999px;
  background:rgba(10,125,114,.1); color:#0a7d72; font-size:.86rem; font-weight:700;
}
.bv-ie-partner i{ font-size:1rem; }
.bv-ie-lead{ font-size:1.05rem; line-height:1.65; color:var(--muted); max-width:60ch; margin-bottom:1.25rem; }
.bv-ie-hero__cta{ display:flex; gap:.6rem; flex-wrap:wrap; }

/* ---- bảng lịch thi ---- */
.bv-ie-sched{ background:var(--soft); border-block:1px solid var(--border); }
.bv-ie-table__wrap{ overflow-x:auto; border:1px solid var(--border); border-radius:14px; background:#fff; }
.bv-ie-table{ width:100%; border-collapse:collapse; min-width:46rem; }
.bv-ie-table th{
  text-align:left; font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.03em;
  color:var(--muted); padding:.75rem 1rem; border-bottom:1px solid var(--border); white-space:nowrap;
}
.bv-ie-table td{ padding:.85rem 1rem; border-bottom:1px solid var(--border); font-size:.92rem; vertical-align:top; }
.bv-ie-table tr:last-child td{ border-bottom:0; }
.bv-ie-table tr:hover td{ background:var(--soft); }
.bv-ie-table__dow{ display:block; font-size:.78rem; color:var(--muted); text-transform:capitalize; }
.bv-ie-table__sub{ display:block; font-size:.78rem; color:var(--muted); }
.bv-ie-table__note{ display:block; margin-top:.3rem; font-size:.76rem; color:#b45309; font-weight:700; }
.bv-ie-pick{
  display:inline-flex; align-items:center; white-space:nowrap;
  padding:.4rem .8rem; border-radius:999px; text-decoration:none;
  background:var(--brand); color:#fff; font-size:.82rem; font-weight:700;
}
.bv-ie-pick:hover{ color:#fff; filter:brightness(1.07); }

/* Trên điện thoại bảng gãy thành từng thẻ, mỗi ô tự mang nhãn cột. */
@media (max-width: 767.98px){
  .bv-ie-table{ min-width:0; }
  .bv-ie-table thead{ display:none; }
  .bv-ie-table tr{ display:block; border-bottom:1px solid var(--border); padding:.5rem 0; }
  .bv-ie-table tr:last-child{ border-bottom:0; }
  .bv-ie-table td{ display:flex; justify-content:space-between; gap:1rem; border:0; padding:.3rem 1rem; }
  .bv-ie-table td::before{ content:attr(data-th); font-size:.78rem; font-weight:700; color:var(--muted); flex:0 0 auto; }
  .bv-ie-table td:last-child{ padding-top:.6rem; }
}

.bv-ie-formats{
  display:grid; gap:1rem; margin-top:1.5rem;
  grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));
}
.bv-ie-formats > div{ background:#fff; border:1px solid var(--border); border-radius:12px; padding:1rem 1.1rem; }
.bv-ie-formats i{ color:var(--brand); margin-right:.3rem; }

/* ---- quy trình ---- */
.bv-ie-steps{ list-style:none; margin:0; padding:0; display:grid; gap:1rem; grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr)); }
.bv-ie-steps li{ display:flex; gap:.75rem; align-items:flex-start; }
.bv-ie-steps__no{
  flex:0 0 auto; display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%;
  background:var(--brand); color:#fff; font-weight:800; font-size:.9rem;
}
.bv-ie-steps strong{ display:block; margin-bottom:.15rem; }

/* ---- form ---- */
.bv-ie-form{ background:var(--soft); border-block:1px solid var(--border); }
.bv-ie-side{ position:sticky; top:5rem; }

/* ---- FAQ ---- */
.bv-ie-faq{ display:grid; gap:.6rem; max-width:56rem; }
.bv-ie-faq__item{ border:1px solid var(--border); border-radius:12px; background:#fff; padding:.85rem 1.1rem; }
.bv-ie-faq__item > summary{ cursor:pointer; font-weight:700; font-size:.95rem; list-style:none; }
.bv-ie-faq__item > summary::-webkit-details-marker{ display:none; }
.bv-ie-faq__item > summary::after{ content:"＋"; float:right; color:var(--brand); font-weight:800; }
.bv-ie-faq__item[open] > summary::after{ content:"−"; }
.bv-ie-faq__item p{ margin:.6rem 0 0; color:var(--muted); font-size:.9rem; line-height:1.65; }

.bv-ie-cross{
  display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap;
  margin-top:2rem; padding:1.1rem 1.25rem; border-radius:14px;
  background:linear-gradient(135deg, rgba(47,111,237,.07), rgba(0,184,169,.07));
  border:1px solid var(--border);
}
.bv-ie-cross strong{ display:block; }
.bv-ie-cross span{ color:var(--muted); font-size:.9rem; }
.bv-ie-cross__links{ display:flex; gap:.5rem; flex-wrap:wrap; }