/*
Theme Name: Flatsome Child
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  ***************/
.blog-post-inner,
.post-item {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

/* Hover */
.blog-post-inner:hover,
.post-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(0,0,0,0.12);
}


.cat-label {
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
}

/* Trend */
.cat-label.category-trend {
    background: linear-gradient(135deg, #ff9800, #ff3d00);
}

/* Đối thủ có gì */
.cat-label.category-doi-thu-co-gi {
    background: linear-gradient(135deg, #2196f3, #0d47a1);
}

/* Livestream */
.cat-label.category-livestream {
    background: linear-gradient(135deg, #f44336, #b71c1c);
}

/* Tin tức */
.cat-label.category-tin-tuc-fmcg {
    background: linear-gradient(135deg, #4caf50, #1b5e20);
}