/*
Theme Name: Cherie Child
Theme URI: https://firstsight.design/cherie/beauty/
Template: cherie
Author: firstsight_design
Author URI: https://themeforest.net/user/firstsight_design
Description: Cherie is modern, convenient and highly thought-out WordPress theme with fascinating design.
Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-image-header,featured-images,flexible-header,full-width-template,post-formats,sticky-post,theme-options,translation-ready
Version: 1.0
*/

/* Add your custom CSS Here */
/* Thay đổi style button View Service Menu: background trắng, text đen */
/* Style button View Service Menu: background trắng, text đen - Hero section */
/* Style button View Service Menu: background trắng, text đen, KHÔNG border */
/* Override mạnh: Bỏ viền đen hoàn toàn cho button View Service Menu */
body .art-hero-buttons > div:nth-child(2) > a:nth-child(1),
body .art-hero-buttons > div:nth-child(2) > a {
    background-color: #ffffff !important; /* Nền trắng */
    color: #000000 !important; /* Chữ đen */
    border: none !important; /* Bỏ border */
    outline: none !important; /* Bỏ outline (viền focus) */
    box-shadow: none !important; /* Bỏ shadow nếu có viền giả */
    border-style: none !important; /* Đảm bảo không style border nào */
    transition: all 0.3s ease !important; /* Hiệu ứng */
}

/* Hover: Giữ không viền */
body .art-hero-buttons > div:nth-child(2) > a:nth-child(1):hover,
body .art-hero-buttons > div:nth-child(2) > a:hover {
    background-color: #f0f0f0 !important;
    color: #000000 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Target Elementor nếu áp dụng */
body .elementor-button.art-hero-buttons > div:nth-child(2) > a:nth-child(1),
body .elementor-widget-button .art-hero-buttons > div:nth-child(2) > a:nth-child(1) {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Focus state (khi tab keyboard) */
body .art-hero-buttons > div:nth-child(2) > a:nth-child(1):focus {
    outline: none !important;
    border: none !important;
}