/*
Theme Name: Flatsome Child
Template: flatsome
Version: 1.0.0
Text Domain: flatsome-child
*/

/* ------------------------------------------------------------------
   Minimal CSS only.
   Layout, colors, spacing, header, banner... are all configured
   through Flatsome Customizer / UX Builder options — NOT here.
   Only styles that Flatsome options cannot produce live below.
------------------------------------------------------------------ */

/* Scrollable content box (box-content có scroll, cao cố định 700px).
   Flatsome has no native "fixed height + scroll" option, so this is
   the single unavoidable helper. Wrap content in <div class="scroll-box">
   inside a [col] via UX Builder Text/HTML element. */
.scroll-box{
    height: 700px;
    overflow-y: auto;
    padding: 24px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 6px;
    background: #fff;
}
.scroll-box::-webkit-scrollbar{ width: 8px; }
.scroll-box::-webkit-scrollbar-track{ background: rgba(0,0,0,.04); border-radius: 4px; }
.scroll-box::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.2); border-radius: 4px; }
.scroll-box::-webkit-scrollbar-thumb:hover{ background: rgba(0,0,0,.35); }

/* Bảng thông tin dạng hàng (label bên trái - value bên phải), dùng bên trong .scroll-box */
.box-table{
    width: 100%;
    margin-bottom: 28px;
}
.box-table__row{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 24px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(0,0,0,.08);
}
.box-table__row:first-child{ padding-top: 0; }
.box-table__row:last-child{ border-bottom: none; }
.box-table__label{ color: rgba(0,0,0,.65); }
.box-table__value{ text-align: right; color: rgba(0,0,0,.85); }

/* Khối danh sách nhận xét/điểm nổi bật dạng bullet */
.box-list{ margin-top: 8px; }
.box-list ul{ list-style: disc; padding-left: 20px; margin: 0; }
.box-list li{ margin-bottom: 12px; line-height: 1.6; }