/*
Theme Name: Thợ Diệt Mối
Theme URI: https://thodietmoi.com
Author: Kỹ Sư Thợ Diệt Mối
Author URI: https://thodietmoi.com
Description: Giao diện website chuyên gia diệt mối sinh học & kiểm soát côn trùng thodietmoi.com. Tối ưu tốc độ, chuẩn SEO, hệ thống màu và nút bấm đồng bộ 100% toàn site.
Version: 2.0.0
License: GNU General Public License v2 or later
Text Domain: thodietmoi
*/

/* ==========================================================================
   1. BỘ BIẾN MÀU THƯƠNG HIỆU ĐỒNG BỘ TOÀN SITE (:root)
   ========================================================================== */
:root {
    --brand-50:  #ecfdf5;
    --brand-100: #d1fae5;
    --brand-200: #a7f3d0;
    --brand-500: #10b981;
    --brand-600: #059669; /* Xanh ngọc lục bảo chủ đạo */
    --brand-700: #047857; /* Xanh đậm hover */
    --brand-800: #065f46;
    --brand-900: #064e3b;
    --brand-950: #022c22; /* Xanh đen sang trọng */
    --wood-700:  #b45309;
    --wood-800:  #92400e;
    --shadow-brand: 0 10px 25px -3px rgba(5, 150, 105, 0.35), 0 4px 6px -4px rgba(5, 150, 105, 0.2);
}

/* ==========================================================================
   2. ĐỒNG BỘ TOÀN BỘ NÚT ĐẶT LỊCH, NÚT KHẢO SÁT & NÚT GỌI KHẨN CẤP
   ========================================================================== */
/* Tất cả nút đặt lịch khảo sát nền xanh chữ trắng */
a[href="#contact"].bg-brand-600,
a[href*="#contact"]:not(.text-slate-700):not(.text-brand-400),
button[type="submit"],
.btn-survey,
.btn-primary,
.bg-brand-600 {
    background-color: var(--brand-600) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border-radius: 0.75rem !important; /* rounded-xl */
    font-weight: 700 !important;
    transition: all 0.25s ease-in-out !important;
}

/* Hiệu ứng rê chuột trên các nút xanh */
a[href="#contact"].bg-brand-600:hover,
a[href*="#contact"]:not(.text-slate-700):not(.text-brand-400):hover,
button[type="submit"]:hover,
.btn-survey:hover,
.btn-primary:hover,
.hover\:bg-brand-700:hover,
.bg-brand-600:hover {
    background-color: var(--brand-700) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-brand) !important;
}

/* Đảm bảo chữ & icon bên trong nút luôn hiển thị màu trắng rõ nét */
a[href="#contact"].bg-brand-600 *,
button[type="submit"] *,
.btn-primary * {
    color: #ffffff !important;
}

/* ==========================================================================
   3. ĐỒNG BỘ CÁC KHỐI NỀN MÀU XANH TRÊN TOÀN SITE
   ========================================================================== */
/* Nền xanh nhạt dịu mắt (khối cam kết, ưu điểm, dự toán) */
.bg-brand-50,
.bg-emerald-50 {
    background-color: var(--brand-50) !important;
}

.bg-brand-100,
.bg-emerald-100 {
    background-color: var(--brand-100) !important;
}

/* Nền khối tối màu chuyên gia (Form liên hệ, chân trang) */
.bg-brand-900,
.bg-brand-950,
.bg-emerald-950 {
    background-color: var(--brand-950) !important;
    color: #ffffff !important;
}

/* Dải màu Gradient Logo & Banner chính */
.bg-gradient-to-tr.from-brand-700,
.bg-gradient-to-tr.from-emerald-700 {
    background-image: linear-gradient(to top right, var(--brand-700), var(--brand-600), #34d399) !important;
}

/* ==========================================================================
   4. ĐỒNG BỘ MÀU CHỮ & ICON XANH TOÀN SITE
   ========================================================================== */
.text-brand-400 { color: #34d399 !important; }
.text-brand-500 { color: var(--brand-500) !important; }
.text-brand-600,
.text-emerald-600 { color: var(--brand-600) !important; }
.text-brand-700,
.text-emerald-700 { color: var(--brand-700) !important; }
.text-brand-800,
.text-emerald-800 { color: var(--brand-800) !important; }

/* Các icon cam kết tích xanh */
.fa-check.text-brand-600,
.fa-circle-check.text-brand-600,
.fa-leaf.text-brand-600,
.fa-shield-halved.text-brand-600 {
    color: var(--brand-600) !important;
}

/* ==========================================================================
   5. ĐỒNG BỘ ĐƯỜNG VIỀN & THẺ BẢNG GIÁ
   ========================================================================== */
.border-brand-200 { border-color: var(--brand-200) !important; }
.border-brand-500,
.border-emerald-500 { border-color: var(--brand-500) !important; }
.border-brand-600 { border-color: var(--brand-600) !important; }

/* Thẻ bảng giá gói nổi bật nhất */
.border-2.border-brand-500 {
    border-color: var(--brand-600) !important;
    box-shadow: 0 20px 25px -5px rgba(5, 150, 105, 0.15) !important;
}

/* ==========================================================================
   6. NÚT ZALO & GỌI CỐ ĐỊNH Ở CHÂN TRANG
   ========================================================================== */
.bg-red-600 { background-color: #dc2626 !important; color: #ffffff !important; }
.bg-blue-600 { background-color: #2563eb !important; color: #ffffff !important; }