/* Styles cho mobile dropdown menu */
.mobile-dropdown-menu {
    margin-bottom: .5rem;
}

.mobile-dropdown-menu .dropdown-toggle {
    background-color: #f8f9fa;
    border-color: #dee2e6;
    color: #212529;
    font-weight: 500;
}

.mobile-dropdown-menu .dropdown-menu {
    max-height: 400px;
    overflow-y: auto;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* Gi? nguyên style cho menu items */
.mobile-dropdown-menu .dropdown-menu-content {
    padding: 0.5rem;
}

.mobile-dropdown-menu .mergetags {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-dropdown-menu .mergetags li {
    margin-bottom: 0.5rem;
}

.mobile-dropdown-menu .mergetags li:last-child {
    margin-bottom: 0;
}

.mobile-dropdown-menu .mergetags a {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    text-decoration: none;
    color: inherit;
    border-radius: 0.25rem;
    transition: background-color 0.2s;
}

.mobile-dropdown-menu .mergetags a:hover {
    background-color: #f8f9fa;
}

.mobile-dropdown-menu .mergetags span {
    flex: 1;
    padding-right: 0.5rem;
}


/* Style cho dropdown header link */
.mobile-dropdown-menu .dropdown-header-link a {
    color: #212529;
    padding: 0.5rem;
}

.mobile-dropdown-menu .dropdown-header-link a:hover {
    background-color: #f8f9fa;
    border-radius: 0.25rem;
}

/* Style cho title v?i icon */
.tpsection__title.has-arrow-icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 10px;
}

.tpsection__title a.title-link-with-icon {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    flex: 1;
}

.tpsection__title a.title-link-with-icon::after {
    content: "\F285"; /* Bootstrap icon chevron-right */
    font-family: "bootstrap-icons";
    margin-left: auto;
    padding-left: 0.5rem;
    font-size: 1.2rem;
    color: #fff;
    transition: transform 0.3s ease;
}

.tpsection__title a.title-link-with-icon:hover::after {
    transform: translateX(5px);
}
/* Responsive adjustments */
@media (max-width: 768px) {
    /* Có th? tùy ch?n ?n hình ?nh trên mobile */
    /* .mobile-dropdown-menu .mergetags img {
        display: none;
    } */
    
    .mobile-dropdown-menu .dropdown-toggle {
        font-size: 1.1rem;
    }
}