/*Set background colour of product counter (mark) in WooCommerce shop*/
.woocommerce mark { 
 background-color: #FFFFFF;
}
/* End */

/* Prevent logo from exceeding 40 px. Auto adjust width to maintain aspect ratio*/
.logo_wrapper img {
	    max-height: 40px;
    width: auto;
}
/* End */

/*Applies a small‑screen rule that adjusts the header layout and forces the mobile menu icon to appear when the screen width is 767px or less*/
@media only screen and (max-width: 767px) {
	html[data-menu=leftalign] .top_bar {
        min-height: 65px;
	}
	
	a#mobile_nav_icon {
        display: inline-block !important;
    }
}
/* End */

/*Widens the breakpoint at which the mobile menu icon is forced to appear, making the mobile navigation trigger visible on tablets as well as phones*/
@media only screen and (max-width: 1024px) {
	a#mobile_nav_icon {
        display: inline-block !important;
    }
}
/* End */

/*Search Result Thumbnail Image Size*/
body.search-results .post_header.search {
  width: calc(100% - 370px);
}

.search_thumb img {
  width: 340px;
}

.search_thumb {
  border-radius: 0;
  width: 340px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  body.search-results .post_header.search {
    clear: both; 
    width: 100%;
  }

  body.search-results .search_thumb {
    width: 100%;
    margin-right: 0;
  }
}
/* End */

/* Search Result Box */
body.elementor-page.page-id-7676 #wrapper {
overflow: visible;
}
/* End */

/*Hide sidebar and sidebar content on single product page*/
body.single-product #page_content_wrapper .inner .sidebar_content {
    width: 100% !important;
}

body.single-product #page_content_wrapper .inner .sidebar_wrapper {
    display: none !important;
}
/* End */

/* Submenu divider for desktop */
#menu_wrapper .nav ul.sub-menu li {
    border-bottom: 1px solid rgba(0,0,0,255.25);
    padding-bottom: 6px;
    margin-bottom: 6px;
}

#menu_wrapper .nav ul.sub-menu li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* End */

/* Add horizontal padding to WooCommerce single product pages */
body.single-product #page_content_wrapper .inner {
    padding-left: 20px;
    padding-right: 20px;
}
/* End */

/* Optional: increase padding on mobile for readability */
@media only screen and (max-width: 768px) {
    body.single-product #page_content_wrapper .inner {
        padding-left: 25px;
        padding-right: 25px;
    }
}
/* End */

/*  Add separating lines between the items in the sub-menu*/
/* Add borders around all menu items */
.mobile_main_nav li a,
#sub_menu li a,
.mobile_menu_wrapper .sidebar_wrapper a,
.mobile_menu_wrapper .sidebar_wrapper,
#close_mobile_menu i {
  border-bottom: 1px solid #222;
}

/* 1. Remove ThemeGoods' forced borders from everything */
.mobile_main_nav > li > a,
.mobile_menu_wrapper .sidebar_wrapper a,
.mobile_menu_wrapper .sidebar_wrapper,
#close_mobile_menu i {
    border-bottom: none !important;
}

/* 2. Add dividers ONLY to submenu items */
.mobile_menu_wrapper .sub-menu > li > a {
    position: relative !important;
    display: block !important;
}

/* 3. The actual divider line */
.mobile_menu_wrapper .sub-menu > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 1px;
    background: #000;
    z-index: 9999;
}

/* 4. Remove divider after last submenu item */
.mobile_menu_wrapper .sub-menu > li:last-child > a::after {
    background: transparent;
}
/* End */