:root {
    --primary-color: #c9a74d; /* Màu vàng gold chủ đạo từ index.php */
    --primary-hover: #b89339; /* Màu vàng gold đậm hơn khi hover */
    --text-color: #333;
    --light-text: #666;
    --lighter-text: #999;
    --bg-color: #fff;
    --border-color: #eee;
    --hover-bg: #f5f5f5;
}

body{
    padding : 0;
}
.product-desc li
{
    margin-left: 20px;
    list-style-type: circle;
}
table,
thead,
tr,
tbody,
th,
td {
    text-align: center;
}
.table td ,.table th
{
    vertical-align:middle;
}
@media only screen and (max-width: 768px)
{
    #logo
    {
        margin : auto;
        width:100px;
    }
    .cart-fav-box
    {
        justify-content: center;
    }
}
.slider-range
{
    margin-right:50px;
}
.error{
    color: red;
}
.modal-open
{
    overflow: hidden;
}

/* Update links and buttons to use primary color */
a {
    color: var(--primary-color);
    transition: color 0.3s ease;
}

a:hover {
    color: var(--primary-hover);
}

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-primary:hover {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}

/* Shop page customizations */
.shop-sorting {
    border-color: var(--border-color);
}

.shop-sorting .sorting-select:focus {
    border-color: var(--primary-color);
}

.product-price {
    color: var(--primary-color);
}

/* Cart customizations */
.cart-table .product-price,
.cart-table .product-subtotal {
    color: var(--primary-color);
}

.cart-summary-total {
    color: var(--primary-color);
    font-weight: bold;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}

.btn-disable
{
    position: absolute;
    width: calc(100% - 40px);
    top: -70px;
    left: 20px;
    right: 20px;
    visibility:visible;
    pointer-events: none;
    opacity: 1;
}
.btn-disable .essence-btn
{
    background-color: #ffc107;
    width: 100%;
}

.essence-btn.disable
{
    pointer-events: none;
    background-color: darkgray;
}

.checkout-info
{
    display: none;
}

.checkout-paging .pagination
{
    margin:auto;
}

.checkout-paging .pagination .page-item
{
    margin:0;
}

.checkout-paging .pagination .page-item a
{
    font-size: 1em;
    width: 150px;
}
.checkout-paging .pagination .page-item .active
{
    color: blue;
}