/*
Theme Name: Bongda Theme
Theme URI: 
Author: Minh Vu
Author URI: 
Description: Starter theme cơ bản cho Website Bóng Đá.
Version: 1.0.0
Requires at least: 5.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bongdatheme
*/

/* Basic CSS setup để có thể nhìn thấy cấu trúc của trang */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    color: #333;
    background-color: #f9f9f9;
}

/* Tối ưu hiển thị ảnh trong nội dung bài viết trên Mobile (Thu nhỏ 90% và căn giữa) */
@media (max-width: 767px) {
    .entry-content img,
    .entry-content figure,
    .entry-content .wp-block-image {
        max-width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block;
    }
}

/* Tối ưu hiển thị chú thích ảnh (Caption) */
.entry-content figcaption,
.entry-content .wp-element-caption,
.entry-content .wp-caption-text {
    text-align: center !important;
    font-style: italic !important;
    font-size: 0.9em !important;
    color: #6b7280 !important;
    margin-top: 0.5rem !important;
    display: block;
}

/* Căn chỉnh mặc định của WordPress (Cực kỳ quan trọng để Editor hoạt động đúng) */
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
figure.wp-caption {
    max-width: 100%;
    margin-bottom: 1.5em;
    /* Xoá format cứng width từ shortcode để caption không bị lệch khi full màn hình */
    width: auto !important;
}
figure.wp-caption img {
    margin-left: auto;
    margin-right: auto;
}

/* --- TỐI ƯU TAILWIND PROSE (Bỏ gánh nặng CDN Typography) --- */
.custom-prose h1, .custom-prose h2, .custom-prose h3, .custom-prose h4, .custom-prose h5, .custom-prose h6 {
    font-weight: 700 !important;
}
.custom-prose h2 {
    color: #008c5f !important;
    font-size: 22px !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0.75rem !important;
}
@media (min-width: 640px) {
    .custom-prose h2 { font-size: 24px !important; }
}
.custom-prose h3 {
    color: #047857 !important; /* emerald-700 */
    font-size: 19px !important;
    margin-top: 1.25rem !important;
    margin-bottom: 0.5rem !important;
}
@media (min-width: 640px) {
    .custom-prose h3 { font-size: 20px !important; }
}
.custom-prose a {
    color: #0284c7 !important; /* sky-600 */
}
.custom-prose img {
    border-radius: 0.375rem !important; /* rounded-md */
}
.custom-prose li::marker {
    color: #9ca3af !important; /* gray-400 */
}

/* --- TỐI ƯU INTRO BADGE (Block Giới Thiệu Dành Riêng Cho Khách Hàng) --- */
.intro-text-content .intro-badge {
    display: inline-block;
    background-color: #f3f4f6; /* Tailwind gray-100 */
    color: #374151; /* Tailwind gray-700 */
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 9999px;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
    line-height: 1;
}

/* --- FOOTER CUSTOMIZATION --- */
#colophon, 
#colophon p, 
#colophon li, 
#colophon span,
.f-content {
    color: #FFFFFF !important;
}
#colophon a:not(.bg-white) {
    color: #FFFFFF !important;
    text-decoration: none;
    transition: all 0.3s ease;
}
#colophon a:not(.bg-white):hover {
    color: #FFFFFF !important;
    opacity: 0.8;
}