/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.17.1
Requires at least:    5.4.0
Requires PHP:         5.6.20
WC requires at least: 4.7.0
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
/* --- TỐI ƯU HÌNH ẢNH TRONG NỘI DUNG --- */
.entry-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 25px auto;
    border-radius: 10px;
    /* Viền đỏ tối kết hợp hiệu ứng đổ bóng sâu */
    border: 1px solid #5a0000; 
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.8), 0 0 10px rgba(254, 231, 26, 0.05);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Hiệu ứng phát sáng vàng nhẹ khi di chuột vào ảnh */
.entry-content img:hover {
    transform: translateY(-5px);
    border-color: #fee71a;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.9), 0 0 15px rgba(254, 231, 26, 0.2);
}

/* --- TỐI ƯU BẢNG (TABLE) TRÊN NỀN ĐỎ THẨM --- */
.entry-content table {
    width: 100%;
    margin: 30px 0;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden;
    background-color: #0d0000; /* Nền đen đỏ cực tối */
    border: 1px solid #fee71a; /* Viền vàng kim bao quanh */
}

/* Phần đầu bảng (Header) */
.entry-content table thead th,
.entry-content table tr:first-child td {
    background: linear-gradient(180deg, #8b0000 0%, #4a0000 100%);
    color: #fee71a; /* Chữ vàng đặc trưng */
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px;
    text-align: center;
    border-bottom: 2px solid #fee71a;
    letter-spacing: 1px;
}

/* Các ô nội dung */
.entry-content table td {
    padding: 12px 15px;
    color: #ffffff;
    border-bottom: 1px solid #2d0000;
    text-align: center;
    border-right: 1px solid #2d0000;
}

.entry-content table td:last-child {
    border-right: none;
}

/* Dòng xen kẽ giúp dễ đọc */
.entry-content table tr:nth-child(even) {
    background-color: #1a0000; /* Đỏ thẫm nhẹ */
}

/* Hiệu ứng hover dòng */
.entry-content table tr:hover td {
    background-color: #350000;
    color: #fee71a;
    transition: background 0.2s ease;
}

/* Tối ưu hiển thị mobile cho bảng */
@media (max-width: 768px) {
    .entry-content table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}