/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.cat-box.slick-slide{
    background: #4D4D4D;
    border-radius: 20px;
    padding: 30px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	gap:20px;
	margin: 0 15px;
	min-height: 190px;
	border: 4px solid #4d4d4d;
}
.cat-box.slick-slide .cat-img{
	border-radius:100%;
	background:#574712;
	width:calc(40% - 10px);
}
.cat-box.slick-slide .cat-img img{
	width:100%;
}
.cat-box.slick-slide .cat-meta {
    width: calc(60% - 10px);
}
.cat-box.slick-slide .cat-meta h2 {
    font-family: Port Lligat Sans;
    font-weight: 400;
    font-size: 30px;
    line-height: 38px;
    margin: 0;color:#FFFFFF;
}
.cat-box.slick-slide .cat-meta p{
	font-family: Port Lligat Sans;
	font-weight: 400;
	font-size: 18px;color:#FFFFFF;
	margin:0 0 16px 0;
}
.cat-box.slick-slide .cat-meta a{
	color:#404040;
	border: 1px solid #404040;
	font-family: Port Lligat Sans;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	padding:5px;
	width:100%;
	display:none;
	border-radius:7px;
	text-align:center;
}
.cat-box.slick-slide:hover{
	background: linear-gradient(90deg, #B46A11 0%, #D68D15 31.98%, #E7AC18 68.02%, #F8C73D 100%);
	border-color:#F8C73D;
}
.cat-box.slick-slide:hover > .cat-meta h2{color:#404040;}
.cat-box.slick-slide:hover > .cat-meta p{color:#404040;}
.cat-box.slick-slide:hover > .cat-meta a{display:block;}
.remove-margen .e-con-inner{
	margin:0px !important;
}
button.slick-next.slick-arrow {
    background: url('data:image/svg+xml,<svg width="84" height="45" viewBox="0 0 84 45" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="83" height="44" rx="22" stroke="%235B5B5B"/><path d="M52.6465 11.1464C52.8417 10.9512 53.1583 10.9512 53.3535 11.1464L63.8535 21.6464C64.0488 21.8417 64.0488 22.1582 63.8535 22.3535L53.3535 32.8535C53.1583 33.0487 52.8417 33.0487 52.6465 32.8535C52.4512 32.6582 52.4512 32.3417 52.6465 32.1464L62.293 22.5H18.5C18.2239 22.5 18 22.2761 18 22C18 21.7238 18.2239 21.5 18.5 21.5H62.293L52.6465 11.8535C52.4512 11.6582 52.4512 11.3417 52.6465 11.1464Z" fill="%235B5B5B" stroke="%235B5B5B" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 74px;
    height: 40px;
    border: none;
    background-size: 100%;
    right: -110px;
    background-repeat: no-repeat;
}
button.slick-next.slick-arrow:before{
	display:none;
}
.btn-primary a {
    background-color:inherit !important;
	background-image:inherit !important;
	background: linear-gradient(90deg, #F9C924 0%, #E4AF18 31.98%, #FFF98C 68.02%, #FFD440 100%) !important;
	
}
select option {
    background-color: #0b0b0b !important;
}

.woocommerce-message {
    border-top-color: #ffe869  !important;
}
.woocommerce-message::before {
    color: #ffe25d !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background-color: #1d1d1d  !important;
	color:#ADADAD  !important;
}
.sidebar-menu .menu-item:hover,
.sidebar-menu .menu-item.current-menu-item{
	background-image: url("https://bb.stagingmysite.com/wp-content/uploads/2025/09/Rectangle-258-1.png")  !important;
    background-position: top left  !important;
    background-repeat: no-repeat  !important;
    background-size: cover  !important;
}
.single-product .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover{
	background-color: transparent !important;
}
.e-woocommerce-notices-wrapper .woocommerce-message a,.e-woocommerce-notices-wrapper .woocommerce-message a:hover {
    background: linear-gradient(90deg, #F9C924 0%, #E4AF18 31.98%, #FFF98C 68.02%, #FFD440 100%);
}

    /* Tablet View */
    @media (max-width: 1024px) {
      .elementor-widget-wc-archive-products .products {
        grid-template-columns: repeat(2, 1fr); /* Example: 2 columns on tablet */
      }
    }

    /* Mobile View */
    @media (max-width: 767px) {
      .elementor-widget-wc-archive-products .products {
        grid-template-columns: repeat(1, 1fr); /* Example: 1 column on mobile */
      }
    }