/* === Kiểu viền mở rộng cho Bootstrap 5 === */

/* Kiểu dashed */
.border-dashed {
  border-style: dashed !important;
  border-radius: 0.5rem; /* bo tròn góc nhẹ */
  background-clip: padding-box; /* tránh viền ăn vào nền */
}
.border-top-dashed {
  border-top-style: dashed !important;
}
.border-end-dashed {
  border-right-style: dashed !important;
}
.border-bottom-dashed {
  border-bottom-style: dashed !important;
}
.border-start-dashed {
  border-left-style: dashed !important;
}

/* Kiểu dotted */
.border-dotted {
  border-style: dotted !important;
  border-radius: 0.5rem; /* bo tròn góc nhẹ */
  background-clip: padding-box; /* tránh viền ăn vào nền */    
}
.border-top-dotted {
  border-top-style: dotted !important;
}
.border-end-dotted {
  border-right-style: dotted !important;
}
.border-bottom-dotted {
  border-bottom-style: dotted !important;
}
.border-start-dotted {
  border-left-style: dotted !important;
}

/* Kiểu double */
.border-double {
  border-style: double !important;
}
.border-top-double {
  border-top-style: double !important;
}
.border-end-double {
  border-right-style: double !important;
}
.border-bottom-double {
  border-bottom-style: double !important;
}
.border-start-double {
  border-left-style: double !important;
}