/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.5.1.1788666435
Updated: 2026-09-06 03:47:15

*/

/* ==========================================================================
   1. SỬA MÀU SẮC GỐC CHO LOGO ĐỐI TÁC TRANG CHỦ
   ========================================================================== */
.customer-marquee .swiper-slide img,
.customer-marquee .swiper-slide figure img,
.customer-marquee .elementor-image-carousel .swiper-slide img,
.elementor-widget-image-carousel.customer-marquee .swiper-slide img,
html body .customer-marquee .swiper-slide img {
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
}

.customer-marquee .swiper-slide:hover img,
.customer-marquee .swiper-slide figure:hover img,
.customer-marquee .elementor-image-carousel .swiper-slide:hover img,
.elementor-widget-image-carousel.customer-marquee .swiper-slide:hover img,
html body .customer-marquee .swiper-slide:hover img {
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
    transform: scale(1.06) !important;
}

/* ==========================================================================
   2. Ô TÍCH ĐỒNG Ý CUNG CẤP THÔNG TIN TƯ VẤN DỊCH VỤ
   ========================================================================== */
.hnc-consent-group {
    width: 100% !important;
    margin-top: 14px !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
}

.hnc-consent-label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    cursor: pointer !important;
    user-select: none !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    color: #334155 !important;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    transition: color 0.2s ease !important;
}

.lien-he-block .hnc-consent-label {
    color: #292A68 !important;
}

.hnc-consent-label:hover {
    color: #ea580c !important;
}

.hnc-consent-checkbox {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    border: 2px solid #cbd5e1 !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
    cursor: pointer !important;
    display: inline-grid !important;
    place-content: center !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    transition: all 0.2s ease !important;
    outline: none !important;
}

.hnc-consent-checkbox:checked {
    background-color: #FF6600 !important;
    border-color: #FF6600 !important;
}

.hnc-consent-checkbox:checked::before {
    content: "" !important;
    width: 5px !important;
    height: 9px !important;
    border: solid #ffffff !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) translate(-1px, -1px) !important;
    display: block !important;
}

.hnc-consent-checkbox:focus-visible {
    box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.2) !important;
}

.hnc-consent-text {
    flex: 1 !important;
}

.hnc-consent-req {
    color: #ef4444 !important;
    font-weight: 700 !important;
    margin-left: 2px !important;
}

.hnc-consent-error-msg {
    display: none;
    color: #dc2626 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-top: 6px !important;
    padding-left: 28px !important;
    line-height: 1.4 !important;
}

.hnc-consent-group.has-error .hnc-consent-checkbox {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.2) !important;
}

.hnc-consent-group.has-error .hnc-consent-error-msg {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* ==========================================================================
   3. ĐÁNH GIÁ KHÁCH HÀNG: NÚT XEM TẤT CẢ VÀ ĐIỀU HƯỚNG CAROUSEL
   ========================================================================== */
.elementor-widget-testimonial-carousel .elementor-testimonial {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.elementor-widget-testimonial-carousel .elementor-testimonial:hover {
    box-shadow: 0 14px 32px rgba(41, 42, 104, 0.1) !important;
}

/* Nút Xem chi tiết trực tiếp trên từng thẻ đánh giá */
.hnc-testimonial-btn-wrap {
    margin-top: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
}

.hnc-testimonial-readmore-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #F15A22 !important;
    background: #FFF7ED !important;
    border: 1px solid rgba(241, 90, 34, 0.28) !important;
    border-radius: 50px !important;
    padding: 7px 16px !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    z-index: 10 !important;
    outline: none !important;
    line-height: 1.3 !important;
    box-shadow: 0 2px 6px rgba(241, 90, 34, 0.08) !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.hnc-testimonial-readmore-btn:hover {
    background: #F15A22 !important;
    color: #FFFFFF !important;
    border-color: #F15A22 !important;
    box-shadow: 0 6px 16px rgba(241, 90, 34, 0.28) !important;
    transform: translateY(-1px) !important;
}

.hnc-testimonial-readmore-btn svg {
    transition: transform 0.25s ease !important;
}

.hnc-testimonial-readmore-btn:hover svg {
    transform: translateX(4px) !important;
}

.hnc-all-testimonials-wrap {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 36px !important;
    margin-bottom: 24px !important;
    clear: both !important;
    position: relative !important;
    z-index: 99 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Đảm bảo tuyệt đối không bị lặp nút */
.hnc-all-testimonials-wrap ~ .hnc-all-testimonials-wrap,
.hnc-all-testimonials-wrap + .hnc-all-testimonials-wrap {
    display: none !important;
}

.hnc-all-testimonials-btn {
    background: linear-gradient(135deg, #F15A22 0%, #FF7A45 100%) !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 13px 30px !important;
    border-radius: 50px !important;
    border: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    box-shadow: 0 6px 20px rgba(241, 90, 34, 0.28) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    outline: none !important;
    text-decoration: none !important;
}

.hnc-all-testimonials-btn:hover {
    background: linear-gradient(135deg, #292A68 0%, #1e1f52 100%) !important;
    box-shadow: 0 10px 25px rgba(41, 42, 104, 0.35) !important;
    transform: translateY(-2px) !important;
    color: #FFFFFF !important;
}

.hnc-all-testimonials-btn svg {
    transition: transform 0.25s ease !important;
}

.hnc-all-testimonials-btn:hover svg.hnc-arrow-icon {
    transform: translateX(4px) !important;
}

/* ==========================================================================
   4. TRƯỜNG NHẬP EMAIL CHO FORM ĐĂNG KÝ / TƯ VẤN
   ========================================================================== */
.hnc-email-group {
    width: 100% !important;
    margin-bottom: 10px !important;
    box-sizing: border-box !important;
}

.hnc-email-group label {
    display: block !important;
    color: #292A68 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 6px !important;
}

.hnc-email-group input[type="email"] {
    width: 100% !important;
    background-color: #F8FAFC !important;
    border: 1px solid #CBD5E1 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    color: #1E293B !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    outline: none !important;
    transition: all 0.3s ease !important;
}

.hnc-email-group input[type="email"]:focus {
    background-color: #FFFFFF !important;
    border-color: #FF6600 !important;
    box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.12) !important;
}

/* ==========================================================================
   4. ĐỊNH DẠNG NỘI DUNG VĂN BẢN SOẠN THẢO (TINYMCE PRO CONTENT STYLES)
   ========================================================================== */
.hnc-content-table,
.entry-content table.hnc-content-table,
.single-content table.hnc-content-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 24px 0 !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid #e2e8f0 !important;
}

.hnc-content-table th,
.hnc-content-table td {
    padding: 12px 18px !important;
    text-align: left !important;
    border: 1px solid #e2e8f0 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.hnc-content-table th {
    background: #292A68 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
}

.hnc-content-table tr:nth-child(even) td {
    background-color: #f8fafc !important;
}

.hnc-content-table tr:hover td {
    background-color: #f1f5f9 !important;
}

/* Callout Boxes (Hộp ghi chú nổi bật) */
.hnc-callout-box {
    position: relative !important;
    padding: 18px 24px !important;
    margin: 24px 0 !important;
    border-radius: 12px !important;
    border-left: 5px solid #2563EB !important;
    background: #EFF6FF !important;
    color: #1E293B !important;
    font-size: 15.5px !important;
    line-height: 1.7 !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.06) !important;
}

.hnc-callout-box p:last-child {
    margin-bottom: 0 !important;
}

.hnc-callout-warning {
    border-left-color: #F15A22 !important;
    background: #FFF7ED !important;
    color: #9A3412 !important;
}

.hnc-callout-success {
    border-left-color: #16A34A !important;
    background: #F0FDF4 !important;
    color: #166534 !important;
}

.hnc-callout-summary {
    border: 2px dashed #292A68 !important;
    background: #F8FAFC !important;
    color: #1E293B !important;
}

/* Đoạn Sapo mở đầu */
.hnc-lead-text {
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
    color: #334155 !important;
    margin-bottom: 24px !important;
}

/* Nút CTA trong bài viết */
.hnc-post-cta-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #F15A22 0%, #D94E1A 100%) !important;
    color: #ffffff !important;
    padding: 12px 26px !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(241, 90, 34, 0.35) !important;
    transition: all 0.25s ease !important;
    margin: 16px 0 !important;
}

.hnc-post-cta-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(241, 90, 34, 0.5) !important;
    color: #ffffff !important;
}

/* Khung trích dẫn chuyên gia */
blockquote.hnc-expert-quote {
    position: relative !important;
    margin: 28px 0 !important;
    padding: 22px 28px 22px 30px !important;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
    border-left: 4px solid #292A68 !important;
    border-radius: 0 12px 12px 0 !important;
    font-style: italic !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #1e293b !important;
}

/* Highlight text */
mark.hnc-highlight-yellow {
    background-color: #fef08a !important;
    color: #854d0e !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

mark.hnc-highlight-orange {
    background-color: #ffedd5 !important;
    color: #c2410c !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

mark.hnc-highlight-blue {
    background-color: #dbeafe !important;
    color: #1e40af !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}