/*
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.   ***************/

.woocommerce-Price-amount.amount {
    color: #ffd701 !important;
}
.gioithieu-home img {
    border-radius: 20px;
}
/* PRODUCT CARD STYLE */

.product-small .box-text{
padding:15px;
text-align:left;
}

.product-excerpt{
font-size:14px;
color:#666;
margin:8px 0 12px 0;
line-height:1.5;
min-height:42px;
}

.price-button-row{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:10px;
}

.price-button-row .price{
font-size:18px;
font-weight:600;
color:#FFD700;
}

.price-button-row .view-details {
    background: #660000;
    color: white;
    padding: 5px 10px;
    border-radius: 10px;
    font-weight: 600;
    text-decoration: none;
    font-size: 13px;
}

.price-button-row .view-details:hover{
background:#35b67a;
}

.product-small .box{
border-radius:18px;
overflow:hidden;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
transition:all .3s;
}

.product-small .box:hover{
transform:translateY(-5px);
box-shadow:0 15px 35px rgba(0,0,0,0.12);
}
/* Giới hạn tên sản phẩm 2 dòng */
.product-small .woocommerce-loop-product__title{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
line-height:1.4em;
height:2.8em;
}

/* Giới hạn mô tả ngắn 2 dòng */
.product-excerpt{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
line-height:1.5em;
max-height:3em;
}
/* ===== MOBILE FIX ===== */
@media (max-width:768px){
.row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col {
    padding: 0 5px 19.6px;
}
.price-button-row .price{
font-size:13px;
}

.price-button-row .view-details{
padding: 3px 5px;
font-size: 9px;
}
}

/* nền khung vàng cho sản phẩm */

.product-small .box{
background-image:url("/wp-content/uploads/2026/03/Layer-1.png");
background-size:100% 100%;
background-position:center;
background-repeat:no-repeat;
padding:15px;
border-radius:18px;
overflow:hidden;
}

/* nền trắng bên trong */
.product-small .box-text{
background:#ffffff00;
border-radius:14px;
margin-top:15px;
}

/* ảnh sản phẩm */
.product-small .box-image img{
border-radius:12px;
}

/* hàng price + button */
.price-button-row{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:12px;
}
/* ===== TEXT COLOR ===== */

/* title sản phẩm */
.product-small .woocommerce-loop-product__title{
color:#FFD700;
}

/* mô tả */
.product-excerpt{
color:#FFD700;
}

/* giá */
.price-button-row .price{
font-weight:600;
}

/* hover text */
.product-small .woocommerce-loop-product__title:hover{
color:#ffffff;
}

.product-excerpt:hover{
color:#ffffff;
}

/* ===== BUTTON ===== */

.price-button-row .view-details{
background:#ff0000;
color:#ffffff;
border:none;
transition:0.3s;
}

/* hover button */

.price-button-row .view-details:hover{
background:#cc0000;
color:#ffffff;
}
.product-small .woocommerce-loop-product__title a {
    color: #FFD700 !important;
}
.product-small .woocommerce-loop-product__title a:hover{
	color:#ffffff;
}
.box-image {
    padding: 15px;
}