/**
 * Base Typography — restore browser defaults bị Tailwind preflight reset xóa.
 * Chỉ chứa: thẻ HTML phổ biến + Bootstrap grid fix + class content containers.
 * KHÔNG ghi CSS cho class tuỳ biến của từng component cụ thể.
 */

img {
    height: auto;
}
.logo-bt img {
    object-fit: contain;
    aspect-ratio: 1 / 1;
    height: auto;
}

/* ─── Bootstrap grid fix (Tailwind preflight conflict) ──────────────────── */
.row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-right: -12px;
    margin-left: -12px;
}

.row > * {
    box-sizing: border-box !important;
    padding-right: 12px;
    padding-left: 12px;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
}

@media (min-width: 992px) {
    .col-lg-4  { flex: 0 0 auto; width: 33.3333%; }
    .col-lg-5  { flex: 0 0 auto; width: 41.6667%; }
    .col-lg-6  { flex: 0 0 auto; width: 50%; }
    .col-lg-7  { flex: 0 0 auto; width: 58.3333%; }
    .col-lg-8  { flex: 0 0 auto; width: 66.6667%; }
    .col-lg-9  { flex: 0 0 auto; width: 75%; }
    .col-lg-12 { flex: 0 0 auto; width: 100%; }
}

@media (min-width: 576px) {
    .col-sm-4 { flex: 0 0 auto; width: 33.3333%; }
    .col-sm-6 { flex: 0 0 auto; width: 50%; }
}

/* ─── #chinhanh: nested row fix + restore CSS gốc bị h2 override ────────── */
#chinhanh .row .col-12 > .row {
    margin-left: 0;
    margin-right: 0;
}

/* Restore font-size h2 gốc trong open-time và chi-nhanh-info (style.css: 21px) */
.open-time h2,
.chi-nhanh-info h2 {
    font-size: 21px !important;
    margin-bottom: 10px;
}

/* Restore border + spacing table giờ mở cửa */
#opening-times-table {
    border-collapse: collapse;
    margin-bottom: 16px;
}
#opening-times-table td {
    border: 1px solid #ddd;
    padding: 6px 10px;
}

/* Fix sao inline (Tailwind reset img display:block) */
.chi-nhanh-info .star,
.star {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}
.chi-nhanh-info .star img,
.star img {
    display: inline-block;
    width: 30px;
    height: 30px;
}

/* ─── Service-like: overflow visible để shadow ko bị clip ───────────────── */
.service-like {
    overflow: visible;
    position: relative;
}
.service-like .owl-carousel {
    overflow: visible;
}
/* Arrow nằm ngoài track, căn giữa dọc */
.service-like .owl-theme .owl-nav {
    position: absolute;
    width: calc(100% + 120px);
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    pointer-events: none;
}
.service-like .owl-theme .owl-nav [class*=owl-] {
    pointer-events: all;
}

/* Arrow style: transparent → hover navy */
.service-like .owl-theme .owl-nav [class*=owl-] {
    width: 32px;
    height: 32px;
    border-radius: 50% !important;
    background: transparent !important;
    border: 1px solid #2b3268;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, border-color 0.2s;
}
.service-like .owl-theme .owl-nav [class*=owl-] svg path {
    stroke: #2b3268;
    transition: stroke 0.2s;
}
.service-like .owl-theme .owl-nav [class*=owl-]:hover {
    background: #2b3268 !important;
    border-color: #2b3268;
}
.service-like .owl-theme .owl-nav [class*=owl-]:hover svg path {
    stroke: #fff;
}

/* ─── TOC anchor offset (bù chiều cao sticky header) ────────────────────── */
.single-post-content h2[id],
.single-post-content h3[id],
.single-post-content h4[id] {
    scroll-margin-top: 20px;
}

/* ─── Breadcrumb ────────────────────────────────────────────────────────── */
.breadcrumb-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 14px;
}

.breadcrumb-content a {
    color: #383f70;
    text-decoration: none;
}

.breadcrumb-content a:hover {
    color: #3171b7;
    text-decoration: underline;
}

.breadcrumb-content span {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

/* ─── Headings ───────────────────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0.75em;
    color: #2b3268;
}
h1 { font-size: 2rem; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.375rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }

p {
    margin-bottom: 1rem;
    line-height: 1.7;
}

/* ─── Content containers (WYSIWYG / post content) ───────────────────────── */
.single-post-content,
.content-bs,
.content-posts,
.content-cate,
.single-pk,
.quyen-loi-content,
.content-single-pro {
    font-size: 16px;
    line-height: 1.75;
    color: #333;
}

.single-post-content p,
.content-bs p,
.content-posts p,
.content-cate p,
.single-pk p,
.quyen-loi-content p,
.content-single-pro p {
    font-size: inherit;
    margin-bottom: 1.25rem;
    line-height: 1.75;
}

.single-post-content h2, .content-bs h2, .content-posts h2, .content-cate h2 {
    font-size: 1.5rem;
    color: #2b3268;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.single-post-content h3, .content-bs h3, .content-posts h3, .content-cate h3 {
    font-size: 1.25rem;
    color: #2b3268;
    margin-top: 1.25rem;
    margin-bottom: 0.625rem;
}

.single-post-content h4, .content-bs h4, .content-posts h4 {
    font-size: 1.125rem;
    color: #2b3268;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

/* ─── Lists ─────────────────────────────────────────────────────────────── */
.single-post-content ul, .content-bs ul, .content-posts ul,
.single-pk ul, .quyen-loi-content ul {
    padding-left: 1.5rem;
    margin-bottom: 1.25rem;
}

.single-post-content ul li, .content-bs ul li, .content-posts ul li,
.single-pk ul li, .quyen-loi-content ul li {
    list-style: disc outside;
    margin-bottom: 0.5rem;
    line-height: 1.7;
    font-size: inherit;
}

.single-post-content ol, .content-bs ol, .content-posts ol {
    padding-left: 1.5rem;
    margin-bottom: 1.25rem;
}

.single-post-content ol li, .content-bs ol li, .content-posts ol li {
    list-style: decimal outside;
    margin-bottom: 0.5rem;
    line-height: 1.7;
}

/* ─── Table ─────────────────────────────────────────────────────────────── */
.single-post-content table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.25rem;
    font-size: 15px;
}

.single-post-content table td,
.single-post-content table th {
    padding: 8px 12px;
    border: 1px solid #dde5f0;
    vertical-align: top;
}

.single-post-content table tbody tr:first-child td,
.single-post-content table thead th {
    background: #2b3268;
    color: #fff;
    font-weight: 600;
}

/* ─── Images ─────────────────────────────────────────────────────────────── */
.single-post-content img, .content-bs img, .content-posts img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin-bottom: 1rem;
}

.single-post-content img.aligncenter, .content-bs img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.single-post-content img.alignleft  { float: left;  margin-right: 1rem; }
.single-post-content img.alignright { float: right; margin-left:  1rem; }

/* ─── Blockquote ─────────────────────────────────────────────────────────── */
.single-post-content blockquote, .content-bs blockquote {
    border-left: 4px solid #2b3268;
    padding: 0.75rem 1.25rem;
    margin: 1.25rem 0;
    background: #f0f5ff;
    border-radius: 0 6px 6px 0;
    font-style: italic;
    color: #555;
}

/* ─── Strong / Links ─────────────────────────────────────────────────────── */
.single-post-content strong, .content-bs strong { font-weight: 700; color: inherit; }

.single-post-content a, .content-bs a, .content-posts a {
    color: #2b7fda;
    text-decoration: underline;
}

.single-post-content a:hover, .content-bs a:hover, .content-posts a:hover {
    color: #1a5fad;
}

/* ─── news-home: full-width gradient, bỏ background riêng của row-news ────── */
.news-home {
    background: linear-gradient(160deg, #eef4ff 0%, #f6fafe 50%, #e8f0fb 100%) !important;
}
.row-news {
    background: transparent !important;
}
.news-home .item-news-2 {
    background: #fff;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.06);
}
    .news-home .info-new-decs-2 ul a{font-weight: 500; color: #2b3268; text-decoration: none;}