/*
Theme Name: Điện Tử Minh Sơn - Sửa Chữa Thiết Bị Bếp & Gia Dụng Cao Cấp
Theme URI: https://dientuminhson.vn/
Author: tamnd
Author URI: https://dientuminhson.vn/
Description: Theme WordPress Landing Page chuyên nghiệp dành cho dịch vụ sửa chữa thiết bị bếp & điện gia dụng cao cấp tại nhà (Bếp từ, máy rửa bát, lò vi sóng, nồi chiên, máy giặt, điều hoà, máy lọc khí...). Chuẩn SEO, chuẩn Mobile, chuẩn AI crawl data (Schema JSON-LD, LocalBusiness, FAQPage), tích hợp quản lý lead đặt lịch trong WP Admin và nút gọi/Zalo tối ưu chuyển đổi.
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kitchen-care
Tags: landing-page, one-page, repair-service, kitchen-appliances, responsive, custom-colors, schema-seo
*/

/* Reset & Base Variables */
:root {
  --primary-navy: #0b172a;
  --secondary-navy: #152540;
  --navy-dark: #070d18;
  --gold-primary: #d97706;
  --gold-light: #fbbf24;
  --gold-hover: #b45309;
  --gold-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  --blue-accent: #38bdf8;
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-dark: #1e293b;
  --card-bg: rgba(21, 37, 64, 0.7);
  --border-color: rgba(255, 255, 255, 0.1);
  --border-gold: rgba(245, 158, 11, 0.4);
  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, sans-serif;
}

/* ==================== HERO QUICK ACTION BUTTONS ==================== */
.hero-quick-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 20px !important;
}

.btn-hero-call, .btn-hero-zalo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 22px !important;
  border-radius: 12px !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

.btn-hero-call {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(254, 202, 202, 0.3) !important;
}

.btn-hero-call:hover {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(239, 68, 68, 0.4) !important;
  color: #ffffff !important;
}

.btn-hero-zalo {
  background: linear-gradient(135deg, #0068ff 0%, #0052cc 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(191, 219, 254, 0.3) !important;
}

.btn-hero-zalo:hover {
  background: linear-gradient(135deg, #0052cc 0%, #003d99 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0, 104, 255, 0.4) !important;
  color: #ffffff !important;
}

/* ==================== MOBILE RESPONSIVE OVERRIDES ==================== */
@media (max-width: 768px) {
  .floating-quick-contact {
    display: none !important;
  }
  .hero-quick-actions {
    flex-direction: column !important;
    width: 100% !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }
  .btn-hero-call, .btn-hero-zalo {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 13px 18px !important;
    font-size: 0.98rem !important;
  }
}