/*
Theme Name: Shopnet
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* --- CODE GIAO DIỆN TRANG CẢM ƠN (CHỐT HẠ) --- */

/* 1. Ẩn cột bên phải và các thành phần thừa */
.woocommerce-order .col-large-5,
.woocommerce-order .col-2,
.woocommerce-customer-details,
.woocommerce-order-overview {
    display: none !important;
}

/* 2. Đẩy nội dung chính ra giữa màn hình */
.woocommerce-order .col-large-7,
.woocommerce-order .col-1 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* 3. BIẾN HÌNH KHUNG KEY (Quan trọng để nút Copy hiện đúng chỗ) */
table.lmfwc-license-keys {
    margin: 30px auto !important;
    width: 100% !important;
    max-width: 600px !important;
    border: none !important;
}

/* Ẩn tiêu đề bảng (để Code JS không bị nhầm cột) */
table.lmfwc-license-keys thead,
table.lmfwc-license-keys .product-name {
    display: none !important;
}

/* Trang trí ô chứa Key */
table.lmfwc-license-keys td {
    display: block !important;
    background-color: #fff0f0 !important;
    color: #c0392b !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    padding: 20px !important;
    border: 3px dashed #c0392b !important;
    border-radius: 15px !important;
    position: relative; /* Để nút copy bám vào đây */
}