/* Custom CSS - Navbar Text Color */
.nav-bar .link {
    color: #2d3436 !important;
}

.nav-bar .link:hover {
    color: var(--primary_color) !important;
}

/* Custom CSS - Cart Button Style như Login Button */
.cart-btn .btn-outline-light {
    border-color: var(--primary_color);
    color: var(--primary_color);
    background-color: transparent;
}

.cart-btn .btn-outline-light:active,
.cart-btn .btn-outline-light:focus,
.cart-btn .btn-outline-light:hover {
    background-color: var(--primary_color);
    border-color: var(--primary_color);
    color: #fff;
}

/* Custom CSS - Navbar 2 Dropdown Hover Effect (không đổi màu) */
.nav-bar.nav-bar-sm .drop-down .drop-down-btn {
    color: #ffffff !important;
    transition: transform 0.2s ease;
}

.nav-bar.nav-bar-sm .drop-down .drop-down-btn:hover {
    color: #ffffff !important;
    transform: translateY(-2px);
    transition: transform 0.2s ease;
}

/* Custom CSS - Search Form Reverse: Placeholder & Icon Color */
.form-search.form-search-reverse .form-control::placeholder {
    color: #2d3436 !important;
}

.form-search.form-search-reverse button,
.form-search.form-search-reverse .icon {
    color: #2d3436 !important;
}

/* Custom CSS - Reduce Nav 2nd Height */
.nav-bar.nav-bar-sm .nav-bar-container {
    height: 48px !important;
}
.form-search.form-search-reverse .form-control {
    height: 39px !important;
    /*padding: 8px 16px !important;*/
    border: 1px solid var(--primary_color) !important;
}

.form-search.form-search-reverse .form-control:focus {
    border-color: var(--primary_color) !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 116, 190, 0.15) !important;
}

.nav-bar .drop-down .drop-down-btn {
    color: #2d3436 !important;
}

.nav-bar .drop-down .drop-down-btn:hover {
    color: #2d3436 !important;
}