/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */

/* Merged Tabs Header Style - Standard NukeViet */
.news-home-section .section-tabs-wrapper {
    border-bottom: 2px solid #1e73be !important;
    margin-bottom: 15px;
}

.news-home-section .section-tabs-nav {
    border: none;
    margin-bottom: 0px !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /* Safety for mobile */
}

.news-home-section .section-tabs-nav>li {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

/* Vertical Separator (~60% height) */
.news-home-section .section-tabs-nav>li::after {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    /* Approx 60% of 24-30px height */
    background: #1e73be;
    margin: 0 10px;
    opacity: 0.5;
    /* Slight transparency for elegance */
}

.news-home-section .section-tabs-nav>li:last-child::after {
    display: none;
}

/* Common Tab Link Style */
.news-home-section .section-tabs-nav>li>a {
    border: none;
    border-radius: 0;
    font-weight: 700;
    /* Bold like headers */
    text-transform: uppercase;
    padding: 8px 5px;
    /* Minimal side padding */
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
}

/* Inactive Tab: White bg, Blue text */
.news-home-section .section-tabs-nav>li>a {
    background-color: transparent;
    /* Clean look */
    color: #1e73be;
}

.news-home-section .section-tabs-nav>li>a:hover {
    background-color: transparent;
    color: #165ba1;
    text-decoration: none;
}

/* Active Tab: Blue bg, White text */
.news-home-section .section-tabs-nav>li.active>a,
.news-home-section .section-tabs-nav>li.active>a:hover,
.news-home-section .section-tabs-nav>li.active>a:focus {
    background-color: #1e73be !important;
    color: #fff !important;
    padding: 8px 15px;
    /* More padding for active to stand out */
}