/* ================= CSS CUNG ĐÌNH HUẾ TINH TẾ ================= */
:root {
    --vang-hoang-toc: #E5A93B;     /* Vàng sẫm của lọng vua, không chói */
    --vang-dong-co: #B88E40;       /* Vàng thau, đồng cổ dùng cho đường viền */
    --do-son-son: #8C1A1B;         /* Đỏ thẫm đại nội, sâu và sang */
    --go-trac-nen: #2B1810;        /* Nền gỗ đen nâu quý phái */
    --giay-xuyen-chi: #FBF9F3;     /* Nền trắng ngà của sắc phong */
}

.more:hover, .button.color, .button.black:hover, .go-up, .widget_portfolio .portfolio-widget-item:hover .portfolio_img:before, .popular_posts .popular_img:hover a:before, .widget_flickr a:hover:before, .widget_highest_points .author-img a:hover:before, .question-author-img:hover span, .pagination a:hover, .pagination span:hover, .pagination span.current, .about-author .author-image a:hover:before, .avatar-img a:hover:before, .question-comments a, .flex-direction-nav li a:hover, .button.dark_button.color:hover, .table-style-2 thead th, .progressbar-percent, .carousel-arrow a:hover, .box_icon:hover .icon_circle, .box_icon:hover .icon_soft_r, .box_icon:hover .icon_square, .bg_default, .box_warp_colored, .box_warp_hover:hover, .post .boxedtitle i, .single-question-title i, .question-type, .post-type, .social_icon a, .page-content .boxedtitle, .main-content .boxedtitle, .flex-caption h2, .flex-control-nav li a.flex-active, .bxslider-overlay:before, .navigation .header-menu ul li ul li:hover>a, .navigation .header-menu ul li ul li.current_page_item>a, #header-top, .navigation>.header-menu>ul>li:hover>a, .navigation>.header-menu>ul>li.current_page_item>a, .navigation>.header-menu>ul>li.current-menu-item>a, .top-after-header, .breadcrumbs, #footer-bottom .social_icons ul li a:hover, .tagcloud a:hover, input[type="checkbox"], .login-password a:hover, .tab a.current, .question-type-main, .question-report:hover, .load-questions, .del-poll-li:hover, .styled-select::before, .fileinputs span, .post .post-type, .divider span, .widget_menu li.current_page_item a, .accordion .accordion-title.active a, .tab-inner-warp, .navigation_mobile, .user-profile-img a:hover:before, .post-pagination>span, #footer.footer_dark .tagcloud a:hover, input[type="submit"], .woocommerce button[type="submit"], .post-delete a, .post-edit a, .woocommerce [type="submit"][name="update_cart"]:hover, .buttons .button.wc-forward:hover, .button.checkout.wc-forward, .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content, ul.products li .woocommerce_product_thumbnail .woocommerce_woo_cart_bt .button, ul.products li .woocommerce_product_thumbnail .yith-wcwl-add-button .add_to_wishlist, .cart_list .remove, .wc-proceed-to-checkout .button.wc-forward, .single_add_to_cart_button, .return-to-shop a, .button-default.empty-cart, .wc-proceed-to-checkout a, .button[name="calc_shipping"], .price_slider_amount button.button[type="submit"], .button.checkout.wc-forward, .button.view, #footer.footer_dark .buttons .button.wc-forward, #footer.footer_dark .buttons .button.wc-forward:first-child:hover, .woocommerce-MyAccount-downloads-file.button.alt, .ask-button:hover, .ui-datepicker-header, .ui-datepicker-current-day, .mobile-bar-apps-colored .mobile-bar-content, .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--vang-hoang-toc) !important;
}

/* Tinh chỉnh khung chứa tổng thể */
.chess-content {
    background-color: var(--giay-xuyen-chi) !important;
    border: 3px double var(--vang-dong-co) !important;
    border-radius: 8px !important;
    padding: 10px !important;
    box-shadow: 0 10px 30px rgba(43, 24, 16, 0.15) !important;
}
.xiangqiboard {
    border-radius: 5px;
}
/* Khung thông số cài đặt thời gian (Dải tím cũ ở trên cùng) */
.area_time {
    background: linear-gradient(135deg, var(--do-son-son) 0%, #5E0F10 100%) !important;
    border: 1px solid var(--vang-hoang-toc) !important;
    border-radius: 6px 6px 0 0 !important;
    color: var(--vang-hoang-toc) !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    padding: 5px !important;
    box-shadow: inset 0 1px 3px rgba(255,255,255,0.2) !important;
	text-shadow: inherit!important;
}

/* Chỉnh sửa đồng loạt nút bấm chức năng bên dưới */
.div-btn-function button.button, 
#btn_ready,
input[type="button"]#submitmsg {
    background: linear-gradient(180deg, #A62425 0%, var(--do-son-son) 100%) !important;
    color: #FFFDE7 !important;
    border: 1px solid var(--vang-dong-co) !important;
    border-radius: 4px !important; /* Góc bo nhẹ sang trọng */
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    padding: 10px 18px !important;
    box-shadow: 0 3px 0 #5E0F10, 0 4px 6px rgba(0,0,0,0.2) !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) !important;
    transition: transform 0.1s ease, box-shadow 0.1s ease !important;
}

/* Khi di chuột qua - Nút chuyển sang ánh Vàng Đồng như được lau sáng */
.div-btn-function button.button:hover, 
#btn_ready:hover,
input[type="button"]#submitmsg:hover {
    background: linear-gradient(180deg, var(--vang-hoang-toc) 0%, var(--vang-dong-co) 100%) !important;
    color: var(--go-trac-nen) !important;
    border-color: #FFF59D !important;
    text-shadow: none !important;
    box-shadow: 0 3px 0 #8D6E63, 0 4px 8px rgba(184, 142, 64, 0.4) !important;
}

/* Khi nhấn nút - Tạo cảm giác thụp xuống thật */
.div-btn-function button.button:active, #btn_ready:active {
    transform: translateY(3px) !important;
    box-shadow: none !important;
}

/* Nút Bỏ cuộc / Từ chối (Cần nhận diện riêng biệt) */
#btn_give_up, .btn-danger {
    background: linear-gradient(180deg, #424242 0%, #212121 100%) !important;
    border-color: #757575 !important;
    box-shadow: 0 3px 0 #111, 0 4px 6px rgba(0,0,0,0.2) !important;
}

/* Khung chứa hàng chờ (Vùng màu cam chói cũ) */
.area_member_joined, .area_member_queue {
    background: #EFEBE9 !important; /* Màu vải thô/giấy cổ nhạt */
    color: var(--do-son-son) !important;
    border: 1px solid var(--vang-dong-co) !important;
    border-top: none !important;
    padding: 12px !important;
}

#area_member_queue_name {
    background: #FFFDF6 !important;
    border: 1px dashed var(--vang-dong-co) !important;
    border-radius: 4px !important;
    padding: 5px !important;
}

/* Huy hiệu Watermark chữ chìm ở nền hàng chờ */
#area_member_queue_name::before {
    color: rgba(140, 26, 27, 0.05) !important;
    font-size: 24px !important;
}

/* Thẻ tên kỳ thủ trong hàng chờ */
.queue-member-card {
    background: #FFF !important;
    border: 1px solid #E0D4C3 !important;
    border-radius: 4px !important; /* Đồng bộ góc bo phẳng vuông */
}

/* Người đứng đầu hàng chờ - Nhận long kỳ (Vàng viền Đỏ) */
.queue-member-card.first-in-line {
    border: 1.5px solid var(--do-son-son) !important;
    background-color: #FFF9C4 !important; /* Vàng ngọc nhẹ */
}

/* Ô hiển thị thời gian tổng (00:00) */
.countdown {
    background: var(--giay-xuyen-chi) !important;
    color: var(--do-son-son) !important;
    border: 1px solid var(--vang-dong-co) !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.05) !important;
}

/* Ô hiển thị số nước đi (Màu xanh lá cũ khá lệch tông) */
.so_nuoc_di {
    background: var(--do-son-son) !important;
    color: #FFF !important;
    border: 1px solid var(--vang-dong-co) !important;
    border-radius: 4px !important;
}

.div-btn-function button.button, 
#btn_ready,
input[type="button"]#submitmsg {
    background: #2B1810 !important; /* Màu nền gỗ trắc cực sang */
    color: #E5A93B !important; /* Chữ vàng hoàng tộc */
    font-weight: bold !important;
    padding: 10px 22px !important;
    
    border: 8px solid transparent !important;
    border-image-slice: 10 !important;
    
    /* SVG Họa tiết hồi văn đứt đoạn liên kết */
    border-image-source: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path d='M0 0h10v2H2v8H0V0zm30 0v10h-2V2h-8V0h10zM0 30v-10h2v8h8v2H0zm30 0H20v-2h8v-8h2v10zM6 6h4v2H8v2H6V6zm18 0v4h-2V8h-2V6h4zM6 24v-4h2v2h2v2H6zm18 0H20v-2h2v-2h2v4z' fill='%23B88E40'/></svg>") !important;
    
    box-shadow: inset 0 0 5px rgba(255,215,0,0.2), 0 4px 6px rgba(0,0,0,0.4) !important;
    transition: all 0.2s !important;
}

.div-btn-function button.button:hover, #btn_ready:hover {
    background: #8C1A1B !important; /* Lướt qua đổi sang nền đỏ sơn son */
    color: #FFF !important;
    border-image-source: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path d='M0 0h10v2H2v8H0V0zm30 0v10h-2V2h-8V0h10zM0 30v-10h2v8h8v2H0zm30 0H20v-2h8v-8h2v10zM6 6h4v2H8v2H6V6zm18 0v4h-2V8h-2V6h4zM6 24v-4h2v2h2v2H6zm18 0H20v-2h2v-2h2v4z' fill='%23E5A93B'/></svg>") !important;
}
.box-time-think {
	background: linear-gradient(135deg, var(--do-son-son) 0%, #5E0F10 100%) !important;
}

/* ================= CSS SẢNH CHỜ (LOBBY) CUNG ĐÌNH HUẾ - MẪU 2 ================= */

:root {
    --vang-hoang-toc: #E5A93B;     /* Vàng lọng vua */
    --vang-dong-co: #B88E40;       /* Vàng đồng thau, đồng cổ làm viền */
    --do-son-son: #8C1A1B;         /* Đỏ thẫm thếp vàng Đại Nội */
    --go-trac-nen: #2B1810;        /* Nền gỗ nâu đen quý phái */
    --giay-xuyen-chi: #FBF9F3;     /* Trắng ngà sắc phong */
}

/* 1. Tiêu đề "CHỌN BÀN" hoàng gia */
.h2_choosegame {
    color: var(--do-son-son) !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 0px var(--vang-hoang-toc) !important;
    letter-spacing: 4px !important;
    margin-bottom: 40px !important;
}

/* 2. Thiết kế các Ô Bàn Cờ (Room Items) thành Thẻ Bài Hồi Văn */
.room_item {
    background: #FAF6EE !important; /* Nền giấy ngả vàng mượt */
    border: 5px solid transparent !important;
    border-image-slice: 9 !important;
    /* Nhúng họa tiết Hồi văn mẫu 2 chạy bo quanh viền hộp */
    border-image-source: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path d='M0 0h10v2H2v8H0V0zm30 0v10h-2V2h-8V0h10zM0 30v-10h2v8h8v2H0zm30 0H20v-2h8v-8h2v10zM6 6h4v2H8v2H6V6zm18 0v4h-2V8h-2V6h4zM6 24v-4h2v2h2v2H6zm18 0H20v-2h2v-2h2v4z' fill='%23B88E40'/></svg>") !important;
    border-radius: 0px !important; /* Trả về góc vuông cho cấu trúc vân mây khớp biên */
    box-shadow: 0 4px 10px rgba(43, 24, 16, 0.08) !important;
    transition: all 0.25s ease-in-out !important;
}

/* Trạng thái Bàn Đang Trống / Có người đợi (Dải cam rực cũ) */
/* ĐỎ SƠN SON QUYẾN RŨ, ĐẬM CHẤT CHIẾN TRẬN */
/* ================= HIỆU ỨNG TÔ SÁNG MỘT NỬA CHO BÀN ĐANG CHỜ (HALF) ================= */
.room_item.half {
    /* Tạo dải màu tuyến tính chia rõ 2 phần bằng cách khóa điểm dừng (color stops):
       - Từ 0% đến 45%: Màu vàng hoàng tộc sẫm (Tô sáng nửa bên trái - Đại diện cho Player 1 đã ngồi sẵn)
       - Từ 45% đến 55%: Đoạn chuyển màu mượt mà tránh bị thô cứng
       - Từ 55% đến 100%: Trở về màu giấy xuyên chi/trắng ngà cổ (Nửa bên phải đang trống chờ người)
    */
    background: linear-gradient(
        90deg, 
        #E5A93B 0%, 
        #EBC374 45%, 
        #FAF6EE 55%, 
        #FBF9F3 100%
    ) !important;

    /* Viền họa tiết hồi văn chuyển sang màu Đỏ Sơn Son đại nội để bao bọc và tạo điểm nhấn */
    border-image-source: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path d='M0 0h10v2H2v8H0V0zm30 0v10h-2V2h-8V0h10zM0 30v-10h2v8h8v2H0zm30 0H20v-2h8v-8h2v10zM6 6h4v2H8v2H6V6zm18 0v4h-2V8h-2V6h4zM6 24v-4h2v2h2v2H6zm18 0H20v-2h2v-2h2v4z' fill='%238C1A1B'/></svg>") !important;
    
    /* Đổ bóng nhẹ dạng tỏa ra xung quanh giúp ô bàn cờ trông như đang phát sáng nhẹ, thu hút người chơi */
    box-shadow: 0 4px 15px rgba(229, 169, 59, 0.25) !important;
    
    transition: all 0.25s ease-in-out !important;
}

/* Xử lý màu chữ phối hợp để đảm bảo tính dễ nhìn:
   Chuyển chữ sang màu Nâu Đen Gỗ Trắc trầm ấm, có độ tương phản cực kỳ tốt trên cả nền vàng lẫn nền ngà
*/
.room_item.half,
.room_item.half .size_big,
.room_item.half div,
.room_item.half span {
    color: #2B1810 !important;
    font-weight: 700 !important;
    text-shadow: none !important; /* Xóa bỏ text-shadow cũ để chữ sắc nét hơn */
}

/* Hiệu ứng khi kỳ thủ rê chuột qua ô bàn cờ đang chờ */
.room_item.half:hover {
    transform: translateY(-3px);
    /* Tăng cường hào quang đỏ sơn son xung quanh khi ho rơ chuột */
    box-shadow: 0 8px 20px rgba(140, 26, 27, 0.25) !important;
}

/* Trạng thái Bàn Đầy (Full trận - Thay thế màu đỏ gắt bằng màu Gỗ trắc lót viền vàng) */
.room_item.full {
    background: linear-gradient(135deg, #3E2723 0%, var(--go-trac-nen) 100%) !important;
    border-image-source: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path d='M0 0h10v2H2v8H0V0zm30 0v10h-2V2h-8V0h10zM0 30v-10h2v8h8v2H0zm30 0H20v-2h8v-8h2v10zM6 6h4v2H8v2H6V6zm18 0v4h-2V8h-2V6h4zM6 24v-4h2v2h2v2H6zm18 0H20v-2h2v-2h2v4z' fill='%23E5A93B'/></svg>") !important;
}
.room_item.full div, .room_item.full span {
    color: #FFFDE7 !important;
}

/* Hiệu ứng nhấc nổi hộp bàn cờ khi rê chuột vào */
.room_item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(184, 142, 64, 0.3) !important;
}

/* Định dạng chữ thông số phòng nội khu (Phút - Suy nghĩ - Tích lũy) */
.room_item .size_big {
    color: var(--do-son-son) !important;
    font-family: 'Courier New', Courier, monospace !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
}
.room_item.full .size_big {
    color: var(--vang-hoang-toc) !important;
}

/* Nút chữ Delete & Clear chat ẩn góc phòng */
.btn_del_table, .btn_clear_chat {
    color: #9E9E9E !important;
    font-size: 11px !important;
    text-transform: uppercase;
    font-weight: 600;
    transition: color 0.2s;
}
.room_item:hover .btn_del_table { color: #D32F2F !important; }
.room_item:hover .btn_clear_chat { color: var(--vang-dong-co) !important; }

/* 3. Khu vực Form tạo bàn bên dưới */
.setting_area {
    background: #FDFBF7 !important;
    border: 1px solid #E0D4C3 !important;
    border-bottom: 3px double var(--vang-dong-co) !important;
    border-radius: 6px !important;
    padding: 20px 15px !important;
    margin-top: 25px !important;
}

.setting_area h2 strong {
    color: var(--do-son-son) !important;
    font-size: 18px !important;
    letter-spacing: 1px;
}

/* Định hình lại các ô Input dữ liệu thành hộp sơn mài mượt */
.setting_area .form-control {
    border: 1px solid #DDD1BC !important;
    background-color: #FFF !important;
    border-radius: 4px !important;
    color: var(--go-trac-nen) !important;
    font-weight: 500 !important;
    padding: 4px 8px !important;
    transition: all 0.2s;
}
.setting_area .form-control:focus {
    border-color: var(--vang-dong-co) !important;
    box-shadow: 0 0 5px rgba(184, 142, 64, 0.3) !important;
}

/* 4. Tái cấu trúc NÚT TẠO BÀN (Nút màu cam cũ) áp dụng Mẫu 2 */
.btn_set_time.button, .btn-royal-submit {
    background: linear-gradient(180deg, #A62425 0%, var(--do-son-son) 100%) !important;
    color: #FFFDE7 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    
    /* Đồng bộ khung hoa văn viền mẫu 2 thu nhỏ */
    border: 6px solid transparent !important;
    border-image-slice: 8 !important;
    border-image-source: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path d='M0 0h10v2H2v8H0V0zm30 0v10h-2V2h-8V0h10zM0 30v-10h2v8h8v2H0zm30 0H20v-2h8v-8h2v10zM6 6h4v2H8v2H6V6zm18 0v4h-2V8h-2V6h4zM6 24v-4h2v2h2v2H6zm18 0H20v-2h2v-2h2v4z' fill='%23E5A93B'/></svg>") !important;
    border-radius: 0px !important;
    
    padding: 6px 24px !important;
    height: auto !important;
    line-height: initial !important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16) !important;
    transition: all 0.2s ease-in-out !important;
}

.btn_set_time.button:hover, .btn-royal-submit:hover {
    background: linear-gradient(180deg, var(--vang-hoang-toc) 0%, var(--vang-dong-co) 100%) !important;
    color: var(--go-trac-nen) !important;
    border-image-source: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path d='M0 0h10v2H2v8H0V0zm30 0v10h-2V2h-8V0h10zM0 30v-10h2v8h8v2H0zm30 0H20v-2h8v-8h2v10zM6 6h4v2H8v2H6V6zm18 0v4h-2V8h-2V6h4zM6 24v-4h2v2h2v2H6zm18 0H20v-2h2v-2h2v4z' fill='%238C1A1B'/></svg>") !important;
    box-shadow: 0 4px 12px rgba(184, 142, 64, 0.4) !important;
}

.btn_set_time.button:active, .btn-royal-submit:active {
    transform: scale(0.96);
}

.setting_area, .setting_dg {
    gap: 20px;
}
.setting_area h2 {
    position: inherit;
}
.header-search-fb {
    height: 20px;
    top: 11px;
    z-index: 9;	
}
.header-search-fb .search-input-wrapper {
    padding: 3px 12px;
}
.header-search-fb .search-input-wrapper input {
    padding: 5px 8px;
}
.brand, .orange {
	color: var(--vang-hoang-toc) !important;
}
p a, li a, a:hover, .button.normal:hover, span.color, #footer a:hover, .widget a:hover, .question h3 a:hover, .boxedtitle h1 a:hover, .boxedtitle h2 a:hover, .boxedtitle h3 a:hover, .boxedtitle h4 a:hover, .boxedtitle h5 a:hover, .boxedtitle h6 a:hover, .box_icon:hover span i, .color_default, .navigation_mobile>ul a:hover, .navigation_mobile>ul li ul li:hover:before, .post .post-meta .meta-author a:hover, .post .post-meta .meta-categories a:hover, .post .post-meta .meta-comment a:hover, .question h2 a:hover, .question-category a:hover, .question-reply:hover i, .question-category a:hover i, .question-comment a:hover, .question-comment a:hover i, .question-reply:hover, .post .post-meta .meta-author:hover a, .post .post-meta .meta-author:hover i, .post .post-meta .meta-categories:hover i, .post .post-meta .meta-comment:hover a, .post .post-meta .meta-comment:hover i, .post-title a:hover, .question-tags a, .question .question-type, .comment-author a:hover, .comment-reply:hover, .user-profile-widget li a:hover, .taglist .tag a.delete:before, .form-style p span.color, .post-tags, .post-tags a, .related-posts li a:hover, .related-posts li a:hover i, #footer.footer_light_top .related-posts li a:hover, .related-posts li a:hover i, .share-inside, .share-inside-warp ul li a:hover, .user-points .question-vote-result, .navigation>.header-menu>ul>li>a>.menu-nav-arrow, #footer-bottom a, .widget h3.widget_title, #footer .related-item span, .widget_twitter ul li:before, #footer .widget_twitter .tweet_time a, .widget_highest_points li h6 a, #footer .widget_contact ul li span, .rememberme label, .ask_login .ask_captcha_p i, .login-text i, .subscribe-text i, .widget_search .search-submit, .login-password i, .question-tags, .question-tags i, .panel-pop h2, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"], textarea, select, .panel-pop p, .main-content .page-content .boxedtitle.page-title h2, .fakefile button, .login p, .login h2, .contact-us h2, .share-inside i, #related-posts h2, .comment-reply, .post-title, .post-title a, .user-profile h2, .user-profile h2 a, .stats-head, .block-stats-1, .block-stats-2, .block-stats-3, .block-stats-4, .user-question h3 a, .icon_shortcode .ul_icons li, .testimonial-client span, .box_icon h1, .box_icon h2, .box_icon h3, .box_icon h4, .box_icon h5, .box_icon h6, .widget_contact ul li i, #footer.footer_light_top .widget a:hover, #header .logo h2 a:hover, .widget_tabs.tabs-warp .tabs li a, #footer .widget .widget_highest_points a, #footer .related-item h3 a:hover, #footer.footer_dark .widget .widget_comments a:hover, #footer .widget_tabs.tabs-warp .tabs li a, .dark_skin .sidebar .widget a:hover, .user-points h3, .woocommerce mark, .woocommerce .product_list_widget ins span, .woocommerce-page .product_list_widget ins span, ul.products li .product-details h3 a:hover, ul.products li .product-details .price, ul.products li .product-details h3 a:hover, ul.products li .product-details>a:hover, .widget.woocommerce:not(.widget_product_categories):not(.widget_layered_nav) ul li a:hover, .price>.amount, .woocommerce-page .product .woocommerce-woo-price ins span, .cart_wrapper .widget_shopping_cart_content ul li a:hover, .woocommerce-billing-fields>h3, #order_review_heading, .woocommerce .sections h2, .yith-wcwl-share>h4, .woocommerce .sections h3, .woocommerce header.title h3, .main-title>h4, .woocommerce h2, .post-content .woocommerce h3, .box-default.woocommerce-message .button, .woocommerce .cart .product-name a:hover, header.title a, .widget_search label:before, .post .post-meta .post-view a:hover, .post .post-meta .post-view:hover a, .post .post-meta .post-view:hover i, .question-author-meta a:hover, .question-author-meta a:hover i, ul.login-links a:hover, input[type="tel"], .styled-select select, .woocommerce-MyAccount-content .woocommerce-Button.button, .widget_categories .accordion .accordion-title a:hover, .dark_skin .widget_categories .accordion .accordion-title a:hover, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--vang-hoang-toc) !important;
}
.big_title {
	color: var(--vang-hoang-toc) !important;
}
#btn-login-login, .list-filter, .btn-import, .btn-export, .btn-primary {
	background-color: var(--do-son-son) !important;
    background-image: linear-gradient(180deg, #A62425 0%, var(--do-son-son) 100%) !important;
}
.nav-tab-item.active {
    color: var(--do-son-son) !important;
    border-bottom: 3px solid var(--do-son-son) !important;;
}

/* ================= CSS ĐỒNG BỘ HEADER (HOÀNH PHI GỖ TRẮC) ================= */

/* Thanh trên cùng chứa logo và tiêu đề lớn */
#header-top {
    background-color: var(--go-trac-nen) !important;
    background-image: linear-gradient(180deg, #3E2723 0%, var(--go-trac-nen) 100%) !important;
    border-bottom: 1px solid var(--vang-dong-co) !important;
    padding: 12px 0 !important;
}

/* Chuyển text tiêu đề lớn sang màu vàng lọng vua */
#header-top h1 {
    color: var(--vang-hoang-toc) !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 2px #000 !important;
    font-size: 18px !important;
}

/* Thanh chứa Menu chính điều hướng */
#header {
    background-color: var(--do-son-son) !important;
    background-image: linear-gradient(180deg, #A62425 0%, var(--do-son-son) 100%) !important;
    margin-bottom: 20px !important;
    padding: 2px 0 !important;
    
    /* Chạy đường viền hồi văn mẫu 2 làm dải chỉ đáy hoành tráng */
    border-bottom: 5px solid transparent !important;
    border-image-slice: 10 !important;
    border-image-source: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path d='M0 0h10v2H2v8H0V0zm30 0v10h-2V2h-8V0h10zM0 30v-10h2v8h8v2H0zm30 0H20v-2h8v-8h2v10zM6 6h4v2H8v2H6V6zm18 0v4h-2V8h-2V6h4zM6 24v-4h2v2h2v2H6zm18 0H20v-2h2v-2h2v4z' fill='%23B88E40'/></svg>") !important;
    box-shadow: 0 4px 12px rgba(43, 24, 16, 0.2) !important;
}

/* Màu chữ menu điều hướng li a */
#menu-header-menu-1 li a {
    color: #FFFDE7 !important; /* Chữ ngà nổi bật trên nền lụa đỏ */
    font-weight: 600 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    transition: all 0.2s ease-in-out !important;
}

/* Hover menu hoặc trang hiện tại: Chữ bừng sáng vàng lọng vua */
#menu-header-menu-1 li a:hover, 
#menu-header-menu-1 li.current-menu-item a {
    color: var(--vang-hoang-toc) !important;
    background-color: rgba(0, 0, 0, 0.15) !important;
}

/* Ô tìm kiếm Facebook mượt mà góc trái */
.header-search-fb .search-input-wrapper {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-radius: 4px !important;
}
.header-search-fb .search-input-wrapper input { color: #FFF !important; }
.header-search-fb .search-input-wrapper input::placeholder { color: #E0D4C3 !important; }
.header-search-fb .search-input-wrapper i { color: var(--vang-hoang-toc) !important; }

/* Menu đổ xuống con (Dropdown Thư viện) */
.navigation ul li .sub-menu {
    background-color: var(--go-trac-nen) !important;
    border: 2px solid var(--vang-dong-co) !important;
    border-radius: 0px !important;
}
.navigation ul li .sub-menu li a {
    color: #E0D4C3 !important;
    border-bottom: 1px solid #3A2218 !important;
}
.navigation ul li .sub-menu li a:hover {
    background-color: var(--do-son-son) !important;
    color: var(--vang-hoang-toc) !important;
}


/* ================= CSS ĐỒNG BỘ TRONG PHÒNG CHƠI (ROOM.PHP) ================= */

/* Các nút bấm chức năng (Xếp hàng, Bỏ cuộc, Xin hòa, Mời, Copy Link...) áp dụng mẫu 2 */
.div-btn-function button.button,
#btn_ready,
#submitmsg {
    background: linear-gradient(180deg, #A62425 0%, var(--do-son-son) 100%) !important;
    color: #FFFDE7 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    
    border: 6px solid transparent !important;
    border-image-slice: 8 !important;
    border-image-source: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path d='M0 0h10v2H2v8H0V0zm30 0v10h-2V2h-8V0h10zM0 30v-10h2v8h8v2H0zm30 0H20v-2h8v-8h2v10zM6 6h4v2H8v2H6V6zm18 0v4h-2V8h-2V6h4zM6 24v-4h2v2h2v2H6zm18 0H20v-2h2v-2h2v4z' fill='%23E5A93B'/></svg>") !important;
    border-radius: 0px !important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16) !important;
    transition: all 0.2s ease-in-out !important;
}
#submitmsg .fa {
	display: block;
    margin: 0 auto;
}
.div-btn-function button.button:hover,
#btn_ready:hover,
#submitmsg:hover {
    background: linear-gradient(180deg, var(--vang-hoang-toc) 0%, var(--vang-dong-co) 100%) !important;
    color: var(--go-trac-nen) !important;
    border-image-source: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path d='M0 0h10v2H2v8H0V0zm30 0v10h-2V2h-8V0h10zM0 30v-10h2v8h8v2H0zm30 0H20v-2h8v-8h2v10zM6 6h4v2H8v2H6V6zm18 0v4h-2V8h-2V6h4zM6 24v-4h2v2h2v2H6zm18 0H20v-2h2v-2h2v4z' fill='%238C1A1B'/></svg>") !important;
}

/* Khung thông tin Người chơi góc giữa (Chuyển thành hộp gỗ sơn mài) */
.box-player-1, .box-player-2 {
    background: #FFFDF9 !important;
    border-radius: 4px !important;
}

/* Đồng hồ đếm ngược chữ đỏ nền vàng kinh điển */
.countdown {
    background: var(--vang-hoang-toc) !important;
    color: var(--do-son-son) !important;
    border: 1px solid var(--vang-dong-co) !important;
    border-radius: 4px !important;
}


/* Khung Hàng chờ thi đấu & Thành viên tham gia bên phải */
.area_member_joined, .area_member_queue {
    background: linear-gradient(to right, var(--do-son-son), #BD2B2F) !important;
    border-left: 5px solid var(--vang-hoang-toc) !important;
    color: var(--vang-hoang-toc) !important;
}

#area_member_queue_name {
    background-color: #FFFDF6 !important;
    border: 1px dashed var(--vang-dong-co) !important;
}

#area_member_queue_name::before {
    color: rgba(140, 26, 27, 0.05) !important;
}

/* ================= CSS ĐỒNG BỘ KHUNG CHAT PHONG CÁCH CUNG ĐÌNH HUẾ ================= */

/* 1. Hộp thông báo hệ thống (System Message) */
.msg_sys {
    background-color: #F5EFEB !important;        /* Màu nền giấy bản cổ, ấm áp và dịu mắt */
    color: #4E342E !important;                   /* Chữ màu nâu sẫm giả mực tàu cổ kính */
    border-left: 4px solid var(--do-son-son, #8C1A1B) !important; /* Viền lụa Đỏ Sơn Son Đại Nội */
    padding: 8px 12px;
    margin: 6px 0;
    border-radius: 4px !important;               /* Đồng bộ góc bo phẳng nhẹ */
    font-weight: 500;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.03);
}

/* Icon thông tin hệ thống nằm đầu câu */
.msg_sys .fa-info-circle,
.msg_sys .fa {
    color: var(--do-son-son, #8C1A1B) !important; /* Chuyển icon sang màu đỏ thẫm đại nội */
    margin-right: 6px;
    opacity: 0.9 !important;
}

/* 2. Màu sắc hiển thị Kết quả trận đấu & Nút bấm "Xem lại trận đấu" trong log chat */
.text-result, 
.btn_view_board {
    color: var(--do-son-son, #8C1A1B) !important; /* Đổi hẳn chữ "thắng", "bỏ cuộc" từ cam sang Đỏ Sơn Son */
    font-weight: 700 !important;
}

/* Hiệu ứng liên kết khi người xem hoặc kỳ thủ rê chuột vào chữ "Xem lại trận đấu" */
.btn_view_board:hover {
    color: var(--vang-hoang-toc, #E5A93B) !important; /* Bừng sáng tông Vàng Hoàng Tộc khi hover */
    text-decoration: underline !important;
}

.msgln .user_name {
    color: #3E2723 !important;
    font-weight: 700 !important;
    text-shadow: 0.5px 0.5px 0px rgba(255, 253, 249, 0.8);
}