/*!
Theme Name: JK Printing - Pixeen
Theme URI: https://jkprinting.com/
Author: JK Printing
Author URI: https://jkprinting.com/
Description: JK Printing - Professional Printing Services WordPress Theme
Version: 2.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pixeen
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

pixeen is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathapixeen-page-contentn Neal https://necolas.github.io/normalize.css/
*/

/* Here Custom CSS. */

/* =======================================================================
   PRODUCT STYLES
   ======================================================================= */

/* Product Grid & Cards */
.product__item {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.product__item:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
}

.product__thumb {
    position: relative;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.product__thumb img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.product__item:hover .product__thumb img {
    transform: scale(1.05);
}

.product__content {
    padding: 25px 20px;
}

.product__title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.4;
}

.product__title a {
    color: #2c3e50;
    text-decoration: none;
    transition: color 0.3s ease;
}

.product__title a:hover {
    color: #FD4A36;
}

.product__excerpt {
    color: #6c757d;
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

.product__category {
    margin-bottom: 15px;
}

.category-link {
    background: #FD4A36;
    color: white !important;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    text-decoration: none;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 5px;
    transition: all 0.3s ease;
}

.category-link:hover {
    background: #e63e2a;
    transform: translateY(-1px);
}

.current-category {
    background: #0C2957 !important;
}

.product__btn .btn {
    padding: 10px 20px;
    border-radius: 25px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-primary {
    background: #FD4A36;
    border: 2px solid #FD4A36;
    color: white;
}

.btn-primary:hover {
    background: transparent;
    color: #FD4A36;
}

.btn-outline-primary {
    background: transparent;
    border: 2px solid #FD4A36;
    color: #FD4A36;
}

.btn-outline-primary:hover {
    background: #FD4A36;
    color: white;
}

/* Product Filter */
.products__filter-wrapper {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.products__result p {
    margin: 0;
    color: #6c757d;
    font-weight: 500;
}

.products__filter select {
    padding: 10px 15px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    background: white;
    color: #495057;
    font-size: 0.9rem;
    min-width: 200px;
}

/* Single Product Page */
.product__meta {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
    border-left: 4px solid #FD4A36;
}

.product__meta strong {
    color: #2c3e50;
}

.product__description {
    color: #495057;
    line-height: 1.7;
}

.product__tags {
    padding: 20px 0;
    border-top: 1px solid #dee2e6;
}

.tag-link {
    background: #e9ecef;
    color: #495057 !important;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 0.85rem;
    text-decoration: none;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 5px;
    transition: all 0.3s ease;
}

.tag-link:hover {
    background: #FD4A36;
    color: white !important;
}

/* Product Navigation */
.product__navigation {
    margin-top: 30px;
    padding-top: 30px;
}

.product__nav-link {
    text-decoration: none;
    color: #495057;
    transition: color 0.3s ease;
}

.product__nav-link:hover {
    color: #FD4A36;
}

.product__nav-direction {
    font-size: 0.9rem;
    color: #6c757d;
    display: block;
}

.product__nav-title {
    font-weight: 600;
    display: block;
    margin-top: 5px;
}

/* Category Description */
.category__description {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 8px;
    border-left: 4px solid #FD4A36;
}

.category__description p {
    margin: 0;
    color: #495057;
    line-height: 1.6;
}

/* No Products Found */
.products__not-found {
    background: #f8f9fa;
    padding: 60px 30px;
    border-radius: 8px;
}

.products__not-found h3 {
    color: #2c3e50;
    margin-bottom: 15px;
}

.products__not-found p {
    color: #6c757d;
    margin-bottom: 25px;
}

/* Pagination */
.pagination__wrapper {
    margin-top: 50px;
    text-align: center;
}

.pagination__wrapper .page-numbers {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    color: #495057;
    text-decoration: none;
    transition: all 0.3s ease;
}

.pagination__wrapper .page-numbers:hover,
.pagination__wrapper .page-numbers.current {
    background: #FD4A36;
    color: white;
    border-color: #FD4A36;
}

/* Responsive Styles */
@media (max-width: 991px) {
    .product__content {
        padding: 20px 15px;
    }
    
    .products__filter-wrapper .row > div {
        margin-bottom: 15px;
    }
    
    .products__filter {
        text-align: left !important;
    }
    
    .products__filter select {
        min-width: 100%;
    }
}

@media (max-width: 767px) {
    .product__thumb img {
        height: 200px;
    }
    
    .product__title {
        font-size: 1.1rem;
    }
    
    .category__description {
        padding: 20px;
    }
    
    .product__navigation .product__nav-item {
        margin-bottom: 20px;
        text-align: center !important;
    }
}

/* Admin Bar Compatibility */
@media screen and (max-width: 782px) {
    .admin-bar .fixed-header {
        top: 46px;
    }
}

@media screen and (min-width: 783px) {
    .admin-bar .fixed-header {
        top: 32px;
    }
}

/* End Product Styles */