/*
 Theme Name:   Burns Glass Kadence Child
 Theme URI:    https://burns-glass.com
 Description:  A Burns Glass child theme for the Kadence theme
 Author:       Zach Mikulec
 Author URI:   https://www.brightononline.com/
 Template:     kadence
 Version:      1.0.0
 Text Domain:  kadence-child
*/
/* Hide the menu label (optional, if you only want the icon) */
/* Style the menu item to display the icon */
@import url("../kadence/style.css");


/* Style the menu item */
.site-header-item.site-header-focus-item.site-header-item-main-navigation #secondary-navigation .secondary-menu-container #secondary-menu .menu-item {
    display: inline-block !important;
}

/* Style the menu item link to display the icon */
.site-header-item.site-header-focus-item.site-header-item-main-navigation #secondary-navigation .secondary-menu-container #secondary-menu .menu-item a {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    text-indent: -9999px !important; /* Hide the label text ("My Account") */
    position: relative !important;
}

/* Add the SVG icon using a pseudo-element (black icon) */
.site-header-item.site-header-focus-item.site-header-item-main-navigation #secondary-navigation .secondary-menu-container #secondary-menu .menu-item a::before {
    content: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V20H20V18C20 15.34 14.67 14 12 14Z" fill="%23000000"/></svg>');
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* Hover effect (keep it black for simplicity, or adjust if needed) */
.site-header-item.site-header-focus-item.site-header-item-main-navigation #secondary-navigation .secondary-menu-container #secondary-menu .menu-item a:hover::before {
    content: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V20H20V18C20 15.34 14.67 14 12 14Z" fill="%23000000"/></svg>');
}

.custom-glass-header{
    max-width:1000px;
    padding:40px;
}

.wc-block-product-template__responsive.columns-5 {
    grid-template-columns: repeat(auto-fill,minmax(max(300px,calc(20% - 1em)),1fr)) !important;
}

.cr-reviews-grid .cr-review-card .middle-row{min-height:200px;}

.home-snug{
    width:80%;
    margin:20px auto;
}

.home-pad{
    padding: 80px;
}

.woocommerce{width:80%;margin:0px auto;}
/** below overrides .woocommerce{} above - otherwise the footer width on other woocommerce pages doesn't fill the width **/
.woocommerce-page{width:unset; margin:unset;}

.newsletter-box{
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    grid-gap: 10px;
}

.newsform{
    display:grid;
    grid-template-columns: 5fr 1fr;
    height:65px;
}

.wpcf7 p{margin: 0px; padding:0px;}

#wpcf7-f4622-o1 input[type="email"]{
    background: #ffb30036;
    padding:15px 5px;
    width:100%;
    max-width:100%;
}

#wpcf7-f4622-o1 input[type="submit"]{padding:15px;}


/* Responsive adjustment for mobile */
@media (max-width: 768px) {
    .site-header-item.site-header-focus-item.site-header-item-main-navigation #secondary-navigation .secondary-menu-container #secondary-menu .menu-item a {
        width: 20px !important;
        height: 20px !important;
    }

    .mobile-hero-title{font-size:18px;}

    .wc-block-product-template__responsive.columns-5 {
        grid-template-columns: repeat(auto-fill,minmax(170px,1fr)) !important;
    }
    .wc-block-product-template__responsive.columns-5 .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{ font-size:17px !important; width:90%}

   .home-pad{padding:20px;}
   .home-snug{width:95%;margin:0px auto !important;}
    .woocommerce{width:unset; margin:0px auto; width:95%;}

    .newsform{
        grid-template-columns: 4fr 1fr;
    }

}