/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/products/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 4.6.1.1746714412
Updated: 2025-05-08 14:26:52

*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/* =================================================================
   MAIN TYPOGRAPHY & FONT SETTINGS
   ================================================================= */

/* this section controls the overall typography for the entire website
   including body text, form elements, and all heading elements
   uses playfair display as the primary font family for elegant look */

body, button, input, textarea {
	line-height: unset; /* removes default line height for custom control */
    font-family: "Playfair Display", serif; /* elegant serif font for body and form elements */
}

/* heading and paragraph typography settings
   applies consistent font family and removes default font weights
   for complete control over text appearance */
p, h1, h2, h3, h4, h5, h6 {
    line-height: unset; /* removes default line height for custom spacing */
    font-family: "Playfair Display", serif; /* consistent serif font across all text elements */
    font-weight: normal; /* removes bold default weights for headings */
}

/* paragraph specific styling
   removes default margins for precise spacing control */
p {
    margin: 0px; /* removes all default paragraph margins */
}

/* =================================================================
   NAVIGATION STYLING
   ================================================================= */

/* navigation subtitle styling
   appears below main navigation items with specific spacing and font */
.nav_sub {
    margin-top: 13px; /* adds space above navigation subtitles */
    font-family: "Playfair Display", serif; /* sitewide elegant serif font */
    font-optical-sizing: auto; /* enables variable font optimization */
    font-style: normal; /* ensures normal font style */
    color: black; /* sets text color to black */
}

/* navigation spacing control
   used to control vertical spacing in navigation areas */
.nav_spacing {
    max-height: 0px; /* collapses element height for spacing control */
}

/* main navigation title and branding elements
   controls the appearance of primary navigation text and branding */
.nav_title, .nav_byoscar {
    font-family: "Inter", sans-serif; /* sitewide elegant serif font */
    font-optical-sizing: auto; /* optimizes font rendering */
    font-style: normal; /* ensures normal text style */
}

/* =================================================================
   WOOCOMMERCE STYLING
   ================================================================= */

/* Add spacing between header and breadcrumbs */
.woocommerce-breadcrumb {
    margin-top: 25px !important; /* Creates gap between header and breadcrumbs */
}

/* Product Category Page Layout Styles */
.pa_collections_sort_bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0 25px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 30px;
}

.pa_collections_left, .pa_collections_right {
    position: relative;
}

.pa_collections_dropdown, .pa_sort_dropdown {
    position: relative;
    cursor: pointer;
}

.pa_collections_dropdown_title, .pa_sort_dropdown_title {
    font-family: "Playfair Display", serif;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}

.pa_collections_dropdown_items, .pa_sort_dropdown_items {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 10px 0;
    min-width: 180px;
    z-index: 100;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    display: none;
}

.pa_collections_dropdown:hover .pa_collections_dropdown_items,
.pa_sort_dropdown:hover .pa_sort_dropdown_items {
    display: block;
}

.pa_collections_dropdown_item, .pa_sort_dropdown_item {
    padding: 8px 15px;
    display: block;
    text-decoration: none;
    color: #000;
    transition: background-color 0.2s;
}

.pa_collections_dropdown_item:hover, .pa_sort_dropdown_item:hover {
    background-color: #f5f5f5;
}

/* Product Card Styling */
.block3_productcont {
    margin: 0 -15px; /* Negative margin to counteract padding in grid */
}

.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce ul.products li.product {
    padding: 0 15px;
    margin-bottom: 40px;
    box-sizing: border-box;
}

.block3_productcard {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.block3_productcard img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1/1;
    margin-bottom: 12px;
}

.block3_productcate {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 6px !important;
    color: #666;
}

.block3_productdetails {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}

.block3_produtitle {
    font-size: 16px;
    margin-bottom: 8px !important;
    font-weight: normal;
    font-family: "Playfair Display", serif;
}

.block3_produtitle a {
    color: #000;
    text-decoration: none;
}

.block3_productprice {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

/* Fix product alignment on category pages */
.woocommerce-page ul.products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px;
}

@media (max-width: 768px) {
    .woocommerce-page ul.products {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: 20px;
    }
    
    .pa_collections_sort_bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}

/* =================================================================
   NOTES FOR CUSTOMIZATION
   ================================================================= */

/* to customize your woocommerce store appearance:
   
   1. PRODUCT GRID STYLING: add styles for .woocommerce ul.products li.product
   2. SINGLE PRODUCT PAGE: target .single-product-wrapper classes
   3. CART & CHECKOUT: use .woocommerce-cart and .woocommerce-checkout
   4. SHOP ARCHIVE: target .woocommerce-shop and .archive-product classes
   5. PRODUCT CATEGORIES: style .product-category elements
   
   common woocommerce classes to style:
   - .woocommerce (main wrapper for all woocommerce content)
   - .products (product grid container)
   - .product (individual product items)
   - .price (product pricing)
   - .button.add_to_cart_button (add to cart buttons)
   - .woocommerce-breadcrumb (navigation breadcrumbs)
   - .woocommerce-pagination (page navigation)
*/