/*
Theme Name: Điện Lạnh Phúc Thịnh
Theme URI: https://dienlanhphucthinh.vn
Author: Công ty Điện Lạnh Phúc Thịnh
Author URI: https://dienlanhphucthinh.vn
Description: Giao diện WordPress chuẩn SEO chuyên nghiệp dành cho công ty dịch vụ điện lạnh, sửa máy nước nóng, máy lạnh, tủ lạnh, máy giặt. Hỗ trợ tùy biến trang chủ qua Customizer & Page Editor, hiển thị nội dung bài viết tin tức chuẩn UI/UX, tích hợp hotline 0905652425 và nút Zalo.
Version: 1.1.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: dienlanh-phucthinh
Tags: hvac, air-conditioning, refrigeration, online-booking, local-business, clean-code, seo-optimized, custom-header, custom-menu, featured-images, threaded-comments, translation-ready
*/

:root {
  --primary-color: #0284c7;
  --primary-dark: #0369a1;
  --secondary-color: #f97316;
  --dark-slate: #0f172a;
  --light-bg: #f8fafc;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #334155;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

/* Định dạng nội dung bài viết và trang chuẩn (Typography / Entry Content) */
.entry-content {
  color: #334155;
  font-size: 1.0625rem;
  line-height: 1.8;
  word-break: break-word;
}

.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4, 
.entry-content h5, 
.entry-content h6 {
  color: #0f172a;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 1.75em;
  margin-bottom: 0.75em;
}

.entry-content h2 {
  font-size: 1.65rem;
  border-left: 4px solid #0284c7;
  padding-left: 0.75rem;
  background-color: #f0f9ff;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  border-radius: 0 4px 4px 0;
}

.entry-content h3 {
  font-size: 1.35rem;
  color: #0369a1;
}

.entry-content p {
  margin-top: 0;
  margin-bottom: 1.25em;
}

.entry-content ul, 
.entry-content ol {
  margin-top: 0;
  margin-bottom: 1.25em;
  padding-left: 1.5rem;
}

.entry-content ul {
  list-style-type: disc;
}

.entry-content ol {
  list-style-type: decimal;
}

.entry-content li {
  margin-bottom: 0.5em;
}

.entry-content img {
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
  margin: 1.5em auto;
  display: block;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.entry-content blockquote {
  border-left: 4px solid #f97316;
  background: #fff7ed;
  padding: 1rem 1.25rem;
  font-style: italic;
  color: #9a3412;
  margin: 1.5em 0;
  border-radius: 0 0.5rem 0.5rem 0;
}

.entry-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
}

.entry-content table th,
.entry-content table td {
  border: 1px solid #e2e8f0;
  padding: 0.75rem;
  text-align: left;
}

.entry-content table th {
  background-color: #f1f5f9;
  font-weight: 600;
  color: #1e293b;
}

.entry-content a {
  color: #0284c7;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.entry-content a:hover {
  color: #0369a1;
}

/* Nút gọi hotline nổi với hiệu ứng sóng âm */
.floating-phone-btn {
  position: relative;
  box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7);
  animation: pulse-red 2s infinite cubic-bezier(0.66, 0, 0, 1);
}

@keyframes pulse-red {
  to {
    box-shadow: 0 0 0 20px rgba(220, 38, 38, 0);
  }
}