/*
Theme Name: SEO Blog Theme
Theme URI: https://example.com/seo-blog-theme
Author: hodumaitran
Author URI: https://example.com
Description: A lightweight, SEO-optimized WordPress theme for IT services blogs. Built with Tailwind CSS v4, featuring pre-built templates for Services, Pricing, Contact, and About pages. Perfect for printer services, IT hardware/software, and office infrastructure businesses. Professional design with green accent color (#1FAF5C).
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seo-blog-theme
Tags: blog, business, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, footer-widgets, custom-colors, accessibility-ready
*/

/*
 * Chỉ giữ lại những gì Tailwind KHÔNG thể xử lý:
 * 1. WordPress alignment classes (alignleft, aligncenter...) - do WP core tự output
 * 2. WordPress gallery/caption classes - do shortcode tự tạo
 * 3. :focus-visible, scrollbar, smooth scroll - không có Tailwind utility tương đương
 */

html {
  scroll-behavior: smooth;
}
:focus-visible {
  outline: 2px solid #1faf5c;
  outline-offset: 2px;
}
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #f5f5f5;
}
::-webkit-scrollbar-thumb {
  background: #1faf5c;
  border-radius: 3px;
}

/* WordPress Core Output Classes — WP tự gán, không thể dùng Tailwind thay */
.alignleft {
  float: left;
  margin-right: 1.5rem;
  margin-bottom: 1rem;
}
.alignright {
  float: right;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}
.alignwide {
  width: 100%;
}
.alignfull {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
.wp-caption {
  max-width: 100%;
  margin-bottom: 1rem;
}
.wp-caption-text {
  font-size: 0.875rem;
  color: #666;
  text-align: center;
  margin-top: 0.5rem;
}
.gallery {
  display: grid;
  gap: 1rem;
}
.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}