/* Customer account layout only. All colours come from the existing Aster theme. */
.babitec-customer-account { padding-block: 12px; }
.babitec-customer-account > .row { --bs-gutter-x: 24px; --bs-gutter-y: 24px; align-items: flex-start; }
.babitec-customer-account .col-lg-9 { min-width: 0; }
.babitec-customer-account .card { border-radius: 20px; }
.babitec-customer-account .card > .card-body { padding: 24px; }
.babitec-customer-account .card-header { border-radius: 16px 16px 0 0; padding: 16px 20px; }
.babitec-customer-account h5 { font-size: 19px; line-height: 1.4; font-weight: 700; }
.babitec-customer-account .btn { border-radius: 12px; min-height: 44px; }
.babitec-customer-account .form-control,
.babitec-customer-account .form-select { border-radius: 12px; min-height: 46px; }
.babitec-customer-account .badge { border-radius: 8px; padding: 7px 10px; }
.babitec-account-sidebar .card > .card-body { padding: 20px 16px; }
.babitec-account-sidebar .babitec-account-identity { gap: 12px !important; padding-block: 8px 16px; padding-inline-end: 20px; }
.babitec-account-sidebar .profile-sidebar-avatar { --size: 48px; flex-shrink: 0; }
.babitec-account-sidebar .babitec-account-identity h5 { font-size: 15px; overflow-wrap: anywhere; }
.babitec-account-sidebar .babitec-account-identity p { font-size: 12px; line-height: 1.5; margin-bottom: 0; }
.babitec-account-sidebar .babitec-account-identity .text-lg-center { text-align: start !important; min-width: 0; }
.babitec-account-sidebar .profile-menu { margin-bottom: 0; }
.babitec-account-sidebar .profile-menu > li > a { padding: 11px 12px; min-height: 44px; gap: 12px; border-radius: 10px; font-size: 14px; line-height: 1.45; }
.babitec-account-sidebar .profile-menu > li > a > img { width: 18px; height: 18px; object-fit: contain; flex-shrink: 0; }
.babitec-account-sidebar .profile-menu > li > a > span { min-width: 0; }
.babitec-account-sidebar .profile-menu-toggle { border: 0; min-width: 36px; min-height: 36px; margin-top: 0 !important; }
.babitec-customer-account .babitec-account-stats { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px !important; }
.babitec-account-stats .card > .card-body { padding: 22px 14px; justify-items: start; }
.babitec-account-stats .text-center { text-align: start !important; min-width: 0; }
.babitec-account-stats h3 { font-size: clamp(20px, 1.8vw, 26px); font-weight: 750; overflow-wrap: anywhere; line-height: 1.3; }
.babitec-account-stats span { font-size: 13px; }
.babitec-customer-account .babitec-account-details { border-radius: 16px !important; padding: 24px !important; margin-top: 24px; }
.babitec-customer-account dl { row-gap: 12px; }
.babitec-customer-account dd { overflow-wrap: anywhere; }
.babitec-customer-account .my_orderlist__table { border-collapse: separate; border-spacing: 0 10px; margin-bottom: 0; font-size: 14px; }
.babitec-customer-account .my_orderlist__table th { font-size: 12px; font-weight: 700; padding: 12px; }
.babitec-customer-account .my_orderlist__table td { padding: 18px 12px; }
.babitec-customer-account .my_orderlist__table td:first-child { border-start-start-radius: 14px; border-end-start-radius: 14px; }
.babitec-customer-account .my_orderlist__table td:last-child { border-start-end-radius: 14px; border-end-end-radius: 14px; }
.babitec-customer-account .my_orderlist__table .avatar { --size: 48px; width: 48px; height: 48px; border-radius: 12px !important; }
.babitec-customer-account .wallet-card { border-radius: 18px !important; padding: 24px; }
.babitec-customer-account .wallet-card .fs-36 { font-size: clamp(24px, 2.3vw, 36px) !important; overflow-wrap: anywhere; line-height: 1.3; }
.babitec-customer-account .ticket-box { border-radius: 18px; height: 100%; }
.babitec-customer-account .ticket-start { padding: 24px 16px; min-width: 0; }
.babitec-customer-account .ticket-end { padding: 24px 18px; min-width: 0; }
.babitec-customer-account .ticket-amount { font-size: 23px; line-height: 1.25; }
.babitec-customer-account .ticket-welcome-btn { border-radius: 10px; max-width: 100%; overflow-wrap: anywhere; }
.babitec-customer-account .ticket-end h6 { font-size: 13px; line-height: 1.5; }
.babitec-customer-account .ticket-end p { font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.babitec-customer-account .chat-list-item { border-radius: 12px; padding: 14px; }
.babitec-customer-account .card-body .py-5:has(img[src*="empty-state"]) { min-height: 300px; gap: 16px !important; }
.babitec-customer-account img[src*="empty-state"] { max-width: 80px; height: auto; }
.babitec-customer-account .pagination { gap: 6px; flex-wrap: wrap; }
.babitec-customer-account .page-link { border-radius: 8px !important; }
@media (min-width: 992px) {
  .babitec-customer-account > .row > .babitec-account-sidebar { flex: 0 0 25%; max-width: 290px; }
  .babitec-customer-account > .row > .col-lg-9 { flex: 1; width: 0; }
  .babitec-account-sidebar .babitec-account-identity { flex-direction: row !important; align-items: center; }
  .babitec-account-sidebar .profile-menu { max-height: none; overflow: visible; }
  .babitec-account-sidebar .profile-menu { max-block-size: none; }
  .babitec-account-sidebar .card-body > .d-lg-flex { position: absolute; inset-block-start: 14px; inset-inline-end: 14px; }
  .babitec-account-sidebar .profile-sidebar-sticky { position: static; }
}
@media (max-width: 1199px) {
  .babitec-customer-account .babitec-account-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
  .babitec-customer-account { padding-block: 0; }
  .babitec-customer-account > .row { --bs-gutter-x: 16px; --bs-gutter-y: 16px; }
  .babitec-account-sidebar .card > .card-body { padding: 16px; }
  .babitec-account-sidebar .babitec-account-identity { padding-block: 0; padding-inline-end: 44px; }
  .babitec-account-sidebar .profile-menu-aside { border-start-start-radius: 20px; border-end-start-radius: 20px; max-width: 90vw; }
}
@media (max-width: 575px) {
  .babitec-customer-account .card { border-radius: 16px; }
  .babitec-customer-account .card > .card-body { padding: 16px; }
  .babitec-customer-account h5 { font-size: 17px; }
  .babitec-account-sidebar .babitec-account-identity h5 { font-size: 15px; }
  .babitec-customer-account .babitec-account-details { padding: 16px !important; }
  .babitec-account-stats .card > .card-body { padding: 18px 12px; }
  .babitec-customer-account .ticket-start { padding: 20px 12px; }
  .babitec-customer-account .ticket-end { padding: 20px 12px; }
  .babitec-customer-account .ticket-amount { font-size: 20px; }
}