/* =====================================================
   TSV - Nội dung mô tả ngắn sản phẩm
   File: features/woocommerce/product-mobile-description/assets/css/tsv-product-description.css

   Quản lý mô tả ngắn desktop/tablet và vị trí nút mở popup trên mobile.
===================================================== */

.single-product .summary .product-short-description {
    display: block !important;

    max-height: 199px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    margin: 12px 0 14px 0 !important;
    padding: 14px 14px 14px 16px !important;

    background: #f7f9fc !important;
    border: 1px solid #e7edf5 !important;
    border-radius: 12px !important;

    color: #3a1d1d !important;
    font-size: 15px !important;
    line-height: 1.6 !important;

    scrollbar-width: thin;
    scrollbar-color: #c5cbd3 #eef2f7;
}

.single-product .summary .product-short-description p {
    margin: 0 0 6px 0 !important;
}

.single-product .summary .product-short-description p:last-child {
    margin-bottom: 0 !important;
}

.single-product .summary .product-short-description br {
    line-height: 1.6 !important;
}

.single-product .summary .product-short-description::-webkit-scrollbar {
    width: 6px;
}

.single-product .summary .product-short-description::-webkit-scrollbar-track {
    background: #eef2f7;
    border-radius: 10px;
}

.single-product .summary .product-short-description::-webkit-scrollbar-thumb {
    background: #c5cbd3;
    border-radius: 10px;
}

.single-product .summary .product-short-description::-webkit-scrollbar-thumb:hover {
    background: #9ba6b2;
}

@media only screen and (max-width: 1024px) {

.single-product .summary .product-short-description {
        max-height: 210px !important;
        font-size: 14.5px !important;
        line-height: 1.55 !important;
    }
}

@media only screen and (max-width: 768px) {

.single-product .product-short-description,
	.single-product [data-tsv-mobile-popup-ready],
	.single-product .tsv-mobile-desc-wrap,
	.single-product .tsv-mobile-desc-open,
	.single-product [data-tsv-mobile-desc-open] {
	    grid-column: 1 / -1 !important;
	    grid-row: 3 !important;
	    width: 100% !important;
	    max-width: 100% !important;
	    justify-self: stretch !important;
	    align-self: center !important;
	    margin: 0 !important;
	    padding: 0 !important;
	}

.single-product .tsv-mobile-desc-open,
	.single-product [data-tsv-mobile-desc-open] {
	    display: flex !important;
	    align-items: center !important;
	    justify-content: space-between !important;

	    grid-column: 1 / -1 !important;
	    grid-row: 3 !important;
	    justify-self: stretch !important;

	    width: 100% !important;
	    min-width: 100% !important;
	    max-width: 100% !important;

	    height: 28px !important;
	    min-height: 28px !important;

	    margin: 0 !important;
	    padding: 0 12px !important;

	    border-radius: 3px !important;

	    font-size: 14px !important;
	    line-height: 28px !important;
	    text-align: left !important;
	}
}