/* Hide Radio Button */
.rate > input {
    display: none;
}

.rate {
    display: inline-block;
    border: 0;
}

.rate > label {
    float: right;
}

/* Showing the stars */
.rate > label:before{
    display: inline-block;
    font-size: 1.1rem;
    font-family:  FontAwesome;
    content: "\f005";
    margin: 0;
    padding: 0.3rem .2rem;
    cursor: pointer;
}

/* Half star */
.rate .half:before{
    content: "\f089";
    position: absolute;
    padding-right: 0;
}

/* Click and hover */
input:checked ~ label, label:hover ~ label{
    color: #ffb503;
}

/* Hover highlight */
input:checked + label:hover, input:checked ~ label:hover, input:checked ~ label:hover ~label,
label:hover ~input:checked ~ label {
    color: #cc9000;
}

/* rating-star */
.rating-star i {
    color: #ffb503 !important;
}

/* thumbnails */
ul.thumb{
    margin: 0 auto;
    padding: 0;
    float: left;
}
ul.thumb li{
    list-style: none;
    margin: 10px;
}
ul.thumb li.active img {
    width: 80px;
    height: 80px;
    border: 2px solid #007bff; /* Change the border color as needed */
}

/* Product card images: keep a consistent height and crop nicely */
/* Product cards (listings, home, store) */
.card-product .card-img-top,
.card-product-grid .img-wrap img,
.card-product .img-wrap img,
.card-product img,
.card-product-grid img {
    width: 100%;
    height: 200px !important;
    object-fit: cover;
    display: block;
}

/* Constrain image wrappers in grids so rows stay even */
.card-product-grid .img-wrap,
.card-product .img-wrap {
    height: 200px !important;
    overflow: hidden;
}

/* Product detail hero image */
.mainImage img,
.gallery-wrap .img-big-wrap img,
.gallery-wrap img {
    width: 100%;
    max-height: 320px;
    object-fit: contain;
}

/* Category highlight cards on home (ÅUMAN'S MYSTERY) */
.card-category-highlight img {
    width: 100%;
    height: 220px;
    object-fit: contain;
    object-position: center;
    display: block;
    background: #f5f5f5;
    padding: 8px;
}
.card-category-highlight {
    border: none;
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(145deg, #ffffff 0%, #f7f4f2 100%);
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    transition: transform 180ms ease, box-shadow 180ms ease;
}
.card-category-highlight:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(0,0,0,0.1);
}
.card-category-highlight .card-body {
    padding: 12px;
}
.card-category-highlight .card-body .title {
    font-weight: 600;
    letter-spacing: 0.3px;
}

/* ul.thumb li img{
    width: 80px;
    height: 80px;
    border: 1px solid gray;
} */


/* Custom font styles */
.font-futura {
    font-family: 'Futura', sans-serif; /* Apply Futura font */
    font-size: 2rem; /* Adjust font size */
    font-weight: 500; /* Adjust font weight */
    color: #333; /* Set font color */
}

.font-georgia {
    font-family: 'Georgia', serif; /* Apply Georgia font */
    font-size: 1.8rem; /* Adjust font size */
    font-weight: 400; /* Adjust font weight */
    color: #555; /* Set font color */
}

.link-underline {
    text-decoration: underline; /* Add underline to links */
    color: inherit; /* Inherit color from parent */
}

.link-underline:hover {
    color: #007bff; /* Change link color on hover */
}

/* Product cards: softer edges and lift on hover */
.card-product,
.card-product-grid {
    border: none;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 18px rgba(0,0,0,0.05);
    transition: transform 160ms ease, box-shadow 160ms ease;
}
.card-product:hover,
.card-product-grid:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 26px rgba(0,0,0,0.08);
}