/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.17.0
Requires at least:    5.4.0
Requires PHP:         5.6.20
WC requires at least: 4.7.0
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
/* Màu chữ và hiệu ứng mặc định */
/* Áp dụng cho cả menu Dịch vụ và Blog */
/* Thiết lập chung cho cả Dịch vụ và Blog */
.menu-dich-vu a, 
.menu-blog .ux-menu-link a,
.menu-blog a {
    color: #ffffff !important;
    transition: all 0.3s ease !important;
    display: block !important;
    padding: 10px 15px !important;
    border-radius: 10px !important;
    margin: 2px 0 !important;
    text-decoration: none !important;
}

/* Hiệu ứng Hover: Ép màu vàng cam */
.menu-dich-vu a:hover,
.menu-blog .ux-menu-link:hover > a,
.menu-blog .ux-menu-link a:hover,
.menu-blog a:hover {
    background-color: #ffb156 !important; /* Màu vàng cam */
    color: #ffffff !important;
    padding-left: 20px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
}

/* Xóa bỏ đường viền mặc định của Flatsome */
.menu-blog .ux-menu-link {
    border: none !important;
}