/*
Theme Name: Nimbus Music
Theme URI: https://nimbusmusic.edu.vn
Author: Nimbus Music
Author URI: https://nimbusmusic.edu.vn
Description: Theme WordPress cho trung tâm âm nhạc Nimbus Music. Phong cách "Modern Classicalism" - ấm áp, premium, dùng Tailwind CSS (CDN). Hỗ trợ Customizer để chỉnh sửa Header (logo) và Footer.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nimbus-music
*/

/*
  Toàn bộ giao diện được điều khiển bằng Tailwind CSS (CDN) + cấu hình token trong header.php.
  File này chỉ giữ vài style nền tảng mà Tailwind play-CDN không xử lý sẵn.
*/

/* Material Symbols mặc định */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Bóng đổ "Instrument Shadow" theo design system */
.instrument-shadow { box-shadow: 0px 12px 32px rgba(26, 29, 32, 0.05); }
.modal-shadow      { box-shadow: 0px 24px 48px rgba(26, 29, 32, 0.10); }

/* Style cho nội dung bài viết (the_content) trong .prose */
.prose h2 { margin-top: 3rem; margin-bottom: 1.5rem; }
.prose h3 { margin-top: 2rem; margin-bottom: 1rem; }
.prose p  { margin-bottom: 1.5rem; }
.prose ul, .prose ol { margin: 1.5rem 0; padding-left: 1.5rem; }
.prose ul { list-style: disc; }
.prose ol { list-style: decimal; }
.prose li { margin-bottom: 0.5rem; }
.prose a  { color: #F84C3A; text-decoration: underline; }
.prose img { border-radius: 0.5rem; margin: 1.5rem 0; }
.prose blockquote {
    border-left: 4px solid #F84C3A;
    padding-left: 1rem;
    font-style: italic;
    margin: 2rem 0;
}

/* TOC active state */
.toc-link.active { color: #F84C3A; font-weight: 600; border-left-color: #F84C3A !important; }

/* WordPress core alignment classes */
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright  { float: right; margin-left: 1.5rem; }
.alignleft   { float: left; margin-right: 1.5rem; }
.wp-caption-text { font-size: 12px; color: #707070; text-align: center; }

/* Sticky footer */
body { display: flex; flex-direction: column; min-height: 100vh; }

/* Phân trang (the_posts_pagination) khớp với thiết kế */
.nimbus-pagination .nav-links { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; justify-content: center; }
.nimbus-pagination .page-numbers {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; border-radius: 0.25rem;
    border: 1px solid #e2e2e2; color: #222222;
    font-family: Montserrat, sans-serif; font-weight: 600; font-size: 14px;
    text-decoration: none; transition: background-color .2s, color .2s;
}
.nimbus-pagination .page-numbers:hover { background: #f2f2f2; }
.nimbus-pagination .page-numbers.current { background: #F84C3A; color: #fff; border-color: #F84C3A; }
.nimbus-pagination .page-numbers.dots { border: none; width: auto; }