/*
Theme Name: tabak-vape-shop V3
Theme URI: https://example.com/tabak-vape-shop-v3
Author: Your Name
Author URI: https://example.com
Description: Bootstrap-based WooCommerce theme for Tabak Vape Shop with custom product category loop and category tiles on search results. V3 keeps existing styling from previous versions.
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tabak-vape-shop-v3
Tags: bootstrap, woocommerce, vape, custom-theme
*/

body{
    overflow-x: hidden;
    font-family: 'Barlow', sans-serif;
}
.yb-b{
    border-bottom: 2px solid #FFD328;
}
.bg-gray{
    background-color: #d7d7d7;
}
.bg-red{
    background-color: #E03131 !important;
}
header{
    background-color: #E03131 !important;
    .container{
        position: relative;
        .logo{
            color: #fff;
            font-size: 34px;
            font-weight: 700;
            font-family: 'Swiss 721', sans-serif;
            letter-spacing: 4px;
            text-decoration: none;
        }
    }
}
.search-wrapper.show{
    display: flex !important;
    position: absolute;
    left: 0;
    z-index: 9;
    background-color: #E03131;
    width: 100%;
    padding: 20px;
    .woocommerce-product-search{
        width: 100%;
    }
}
.search-results{
    a{
        color: #2B2B2B;
    }
}
.woocommerce-product-search.search-visible {
    border: 2px solid #0d6efd;
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 8px;
}

.feather {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    @media (min-width: 992px){
        width: 28px;
        height: 28px;
        stroke-width: 2;
    }
}
a{
    color: #fff;
}
.navbar{
    background-color: #E03131 !important;

    .navbar-toggler{
        border: none;
        &:focus,
        &:focus-within{
            border: none;
            box-shadow: none;
        }
    }
    .navbar-collapse{
        .navbar-nav{
            .menu-item{
                .nav-link{
                    border-bottom: 2px solid #E03131;
                    &:hover{
                        border-bottom: 2px solid #FFD328;
                    }
                    color: #FFFFFF !important;
                    font-size: 16px !important;
                    font-weight: 600 !important;
                }
            }
        }
    }
}
.usps{
    display: flex;
    color: #fff;
    justify-content: space-between;
}
.spotlight{
    position: relative;
    background-image: url(https://tabak-vape-shop.de/wp-content/uploads/2025/06/shop-front.jpg);
    background-position: center;
    background-size: cover;
    .overlay{
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: #2B2B2B;
        z-index: 1;
        opacity: 0.5;
    }
    .container{
        z-index: 1;
        position: relative;
        color: #fff;
        .spotlight-wrapper{
            @media (min-width: 992px){
                padding-top: 10rem;
                padding-bottom: 10rem;
            }
        }
    }
}
.wc-block-cart__submit{
    background-color: #E03131;
}
.floating-btn{
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
    padding: 24px;
    z-index: 9;
    a{
        margin: auto;
    }
}
.product{
    .woocommerce-product-gallery{
        width: 100% !important;
    }
    .summary{
        width: 100% !important;
        .price{
            font-size: 38px !important;
            font-weight: 600 !important;
            color: #222 !important;
        }
        .quantity{
            input{
                height: 40px !important;
            }
        }
        .single_add_to_cart_button{
            background-color: #E03131 !important;
            padding: 12px 24px !important;
        }
        .product-content{
            border: 1px solid #222;
            padding: 12px;
            margin: 12px 0;
            border-radius: 5px;
            .title{
                font-size: 2rem;
            }
            .content{
                font-size: 1.5rem;
            }
        }
    }
}
footer{
    .rating{
        .feather-star{
            fill: #F4B400;
            stroke: #F4B400;
        }
    }
}

.woocommerce div.product div.images img{
    aspect-ratio: 4 / 3;
    object-fit: cover;
    padding: 24px;
}

/* Category tiles */
.tvs-cat-tiles .card-img-top{
    aspect-ratio: 4 / 3;
    object-fit: cover;
    background: #fff;
}
.tvs-price{ color:#222; font-weight:600; }
.tvs-card .btn{ background:#E03131; border-color:#E03131; }