/*
Theme Name: Men Review Hub Custom
Description: Custom Child Theme for Men Review Hub (Optimized from Flatsome)
Author: Marcus Stone
Template: flatsome
Version: 1.0
*/

/*************** ADD CUSTOM CSS FOR MEN REVIEW HUB ***************/

/* Fix căn lề trái */
a.align-left {
    text-align: left;
    padding-left: 15px !important;
    margin-right: 0;
    border: none !important;
    box-shadow: none !important;
}

/* Tối ưu Form Đăng ký / Liên hệ theo tone Đen - Lịch lãm */
#dang-ky span.wpcf7-spinner {
    display: none;
}
#dang-ky {
    text-align: center;
}
#dang-ky .title {
    color: #111111; /* Đổi từ đỏ sang đen luxury */
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#dang-ky .wpcf7-submit {
    margin: auto;
    border: none;
    width: 40%;
    background: #111111; /* Nút bấm màu đen chuẩn men */
    color: #ffffff;
    border-bottom: 5px solid #333333;
    transition: all 0.3s ease;
}
#dang-ky .wpcf7-submit:hover {
    background: #333333;
    border-bottom: 5px solid #000000;
}

/* Sửa lại text chính - Bỏ viền bóng đỏ quê kiểng, chuyển sang Typography hiện đại */
.txtMain {
    white-space: nowrap;
    font-size: 32px;
    font-weight: 800;
    color: #111111; /* Đen đậm đà */
    text-transform: uppercase;
    letter-spacing: 2px;
}

/*** KHỐI DỊCH VỤ / SẢN PHẨM HOVER ***/
.ss-services .box {
    border: 2px solid #e5e5e5; /* Làm mỏng lại viền cho tinh tế */
    transition: all 0.3s ease;
}
.ss-services .box:hover {
    border: 2px solid #111111; /* Hover lên viền chuyển sang đen thanh lịch thay vì màu xanh cyan */
}

/*** TỐI ƯU ĐƯỜNG PHÂN CÁCH (SECTION TITLE) ***/
.container.section-title-container {
    padding-bottom: 0;
    margin-bottom: 0;
}
.section-title.section-title-center b {
    background: transparent;
}

.line-hg {
    position: relative;
    height: 15px;
    width: 160px;
    margin: 0 auto 25px;
}
.line-hg span {
    position: absolute;
    top: 7px;
    left: 50%;
    z-index: 1;
    content: "";
    background-color: #222222; /* Chuyển chấm tròn sang xám đậm */
    height: 10px;
    width: 10px;
    margin-left: -5px;
    border-radius: 100%;
}
.line-hg:before {
    position: absolute;
    top: 14px;
    left: 0;
    content: "";
    background-color: #ddd;
    height: 1px;
    width: 60px;
}
.line-hg:after {
    position: absolute;
    top: 14px;
    right: 0;
    content: "";
    background-color: #ddd;
    height: 1px;
    width: 60px;
}

/*** SLIDER ĐỐI TÁC / THƯƠNG HIỆU ***/
.ttvn-slider .col-inner {
    border: 1px solid #e5e5e5;
    padding: 5px;
}
.is-divider {
    background: transparent;
}

/*** SIDEBAR (THANH BÊN) - BIẾN ĐỔI SANG PHONG CÁCH MINIMALIST ***/
span.widget-title {
    position: relative;
    width: 100%;
    background: #111111; /* Đổi tiêu đề sidebar từ xanh cyan sang Đen Nguyên Bản */
    color: #fff;
    display: block;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.widget_categories .is-divider, .flatsome_recent_posts .is-divider {
    display: none;
}
.widget_categories ul, .widget.flatsome_recent_posts ul {
    border: 1px solid #111111;
    border-top: 0;
    margin: 0;
    padding: 0 10px;
}

/* ĐÃ XÓA: Bỏ icon loading background cũ bị sai đường dẫn */
.widget_categories .widget-title:before, 
.flatsome_recent_posts .widget-title:before, 
.widget_product_categories .widget-title:before {
    display: none; 
}

/*** FOOTER BACKGROUND COLOR (Tránh dùng link ảnh của theme cũ bị lỗi 404) ***/
#footer section {
    background-color: #111111; /* Chuyển sang nền đen mịn màng thay vì gọi file ảnh bg-footer.jpg bị thiếu */
}

@media only screen and (max-width: 48em) {
    /*************** MOBILE ONLY CSS ***************/
    #masthead {
        background-image: none !important;
        background-color: #ffffff !important;
    }
    #dang-ky {
        max-width: 100% !important;
    }
}