/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/storefront/
Description: Child theme for Storefront
Author: omcisner
Author URI: https://hilltopview.company
Template: storefront
Version: 1.0.0
*/

/* home page breadcrumb */
body.home #page div.storefront-breadcrumb {
	display:none;
}

/* Make the content area full width */
.content-area {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* Hide the sidebar completely */
#secondary {
    display: none !important;
}

/* Adjust layout for full width */
body.full-width .content-area {
    width: 100%;
}

/* Additional spacing adjustments */
@media (min-width: 768px) {
    .site-main {
        margin-right: 0;
    }
    .page-template-template-fullwidth-php .site-main,
    .page-template-template-homepage-php .site-main {
        margin-right: 0;
    }
}

/* woocommerce info box color */
div.woocommerce-info, 
.wc-block-components-button:not(.is-link),
button.alt,
div.woocommerce-message {
    background-color: #8b7549 !important;
    color: #fff !important;
}

.with-empty-cart-icon {
    color: #8b7549 !important;
}

/* store notice, when enabled */
.woocommerce-store-notice {
    background-color: #ff0000 !important;
}

/* images */
img {
    border-radius: 10px;
}

/* foooter updates */
div.footer-widgets > div.block.footer-widget-1 > div.widget_nav_menu > span.widget-title {
    border: 0px;
    margin: 0px;
}

div.footer-widgets > div.block.footer-widget-1 > div.widget_nav_menu > span.widget-title,
div.footer-widgets div.footer-widget-2 h3.wp-block-heading,
div.footer-widgets div.footer-widget-3 h3.wp-block-heading,
div.footer-widgets div.footer-widget-4 h3.wp-block-heading  {
    font-size: 1.618em;
    font-weight: bold;
    color: #4A371F;
}
.footer-widgets div.widget {
    margin: 0 !important;
}

/* menu links */
div.handheld-navigation > #menu-main-1 > li.current-menu-item > a, div.primary-navigation li.current-menu-item > a {
	font-weight: bold;
}

/* other */
span.onsale {
    background: #f6e4c0;
    color: #4A371F !important;
}
div > span.onsale {
    background: #f6e4c0;
    color: #4A371F !important;
    font-size: large;
}

/* colors */
h1, h2, h3, h4, h5, h6 {
	color: #4A371F;
    font-weight: bold;
}