/*
Theme Name: Yoome Child
Theme URI: http://demo.theme-sky.com/yoome/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: yoome
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: yoome-child
*/

.header-top .container {
	display:flex;
	font-size:100%;
	padding: 4px clamp(30px, 4vw, 70px);
}
header .header-top .header-left, header .header-top .header-right{
	float:none;	
}

header .menu-right .ts-menu {
	float:none;
}

.header-container .widget-container {
	margin:0;
}

/* 1. Hide the menu by default */
.header-dropdown-menu .widget-container nav.vertical-menu {
    display: none!important;
    position: absolute; /* Positions it over other content */
    z-index: 100;
    background: #fff;  /* Ensure it's not transparent */
    min-width: 200px;  /* Adjust based on your widest child logic */
}

/* 2. Show the menu when HOVERING the parent container */
/* This is more stable than hovering just the H3 */
.header-dropdown-menu .widget-container:hover nav.vertical-menu {
    display: block!important;
}

/* 3. Optional: Style the title to look like a dropdown trigger */
.header-dropdown-menu .widget-title {
    cursor: pointer;
    margin-bottom: 0; /* Prevents a gap that breaks the hover */
}



.front-menu header:after {
    display: table;
    content: none;
    clear: both;
}


.fixed-chat-icon {
    /* Positioning */
    position: fixed;
    bottom: 90px;
    right: 10px;
    z-index: 9999;

    /* Box Styling */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    /* background-color: #dd2a1b;  Using your red theme color */
	background-color: #222222;
    color: #ffffff;
    
    /* Shape and Shadow */
    border-radius: 12px; /* Adjust for more or less rounding */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    
    /* Aesthetics */
    text-decoration: none;
    font-size: 28px;
    transition: all 0.3s ease;
}

/* Hover Effect */
.fixed-chat-icon:hover {
    background-color: #222222;
    transform: translateY(-5px); /* Gentle lift on hover */
    color: #ffffff;
}

/* Mobile Adjustment */
@media (max-width: 480px) {
    .fixed-chat-icon {
        bottom: 20px;
        right: 20px;
        width: 50px;
        height: 50px;
        font-size: 24px;
    }
}

/* Specifically targeting the hover state */
.fixed-chat-icon:hover {
    background-color: #222222;
    transform: translateY(-5px);
    text-decoration: none !important; /* Forces removal of underline on hover */
}

/* Ensuring the icon and any nested spans don't underline */
.fixed-chat-icon i, 
.fixed-chat-icon span {
    text-decoration: none !important;
}

.products .product.product-category h3 {
    font-weight:600;
}

.woocommerce .products .product .product-wrapper {
	border: 1px solid #c0c0c0;
	border-radius: 10px;
	padding: 5px;}

#left-sidebar section.ts-product-categories-widget {
	border-right: 1px solid #c0c0c0;
}

#left-sidebar .ts-product-categories-widget ul.product-categories li.cat-parent > span.icon-toggle {
	right: 0px;}

#left-sidebar .ts-product-categories-widget ul.product-categories li.cat-parent a
{
    display: block;
    margin-right: 15px;
}
#left-sidebar h3, #left-sidebar section.ts-product-categories-widget li  {
	border-bottom: 1px solid #c0c0c0;
}

.ts-menu-widget nav.vertical-menu > ul > li > a, .ts-menu-widget nav.vertical-menu > ul > li.parent > a {
    padding-left: 10px;
}
nav.vertical-menu li a img {
	max-height:50px;
	max-width:50px;
	    float: left;
    padding-right: 5px;
}

.woocommerce > .products > .list-categories {
    clear: both;
    display: flex;
    flex-flow: row wrap;
}