/* FIX TIÊU ĐỀ BỊ CO LẠI - HỖ TRỢ GRID LAYOUT */

/* FORCE GRID LAYOUT - Override flex từ style.css */
.custom-newest-coupon .cat-coupon-lists .coupon-list-cat .coupon-cat-wrap {
    display: grid !important;
    grid-template-columns: 80px 1fr auto !important;
    grid-template-rows: auto !important;
    gap: 8px 15px !important;
    align-items: start !important;
    flex-direction: unset !important;
}

/* Logo - cột 1 */
.custom-newest-coupon .cat-coupon-lists .coupon-list-cat .coupon-cat-wrap .store-thumb-link {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

/* Container tiêu đề + mô tả - cột 2 (mô tả giờ nằm TRONG latest-coupon) */
.custom-newest-coupon .cat-coupon-lists .coupon-list-cat .coupon-cat-wrap .latest-coupon {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}

/* H3 tiêu đề */
.custom-newest-coupon .cat-coupon-lists .coupon-list-cat .latest-coupon h3.coupon-title {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Link tiêu đề */
.custom-newest-coupon .cat-coupon-lists .coupon-list-cat .latest-coupon .coupon-title a {
    width: 100% !important;
    max-width: none !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    display: block !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* Mô tả - nằm TRONG latest-coupon, DƯỚI tiêu đề */
.custom-newest-coupon .cat-coupon-lists .coupon-list-cat .latest-coupon .coupon-des {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Nút LẤY MÃ - cột 3, căn trên */
.custom-newest-coupon .cat-coupon-lists .coupon-list-cat .coupon-cat-wrap .coupon-detail {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: start !important;
    margin-top: 0 !important;
}

/* Responsive cho mobile */
@media (max-width: 768px) {
    .custom-newest-coupon .cat-coupon-lists .coupon-list-cat .coupon-cat-wrap {
        grid-template-columns: 60px 1fr !important;
        grid-template-rows: auto auto auto !important;
        gap: 8px !important;
    }
    
    .custom-newest-coupon .cat-coupon-lists .coupon-list-cat .coupon-cat-wrap .store-thumb-link {
        grid-row: 1 / 4 !important;
    }
    
    .custom-newest-coupon .cat-coupon-lists .coupon-list-cat .coupon-cat-wrap .latest-coupon {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }
    
    .custom-newest-coupon .cat-coupon-lists .coupon-list-cat .coupon-cat-wrap .coupon-des {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }
    
    .custom-newest-coupon .cat-coupon-lists .coupon-list-cat .coupon-cat-wrap .coupon-detail {
        grid-column: 2 !important;
        grid-row: 3 !important;
    }
}