/*
Theme Name:  Hodges Child Theme
Description: Child theme for the Hodges theme
Author:      ThemeMount
Author URI:  http://themeforest.net/user/thememount
Template:    hodges
Version:     0.1
Tags:        light, white, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, responsive, retina
*/
/* NOTE: Main theme's style.css file is already added in head tag. /*
/* =Theme customization starts here
-------------------------------------------------------------- */

@font-face {
    font-family:"UrduNastaliqFont";
    src: url(./fonts/UrduNastaliqWebFont.ttf);
}

.urdufonts{
    font-family:"UrduNastaliqFont";
}


.site-content-wrapper {background-color:transparent !important;}
.list_style_products {}
.list_style_products ul.products {}
.list_style_products ul.products li {display:block;}
.list_style_products ul.products li div.tm-product-box {display:block;background-color:#FFF; margin-bottom:15px !important;}
.list_style_products ul.products li div.tm-product-box div {display:inline-block;}
.list_style_products ul.products li div.tm-product-box div.tm-product-box-inner {width:30%;}
.list_style_products ul.products li div.tm-product-box div.tm-product-box-inner img {margin:0;}
.list_style_products ul.products li div.tm-product-box div.tm-product-content {width:68%;vertical-align:top;}
.list_style_products ul.products li div.tm-product-box div.tm-product-content h3 {font-size:20px;}
.list_style_products ul.products li div.tm-product-box div.tm-product-content h3 a22 {color:#ed1f24}
ul.products li.product a img {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    will-change: transform;
}
ul.products li.product a:hover img {
    transform: scale(1.05) rotate(2deg);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
.vc_tta-container ul.products li .tm-product-box,
body.archive ul.products li .tm-product-box {
    border: #ccc 1px solid;
    padding: 10px 10px 0;
    background-color: #FFFFFF;
    border-radius: 10px 10px;
}

.main-holder .site-content ul.products li.product .onsale, .single .main-holder .site-content span.onsale, #yith-quick-view-content .onsale{background-color:#ed1f24 !important;font-size: 14px;padding: 8px 10px;}
#yith-quick-view-content .onsale:after, .single .main-holder .site-content span.onsale:after, .main-holder .site-content ul.products li.product .onsale:after{border-color:#ed1f24 transparent transparent !important;}

.category_lists ul.products {
            list-style: none;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            width: 100%;
justify-content: center;align-items: center;
        }
.category_lists ul.products li {
            width: 16% !important;
            aspect-ratio: 1/1;
            border-radius: 50%;
            overflow: hidden;
            position: relative !important;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #fff;
            box-shadow: 0 10px 20px rgba(0,0,0,0.15);
            transition: transform 0.3s, box-shadow 0.3s;
            padding: 0 0 !important;border: #fff 1px solid;
        }
.category_lists ul.products li:hover {
            transform: scale(1.05);
            box-shadow: 0 20px 30px rgba(0,0,0,0.2);
        }
.category_lists ul.products li img {
            width: 100% !important;
            height: auto !important;
            object-fit: cover;
            border-radius: 50%;
            margin: 0 0 !important;
        }
.category_lists ul.products li h3 {
            position: absolute;
            bottom: 0;
            width: 100%;
            background-color: rgba(0,0,0,0.7);
            color: #fff;
            text-align: center;
            padding: 10px 0 !important;
            border-bottom-left-radius: 50%;
            border-bottom-right-radius: 50%;
            transition: background-color 0.3s;
        }
.category_lists ul.products li:hover h3 {
            background-color: rgba(0,0,0,0.9);
        }
.category_lists ul.products li h3 mark{display:none;}

.tm-header-widgets-wrapper aside.widget_product_search {width:450px;}
.widget_product_search .woocommerce-product-search {
            display: flex;
            gap: 6px;
            align-items: center;
            background-color: #ffffff;
            padding: 5px 5px;
            border-radius: 30px;
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
            max-width: 600px;
            width: 100%;
        }
.widget_product_search .search-field {
            flex-grow: 1;
            border: none;
            outline: none;
            padding: 5px 10px;
            border-radius: 20px;
            font-size: 16px;
            background-color: #f9f9f9;
        }
.widget_product_search .search-field::placeholder {
            color: #999;
        }
.widget_product_search button[type="submit"] {
            background-color: #ed1f24;
            color: #fff;
            border: none;
            padding: 5px 15px;
            border-radius: 30px;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s, transform 0.3s;
        }
.widget_product_search button[type="submit"]:hover {
            background-color: #db0055;
            transform: scale(1.05);
        }
.widget_product_search button[type="submit"]:focus {
            outline: none;
        }

ul.nav-menu li.category_tab {background:#ed1f24;}
/*ul.nav-menu li.category_tab a {color:#000000 !important;}*/
/*ul.nav-menu li.category_tab ul li a {color:#FFFFFF !important;}*/

.wc-block-components-button {background-color:#000000; color:#FFFFFF;}