/*
Theme Name: Woostify Child
Template: woostify
Author: Malik Omer
Version: 1.0
Text Domain: woostify-child
*/

.category-carousel .swiper-slide {
    text-align: center;
    padding: 5px 0;
}

.category-carousel img {
    width: 100%; /* Take full width of container */
    max-width: 120px; /* Limit max width on desktop */
    height: auto;
    border-radius: 6px;
    transition: transform 0.3s ease;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

/* Hover effect */
.category-carousel img:hover {
    transform: scale(1.05);
}

/* Mobile-specific styles */
@media only screen and (max-width: 768px) {
    .category-carousel img {
        width: 100px;
        height: 135px !important;
        object-fit: cover !important;
        border-radius: 6px;
        display: block;
        margin: 0 auto;
    }
}

/* === SPECIFICATION TABLE STYLE === */
.custom-spec-table {
    background-color: #faeab1; /* Set your preferred background */
    color: #000000; /* Font color */
		max-width: 800px;
    padding: 10px;
    margin-top: 30px;
    border: 0px solid #ddd;
}

.custom-spec-table h2 {
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: bold;
}

/* Table heading (left column) */
.custom-spec-table table th {
		color: #000000 !important;
    font-weight: 600;
    padding: 10px;
    white-space: nowrap; /* Prevents text from wrapping */
}

/* Table data (right column) */
.custom-spec-table table td {
    padding: 10px;
    color: #010201;
}


/* Remove background from the overall container */
.custom-spec-table {
    background-color: transparent !important;
    padding: 0;
    margin: 0;
}

/* Background only on table cells (rows and headings) */
.custom-spec-table table th {
    background-color: #faeab1 !important; /* ← heading background */
    color: #333 !important;
    font-weight: 600;
    padding: 10px;
    white-space: nowrap;
    border: 3px solid #ffffff !important;
}
.custom-spec-table table td {
    background-color: #faeab1 !important; /* ← content row background */
    color: #000 !important;
    padding: 10px;
    border: 3px solid #ffffff !important;
}