/* GLOBAL STYLE */
body {
    background-color: #f5f5f5; /* Màu nền xám nhẹ làm nổi bật sản phẩm */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* HEADER STYLE */
.header-main {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Logo */
.logo-icon {
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Thanh tìm kiếm */
.input-group .form-control {
    border-radius: 20px 0 0 20px;
    border: 2px solid #198754; /* Viền xanh đậm */
}

    .input-group .form-control:focus {
        box-shadow: none;
        border-color: #146c43;
    }

.input-group .btn-success {
    border-radius: 0 20px 20px 0;
    background-color: #198754;
    border: 2px solid #198754;
    font-weight: 600;
}

    .input-group .btn-success:hover {
        background-color: #146c43;
    }

/* MENU BAR */
.header-nav {
    background: linear-gradient(90deg, #198754 0%, #20c997 100%); /* Gradient xanh hiện đại */
    border-bottom: 3px solid #0f5132;
}

    .header-nav .nav-link {
        padding: 12px 20px;
        transition: all 0.3s ease;
        border-bottom: 3px solid transparent;
    }

        .header-nav .nav-link:hover {
            background-color: rgba(255,255,255,0.1);
            border-bottom: 3px solid #ffc107; /* Gạch chân màu vàng khi di chuột */
        }

/* Dropdown Menu */
.dropdown-menu {
    margin-top: 0;
    border-radius: 0 0 10px 10px;
}

.dropdown-item:hover {
    background-color: #e9f7ef;
    color: #198754;
}

/* CARD SẢN PHẨM (Trang chủ) */
.product-card {
    transition: transform 0.3s, box-shadow 0.3s;
    background: #fff;
    border-radius: 10px;
}

    .product-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important;
    }

.card-title {
    font-size: 1.1rem;
    height: 40px; /* Cố định chiều cao tên món cho đều */
    overflow: hidden;
}
/* Hiệu ứng hover cho link ở footer */
.hover-green:hover {
    color: #198754 !important; /* Màu xanh lá */
    transition: 0.3s;
    padding-left: 5px; /* Hiệu ứng đẩy nhẹ sang phải */
}