/*
Theme Name: Druco Child
Theme URI: https://demo.theme-sky.com/druco/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: druco
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: druco-child
*/

 header .logo img {
                width: 75px !important;
            }
			
			
/* ===== Search & Filter Full Alignment Fix ===== */

/* UL layout */
.searchandfilter ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    max-width: 980px !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
}

/* LI items */
.searchandfilter ul li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
}

/* First 2 fields same exact width */
.searchandfilter ul li:nth-child(1),
.searchandfilter ul li:nth-child(2) {
    flex: 0 0 38% !important;
    max-width: 38% !important;
}

/* Button width auto */
.searchandfilter ul li:nth-child(3) {
    flex: 0 0 auto !important;
    max-width: none !important;
}

/* Force wrappers inside plugin to fill full width */
.searchandfilter ul li:nth-child(1) > *,
.searchandfilter ul li:nth-child(2) > *,
.searchandfilter ul li:nth-child(1) .sf-input-text,
.searchandfilter ul li:nth-child(2) .sf-input-select,
.searchandfilter ul li:nth-child(1) label,
.searchandfilter ul li:nth-child(2) label,
.searchandfilter ul li:nth-child(1) .select2,
.searchandfilter ul li:nth-child(2) .select2,
.searchandfilter ul li:nth-child(1) .search-filter-input,
.searchandfilter ul li:nth-child(2) .search-filter-input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}

/* Actual text input / select */
.searchandfilter input[type="text"],
.searchandfilter input[type="search"],
.searchandfilter select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 60px !important;
    box-sizing: border-box !important;
    border-radius: 999px !important;
    padding: 0 24px !important;
    margin: 0 !important;
    display: block !important;
}

/* If plugin uses Select2 */
.searchandfilter .select2-container {
    width: 100% !important;
    max-width: 100% !important;
}

.searchandfilter .select2-selection--single {
    height: 60px !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}

.searchandfilter .select2-selection__rendered {
    line-height: normal !important;
    padding: 0 !important;
}

.searchandfilter .select2-selection__arrow {
    height: 60px !important;
}

/* Button */
.searchandfilter input[type="submit"],
.searchandfilter button {
    height: 60px !important;
    padding: 0 34px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Mobile */
@media (max-width: 767px) {
    .searchandfilter ul {
        flex-direction: column !important;
        align-items: center !important;
        gap: 15px !important;
    }

    .searchandfilter ul li:nth-child(1),
    .searchandfilter ul li:nth-child(2) {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .searchandfilter ul li:nth-child(3) {
        width: auto !important;
    }
}


/* Slide container */
.elementor-element-be5a84e .item.swiper-slide, .elementor-element-031816b .item.swiper-slide{
    display: flex;
    align-items: center;   /* vertical center */
    justify-content: center;
    height: 100px;         /* unify height */
}

/* Image inside */
.elementor-element-02320f5 .item.swiper-slide img, .elementor-element-02320f5 .item.swiper-slide img {
    max-height: 60px;
    width: auto;
    object-fit: contain;
}
.entry-meta-top {
    display: none !important;
}

.header-v6 .vertical-menu-heading {
    padding-top: 18px;
    padding-bottom: 18px;
}

.header-v6 .header-bottom .container {
   
    padding-top: 5px;
    padding-bottom: 5px;
}

.ts-list-of-product-categories-wrapper.columns-1 .list-categories ul li {
    padding-bottom: 4px;
}

.footer-container .ts-list-of-product-categories-wrapper h3.heading-title
{
    margin-bottom: 10px;
    
}
.woocommerce .product .thumbnail-wrapper  {
    padding: 15%;
}
.ts-product.style-tabs-vertical.style-tabs-vertical-banner .heading-tab {
    max-width: 20%;
    text-align: start;
}

@media only screen and (max-width: 480px) {

	.woocommerce .product .thumbnail-wrapper {
		padding: 10%;
	}
}


.footer-container .woocommerce .product .category-name h3
{
	float: left;     text-align: left;
}

.footer-container .ts-product-category-wrapper.woocommerce.show-icon .products .product a img {
    display: none;
}

.footer-container .shortcode-title {
    float: left;     text-align: left;
}
.page-id-357 .ts-product-category-wrapper.woocommerce.style-2 .products .product-category .product-wrapper 
{
        padding: 15px;
}

@media (max-width: 768px) {
    .header-bottom .select-category option {
		padding-left: 0 !important;
        text-indent: -20px !important;   
			  margin-left: 0 !important;
			  display:block;

	}
}

/* ------------------------------------------------------------------
 * Home page custom CSS moved from Elementor Pro (page 2340) so it
 * still works without Elementor Pro.
 * ------------------------------------------------------------------ */

/* Page custom CSS: All Categories vertical menu */
body.page-id-2340 .ts-header .vertical-menu-wrapper .vertical-menu ul.menu > li > a {
    display: flex !important;
    align-items: center !important;
}

@media screen and (max-width: 2560px) {
    body.page-id-2340 ul#menu-all-categories {
        height: 555px;
        overflow: auto;
    }
}
@media screen and (max-width: 1830px) {
    body.page-id-2340 ul#menu-all-categories {
        height: 520px;
        overflow: auto;
    }
}
@media screen and (max-width: 1730px) {
    body.page-id-2340 ul#menu-all-categories {
        height: 478px;
        overflow: auto;
    }
}
@media screen and (max-width: 1430px) {
    body.page-id-2340 ul#menu-all-categories {
        height: 415px;
        overflow: auto;
    }
}

/* Widget custom CSS: products in category tabs (f7753f2) */
@media only screen and (max-width: 991px) {
    body.page-id-2340 .ts-product.style-tabs-vertical.style-tabs-vertical-banner .heading-tab {
        max-width: 100% !important;
        text-align: center;
    }
    body.page-id-2340 header .logo img {
        width: 75px !important;
    }
}

/* Widget custom CSS: banners (c90b25a, d6316a4) */
.elementor-2340 .elementor-element.elementor-element-c90b25a .box-content,
.elementor-2340 .elementor-element.elementor-element-d6316a4 .box-content {
    width: 100%;
}

/* Footer 6 "Information" menu (element f7e5745): same link spacing as the old Elementor Pro Nav Menu */
.elementor-element-f7e5745 .menu > li > a {
    display: inline-block;
    padding: 13px 20px;
    line-height: 20px;
}

/* ------------------------------------------------------------------
 * Modern look: more white space between Home sections
 * (only the sections that had a 25px gap; the joined white panel
 *  ad8831b + e8c4412 stays together)
 * ------------------------------------------------------------------ */
.elementor-2340 .elementor-element.elementor-element-db77645,
.elementor-2340 .elementor-element.elementor-element-f5063e3,
.elementor-2340 .elementor-element.elementor-element-eacb808,
.elementor-2340 .elementor-element.elementor-element-e8c4412,
.elementor-2340 .elementor-element.elementor-element-d0443bc {
    margin-bottom: 60px;
}
@media (max-width: 1024px) {
    .elementor-2340 .elementor-element.elementor-element-db77645,
    .elementor-2340 .elementor-element.elementor-element-f5063e3,
    .elementor-2340 .elementor-element.elementor-element-eacb808,
    .elementor-2340 .elementor-element.elementor-element-e8c4412,
    .elementor-2340 .elementor-element.elementor-element-d0443bc {
        margin-bottom: 45px;
    }
}
@media (max-width: 767px) {
    .elementor-2340 .elementor-element.elementor-element-db77645,
    .elementor-2340 .elementor-element.elementor-element-f5063e3,
    .elementor-2340 .elementor-element.elementor-element-eacb808,
    .elementor-2340 .elementor-element.elementor-element-e8c4412,
    .elementor-2340 .elementor-element.elementor-element-d0443bc {
        margin-bottom: 35px;
    }
}

/* ------------------------------------------------------------------
 * Modern look: softer product card shadows (all product grids)
 * ------------------------------------------------------------------ */
.products .product:not(.product-category) {
    border-color: rgba(0, 0, 0, 0.06) !important;
}
.products .product .product-wrapper,
.products .product .product-wrapper .product-group-button-meta {
    transition: box-shadow 0.25s ease;
}
.product-hover-vertical-style-2 .products .product:not(.product-category) .product-wrapper:hover {
    box-shadow: 0 10px 30px rgba(17, 24, 39, 0.07), 0 2px 8px rgba(17, 24, 39, 0.04);
}
.product-hover-vertical-style-2 .products .product .product-wrapper:hover .product-group-button-meta {
    box-shadow: 0 14px 30px rgba(17, 24, 39, 0.08), 0 4px 8px rgba(17, 24, 39, 0.04);
}

.ucgt-home-title {
	font-size: 32px !important;
	line-height: 1.3;
	margin: 28px auto 12px;
	max-width: 980px;
	padding: 0 24px;
	text-align: center;
}
.ts-product-in-category-tab-wrapper .column-tabs {
	max-width: 100%;
}
.ts-product-in-category-tab-wrapper ul.tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 14px;
	max-width: 100%;
}
@media (max-width: 767px) {
	.ucgt-home-title {
		font-size: 24px !important;
	}
}

/* Phone: leave room in the cookie bar so the WhatsApp button does not cover the message. */
@media (max-width: 767px) {
	#cookie-notice.cookie-notice-visible {
		padding-left: 74px !important;
		box-sizing: border-box;
	}
}