/*
Theme Name: Flatsome Child
Template: flatsome
Version: 1.0
*/
/* ÉP FONT ROBOTO CHO TOÀN TRANG */
.hk-admin-page, 
.hk-admin-page button, 
.hk-admin-page input, 
.hk-admin-page textarea, 
.hk-admin-page span, 
.hk-admin-page code {
    font-family: 'Roboto', sans-serif !important;
}

/* TỐI ƯU RIÊNG CHO NÚT TRẢ KHO VÀ XÓA LỖI */
.btn-action {
    padding: 6px 12px !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 12px !important; /* Tăng nhẹ kích thước để Roboto nhìn rõ hơn */
    font-weight: 700 !important; /* Độ đậm vừa phải để không bị nhòe dấu */
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px; /* Giãn chữ một chút cho thoáng */
    transition: 0.2s;
    line-height: 1 !important; /* Căn giữa chữ theo chiều dọc */
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-restock { background: #10b981 !important; color: #fff !important; }
.btn-delete { background: #ef4444 !important; color: #fff !important; }

/* Làm gọn lại phần text thông tin */
.item-info {
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif !important;
}

.key-code {
    font-family: 'Roboto Mono', monospace !important; /* Key thì dùng font đơn cách cho dễ nhìn */
    font-weight: 500 !important;
}
/* ======================================= */
    /* CSS CHO Ô CẢNH BÁO (ÉP NỔI BẬT TỐI ĐA)  */
    /* ======================================= */
    .hk-warning-box {
        background-color: #fffbeb !important; /* Nền vàng sáng */
        border: 2px solid #fde047 !important; /* Viền vàng */
        border-left: 6px solid #f59e0b !important; /* Viền trái màu cam đậm, dày 6px */
        color: #92400e !important; /* Chữ màu nâu sẫm */
        padding: 15px 20px !important;
        border-radius: 8px !important;
        margin: 25px auto 15px auto !important;
        max-width: 90% !important;
        text-align: left !important; /* Ép căn trái */
        font-size: 15px !important;
        line-height: 1.6 !important;
        display: flex !important;
        align-items: flex-start !important;
        gap: 10px !important;
        box-shadow: 0 4px 15px rgba(245, 158, 11, 0.15) !important; /* Đổ bóng viền cam */
        animation: warningPulse 2s infinite !important; /* Hiệu ứng nháy viền mờ */
    }

    .hk-warning-box b {
        color: #dc2626 !important; /* Chữ LƯU Ý ép thành màu Đỏ chót */
        font-size: 16px !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    .warning-icon {
        font-size: 22px !important;
        margin-top: -2px !important;
    }

    /* Hiệu ứng chớp nháy nhẹ thu hút sự chú ý */
    @keyframes warningPulse {
        0% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.4); }
        70% { box-shadow: 0 0 0 8px rgba(245, 158, 11, 0); }
        100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0); }
    }