/*
Theme Name: Shopcozi
Theme URI: https://www.britetechs.com/theme/shopcozi-free/
Author: britetechs.com
Author URI: https://britetechs.com/
Description: Shopcozi – Multipurpose WooCommerce WordPress Theme. This Theme comes with high-quality Prebuild Home Pages and many built-in awesome inner pages. An WordPress Theme is a powerful tool for creating a professional and visually appealing online store. With a well-designed theme, you can quickly and easily build an eCommerce website that not only looks great but also functions seamlessly. These themes provide the basic structure and layout for your online store, including pages for product listings, shopping carts, checkout processes, and more. Whether you’re just starting out with your eCommerce business or looking to revamp your existing website, an WordPress Theme can be a valuable resource for creating a high-quality online store that meets your unique needs. Whether you’re selling glassware, fashion accessories, groceries, or even automotive parts, Shopcozi offers flexibility and adaptability for any niche. Its intuitive design ensures your store looks stunning on all devices while maintaining high performance.
Requires at least: 5.6
Requires PHP: 5.2.4
Tested up to: 6.7.1
Stable tag: 1.0.8
Version: 1.1.1
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, e-commerce, grid-layout, portfolio
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: shopcozi
*/
.coupon2-codebox {
    background: #fff;
    font-size: 18px;
    color: #000;
    padding: 8px 10px;
    text-align: center;
    line-height: 26px;
    display: block;
    margin-bottom: 0;
}
.coupon2-codebox span {
    font-size: 24px;
    color: #fff;
    padding: 7px 20px;
    background: #000;
    margin-top: 20px;
    border: 5px dotted;
    display: block;
}
/* featured_product */
#featured_products .products {
    display: flex;
    gap: 20px;
}

@media (max-width: 1024px) {
    #featured_products .product {
        width: calc(33.333% - 20px); 
    }
}

@media (max-width: 768px) {
    #featured_products .product {
        width: calc(50% - 20px); 
    }
}

@media (max-width: 480px) {
    #featured_products .product {
        width: 100%;
    }
}
@media (max-width: 768px){
#featured_products .products {
    display: block !important;
    gap: 20px;
	}
}
/* featured_product */
#recent_products .products {
    display: flex;
}

@media (max-width: 1024px) {
    #recent_products .product {
        width: calc(33.333% - 20px); 
    }
}

@media (max-width: 768px) {
    #recent_products .product {
        width: calc(50% - 20px); 
    }
}

@media (max-width: 480px) {
    #recent_products .product {
        width: 100%;
    }
}
@media (max-width: 768px){
#recent_products .products {
    display: block !important;
    gap: 20px;
	}
}
/* Product Category */
.woocommerce-loop-category__title {
        font-size: larger !important;
        text-align: center !important;
        background: #EF4020 !important;
        color: #ffffff !important;
    }
/* Mobile responsiveness */
@media (max-width: 768px) {
    .woocommerce .products {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .woocommerce .products .product-category {
        width: 48%;
        text-align: center;
    }

    .woocommerce .products .product-category img {
        max-width: 100%;
        height: auto;
    }

    .woocommerce .products .product-category h2 {
        font-size: 16px;
        padding: 5px 0;
    }
}

@media (max-width: 480px) {
    .woocommerce .products .product-category {
        width: 48%;
    }

    .woocommerce .products .product-category h2 {
        font-size: 14px !important;
    }
}


.blog-excerpt .more-link {
    background-color: #EF4020;
    color: #fff !important;
    border: 2px solid #EF4020;
    padding: 10px 20px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.blog-excerpt .more-link:hover {
    background-color: black;
    color: #EF4020;
    border-color: black;
}


.woocommerce-error, .woocommerce-info, .woocommerce-message, #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {

background-color: #f5f5f5 !important;
}

.woocommerce-checkout #payment div.payment_box{
    background-color:#fff !important;
}

.woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #fff !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
}

#add_payment_method #payment div.payment_box input.input-text, #add_payment_method #payment div.payment_box textarea, .woocommerce-cart #payment div.payment_box input.input-text, .woocommerce-cart #payment div.payment_box textarea, .woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea{
    border-color: #000 !important;
    border-top-color: #000 !important;
}


#wc-offline_cc-cc-form input::placeholder {
    color: #C7C7C7 !important;
	background:#fff !important;
}

#coupon_code.input-text {
	width:110px !important;
    padding: 12px 5px !important;
}

@media (max-width: 768px) {
    .related.products .row:not(.swiper) .col-12 {
        max-width: fit-content;
    }
}
/* Thank You Layout*/
  @media (max-width: 768px) {
    .woocommerce-column--billing-address, .woocommerce .woocommerce-customer-details .woocommerce-column__title {
        display: block !important;
        margin-top: 10px !important;
    }
}

.woocommerce-order-overview, .woocommerce .woocommerce-customer-details .addresses:last-child {
        padding: 10px;
        background: #fff;
        border-radius: 6px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    
    .woocommerce-order-overview li {
        display: block ;
        padding: 8px 0;
        border-bottom: 1px solid #f0f0f0;
}