/*
Theme Name: Storefront Child - SchoolNameStickers
Template: storefront
Description: Child theme for schoolnamestickers.com
Author: StickerHUB
Version: 1.0.0
*/

/* =====================
   SHARED STYLES
   ===================== */

/* Base typography */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Clean button styles */
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    border-radius: 4px;
    text-transform: none;
    font-weight: 600;
}

/* Product card improvements */
.products .product {
    transition: box-shadow 0.2s ease;
}

.products .product:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* =====================
   HEADER - Logo & Menu Inline
   ===================== */

/* Make header a flex container */
#masthead.site-header {
    display: flex !important;
    align-items: center !important;
    padding: 15px 20px !important;
}

/* First col-full contains branding */
#masthead.site-header > .col-full {
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
}

#masthead .site-branding {
    margin: 0 !important;
    float: none !important;
    width: auto !important;
}

#masthead .site-branding .logo,
#masthead .site-branding h1 {
    margin: 0 !important;
}

/* Navigation section */
#masthead .storefront-primary-navigation {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
}

#masthead .storefront-primary-navigation > .col-full {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    padding: 0 !important;
    max-width: none !important;
}

#masthead .main-navigation {
    margin: 0 !important;
}

#masthead .site-header-cart {
    margin-left: 20px !important;
}

/* Mobile - stack vertically */
@media (max-width: 768px) {
    #masthead.site-header {
        flex-wrap: wrap !important;
    }

    #masthead.site-header > .col-full {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    #masthead .storefront-primary-navigation {
        width: 100% !important;
    }

    #masthead .storefront-primary-navigation > .col-full {
        justify-content: space-between !important;
    }
}

/* =====================
   SINGLE PRODUCT - Full Width (no sidebar)
   ===================== */

/* Hide the sidebar on single product pages */
.single-product #secondary {
    display: none !important;
}

/* Make content area full width */
.single-product #primary {
    width: 100% !important;
    float: none !important;
}

/* Product layout within full width */
@media (min-width: 768px) {
    .single-product div.product .summary {
        width: 100% !important;
        float: right;
        margin-right: 0;
    }

    .single-product div.product .woocommerce-product-gallery {
        width: 35% !important;
    }
}