/*
 Theme Name: Top X
 Theme URI: https://themehunk.com/product/top-store/
 Author: ThemeHunk
 Author URI: https://www.themehunk.com
 Template: top-store
 Description: Top X is a powerful responsive eCommerce WordPress theme specially designed for eStore websites. Theme is deeply integrated with WooCommerce plugin to sell your products online. Best suited for websites like electronic, food, home appliances site, gadget store, jewelry shop, fashion shop, furniture, grocery, clothing, and decorative stores. Theme contains multiple widgets options, Header and footer layout combinations, Color and Background option. It also has Sidebar option for both the FrontPage and inner pages to show Widgets. Some highlighted features are Advance product search, Top slider layout, Product carousel, Product carousel with tabbed category filter, Woo Category slider, Product list layout, Top header with three layouts, Ribbon section, Brand Section, Call to Action section. It is supported by widgets like Highlight Widget, Testimonial Widget and Blog post widget slider. Theme has some special features like Quick View, Compare Products, Wishlist, Dropdown cart, AJAX Search, Pre loader, and Social icons. Top X is Integrated with Lead Form Builder and WP Popup Builder Plugin. You can Import the whole demo in just one click. It has a neat and clean Customize panel which makes your website designing easier. Check Out Demo – https://themehunk.com/product/top-store/
 Version: 1.0.3
 Requires at least: 5
 Tested up to: 6.4.3
 Requires PHP: 5.6
 License: GNU General Public License v3 or later
 License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
 Text Domain: top-x
 Tags: e-commerce, blog, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-image-header, featured-images, custom-header, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready

 This theme, like WordPress, is licensed under the GPL.
 Use it to make something cool, have fun, and share what you've learned with others.
*/

article.thunk-post-article.post{
float:left;
width:49%;
clear:none;
margin-right:2%;
}
article.thunk-post-article.post:nth-child(2n+2){
margin-right:0;
}

.thunk-icon-market .taiowc-icon svg{
fill:#fff;
}
.thunk-icon-market .taiowc-content .taiowc-total{
color:#fff;
}

.main-header-bar .header-icon a:hover{
color: #fff!important;    
}

.thunk-icon-market .cart-icon .taiowc-cart-item{
 padding-left: 0;   
}
.th-search-inner {
    position: relative;
}
.th-search-close {
    background: transparent;
    width: 40px;
    height: 40px;
    color: #a7a7a7;
    font-size: 21px;
    float:none;
    position: absolute;
   top: 5px;
    right: 0;
}
.main-header .menu-toggle .menu-btn:focus{
    outline-color: #FFF;
}
.entry-content a,
p a{
text-decoration: underline!important;
}
@media screen and (max-width: 1024px){
    .main-header-bar .menu-toggle .menu-btn span{
        color: #FFF;
    }
    .main-header-bar .menu-toggle .menu-btn .btn span{
        background: #FFF;
    }
}
@media screen and (max-width: 768px){
.thunk-icon-market .taiowc-content .taiowc-total{
    display: none;
}
.main-header.mhdrfive .cart-icon {
    width: auto;
    padding-left: 0;
    margin-left: 0;
}
.thunk-icon-market .cart-count-item {
    display: none;
}
.th-search-close {
    background: transparent;
    width: 40px;
    height: 40px;
    color: #a7a7a7;
    font-size: 21px;
    float:none;
    position: absolute;
   top: 5px;
   right: auto;
    left: 0;
}
}

/* Shop page grid layout */
.woocommerce ul.products li.product {
  border: 1px solid #e5e5e5; /* light border */
  padding: 15px;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}

/* Hover effect */
.woocommerce ul.products li.product:hover {
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transform: translateY(-3px);
}

/* Product images */
.woocommerce ul.products li.product img {
  max-height: 250px;
  width: auto;
  margin: 0 auto 10px auto;
  object-fit: contain;
}

/* Product title */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 16px;
  font-weight: 600;
  margin: 10px 0;
  min-height: 45px; /* keep titles aligned */
}

/* Price styling */
.woocommerce ul.products li.product .price {
  color: #000;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px;
  display: block;
}

/* Add to Cart button */
.woocommerce ul.products li.product .button {
  background-color: #14226b; /* deep blue like in your screenshot */
  color: #fff;
  padding: 8px 15px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  transition: 0.3s;
}

.woocommerce ul.products li.product .button:hover {
  background-color: #0e1a52; /* darker blue on hover */
}

/* Quantity box */
.woocommerce ul.products li.product form.cart .quantity input {
  width: 50px;
  text-align: center;
  border: 1px solid #ccc;
  margin-right: 5px;
}

/* Force equal product image sizes */
.woocommerce ul.products li.product img {
  width: 100%;
  height: 300px;   /* adjust height as needed */
  object-fit: cover;  /* crop edges to fill space */
  border-radius: 6px;
}