/* =====================================================
   CATEGORY PAGE CSS
   File: public/assets/css/category.css
===================================================== */

.category-page{
    padding:35px 0 55px;
}

.category-hero{
    background:linear-gradient(135deg,#ffffff,#eef6ff);
    border:1px solid #dbeafe;
    border-radius:22px;
    padding:26px 28px;
    box-shadow:0 10px 28px rgba(15,23,42,.06);
    margin-bottom:28px;
}

.category-hero h3{
    font-size:28px;
    font-weight:900;
    color:#0d6efd;
    margin-bottom:8px;
}

.category-hero .breadcrumb{
    margin-bottom:0;
}

.category-hero .breadcrumb a{
    color:#0d6efd;
    font-weight:700;
    text-decoration:none;
}

.category-product-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    border:1px solid #e5e7eb;
    box-shadow:0 8px 22px rgba(0,0,0,.07);
    height:100%;
    position:relative;
    transition:.28s;
}

.category-product-card:hover{
    transform:translateY(-7px);
    box-shadow:0 16px 36px rgba(0,0,0,.13);
    border-color:#0d6efd;
}

.category-product-img{
    height:210px;
    background:#f8fafc;
    padding:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.category-product-img img{
    width:100%;
    height:100%;
    object-fit:contain;
    transition:.35s;
}

.category-product-card:hover .category-product-img img{
    transform:scale(1.07);
}

.category-product-body{
    padding:15px;
    text-align:center;
}

.category-product-title{
    font-size:15px;
    font-weight:900;
    color:#111827;
    line-height:1.45;
    height:42px;
    overflow:hidden;
    margin-bottom:8px;
}

.category-product-price{
    font-size:18px;
    font-weight:900;
    color:#0d6efd;
    margin-bottom:13px;
}

.category-actions{
    display:grid;
    gap:8px;
}

.category-detail-btn{
    background:linear-gradient(135deg,#0d6efd,#0aa2ff);
    color:#fff!important;
    border:none;
    border-radius:999px;
    padding:8px 12px;
    font-size:13px;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 8px 18px rgba(13,110,253,.18);
}

.category-wishlist-btn{
    background:#fff;
    color:#ef4444;
    border:1.5px solid #ef4444;
    border-radius:999px;
    padding:7px 12px;
    font-size:13px;
    font-weight:900;
    transition:.25s;
}

.category-wishlist-btn:hover{
    background:#ef4444;
    color:#fff;
}

.category-empty-box{
    background:#fff;
    border-radius:22px;
    border:1px solid #e5e7eb;
    box-shadow:0 8px 22px rgba(0,0,0,.06);
    padding:45px 20px;
}

/* Responsive */
@media(max-width:991px){
    .category-product-img{
        height:185px;
    }
}

@media(max-width:768px){
    .category-page{
        padding:22px 0 42px;
    }

    .category-hero{
        padding:20px;
        border-radius:18px;
    }

    .category-hero h3{
        font-size:22px;
    }

    .category-product-img{
        height:160px;
    }

    .category-product-body{
        padding:12px;
    }

    .category-product-title{
        font-size:13px;
        height:38px;
    }

    .category-product-price{
        font-size:15px;
    }

    .category-detail-btn,
    .category-wishlist-btn{
        font-size:12px;
        padding:7px 10px;
    }
}

@media(max-width:576px){
    .category-product-img{
        height:135px;
        padding:8px;
    }

    .category-product-card{
        border-radius:16px;
    }

    .category-hero{
        padding:16px;
    }

    .category-hero h3{
        font-size:20px;
    }
}