/*
Theme Name: Harry Shop
Author: Theme_Pure
Author URI: https://themeforest.net/user/hixstudio
Description: Techub is a Modern & Professional WP Theme which is perfectly suitable for the Agency, Marketing, Consulting, start-up, IT Solutions, and Services Company related any business website.
Version: 1.0.0
Text Domain: harry-shop
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.rc__post-thumb img {
	width: 72px;
	height: 72px;
	object-fit: contain;
}
.postbox__comment.mb-95 {
	list-style: none;
}
.comment  .children{
	margin-left: 50px;
}
.post.post-post.current-item {
	color: #fff;
}
.portfolio-filter-button {
	margin-bottom: 40px;
}
.portfolio-filter-button.d-flex button {
	margin-right: 10px;
	background: #000;
	color: #fff;
	padding: 6px 20px;
}
.portfolio-filter-button.d-flex button.active {
	background: #f00;
	color: #fff;
}

img {
	height: auto;
}
.price ins{
	text-decoration: none;
}

.product-add-cart-btn.added {
	display: none;
}
.added_to_cart {
	font-weight: 600;
	font-size: 15px;
	color: var(--tp-common-white);
	background-color: var(--tp-common-black);
	display: inline-block;
	padding: 7px 25px;
	text-align: center;
	display: block;
}
.added_to_cart:hover {
	color: var(--tp-common-white);
	background-color: var(--tp-theme-1);
}

.woosc-area {
	background: transparent !important;
}



/* woo rating */
.star-rating{
	position: relative;
	display: inline-block;
}
.star-rating span {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	font-size: 0px;
	display: flex;
}
.star-rating::before {
	font-family: "Font Awesome 6 Pro";
	content: "\f005\f005\f005\f005\f005";
	text-transform: uppercase;
	letter-spacing: 3px;
	color: var(--tp-common-yellow-5);
	font-weight: 300;
	font-size: 11px;
}
.star-rating span::before {
	font-family: "Font Awesome 6 Pro";
	content: "\f005\f005\f005\f005\f005";
	text-transform: uppercase;
	letter-spacing: 3px;
	color: var(--tp-common-yellow-5);
	font-weight: 900;
	display: inline-block;
	font-size: 11px;
}



/* filter  */
.woocommerce .widget_price_filter .ui-slider-horizontal {
	height: .5em;
}
.woocommerce .widget_price_filter .ui-slider {
	position: relative;
	text-align: left;
	margin-left: .5em;
	margin-right: .5em;
}
.price_slider_amount {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	border-radius: 1em;
	background-color: #7f54b3;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
	border-radius: 1em;
	background-color: #35224c;
	border: 0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1em;
	height: 1em;
	background-color: #7f54b3;
	border-radius: 1em;
	cursor: ew-resize;
	outline: 0;
	top: -.3em;
	margin-left: -.5em;
}
.price_slider_amount .button {
	background: #000;
	color: #fff;
	padding: 4px 13px;
}

.woocommerce-product-rating {
	display: flex;
}
.product__details-action .stock.in-stock {
	display: none;
}
.product__details-action .product-action-btn {
	width: 50px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	color: var(--tp-common-black);
	border: 1px solid #DADCE0;
	margin-right: 6px;

}
.product__details-action button {
	margin-bottom: 0;
}
.product__details-action .cart {
	margin-right: 6px;
}


.flex-control-nav.flex-control-thumbs li {
	width: 20%;
	list-style: none;
	padding: 0 5px;
  }
  .flex-control-nav.flex-control-thumbs {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
	margin-top: 10px;
	padding-left: 0;
  }
  .flex-control-nav.flex-control-thumbs li img {
	width: 100%;
  }


  .product__details-tab-nav-inner .active a{
	border-bottom: 2px solid var(--tp-theme-1);
  }


.woocommerce-Reviews  .commentlist {
	list-style: none;
	padding-left: 0;
}
.woocommerce-Reviews .comment_container {
	display: flex;
	flex: 0 0 auto;
}
.woocommerce-Reviews img {
	height: 50px;
	width: 50px;
	margin-right: 15px;
	border-radius: 100px;
}

/* details rating  */
.woocommerce p.stars a {
	position: relative;
	height: 1em;
	width: 1em;
	text-indent: -999em;
	display: inline-block;
	text-decoration: none;
}
.woocommerce p.stars a::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	line-height: 1;
	font-family: "Font Awesome 6 Pro";
	content: "\f005";
	font-weight: 300;
	text-indent: 0;
}
.woocommerce p.stars.selected a.active::before {
	content: "\f005";
	font-weight: 900;
}
.woocommerce p.stars.selected a:not(.active)::before {
	content: "\f005";
	font-weight: 900;
}
.woocommerce p.stars.selected a.active ~ a::before {
	content: "\f005";
	font-weight: 300;
}
.woocommerce p.stars:hover a::before {
	content: "\f005";
	font-weight: 900;
}
.woocommerce p.stars a:hover ~ a::before {
	content: "\f005";
	font-weight: 300;
}
#review_form .nice-select {
	display: none;
}

.related_slider_active{
	margin: 0 -10px;
}
.related_slider_active .col{
	padding: 0 10px;
}

/* cart table  */
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
	width: 100%;
	border: 1px solid #ddd;
}
.shop_table tr{
	border :1px solid #ddd;;
}
.shop_table tr td{
	border :1px solid #ddd;;
}

.shop_table.woocommerce-checkout-review-order-table {
	width: 100%;
}

.woocommerce-mini-cart__total.total {
	display: flex;
	justify-content: space-between;
	padding: 21px 20px;
}
.woocommerce-mini-cart__buttons{
	margin: 0 20px;
}
.woocommerce-mini-cart__buttons .button.wc-forward  {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: var(--tp-common-white);
	background-color: var(--tp-grey-1);
	text-align: center;
	font-family: var(--tp-ff-space);
	padding: 10px 30px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	letter-spacing: -0.02em;
	width: 100%;
	color: #222;
}
.woocommerce-mini-cart__buttons .button.wc-forward.checkout {
	border: 1px solid #ddd;
	color: #222;
	background: transparent;

}


/* header search icon...........................................................start */
/* Hide the search bar initially */
.e-search-input-wrapper {
    display: none;
    opacity: 0;
    transform: translateY(-10px);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Keep the search icon visible */
.e-search-label {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.e-search-label svg {
    font-size: 12px!important; /* Adjust the icon size */
    color: #f3e9e9; /* Change the color of the icon */
	fill: #ffffff;
}

/* Show the search bar when the parent is focused */
.e-search:focus-within .e-search-input-wrapper {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* Position the popup below the icon */
.e-search {
    position: relative;
}

.e-search-input-wrapper {
    position: absolute;
    top: 40px; /* Adjust to align below the icon */
    left: -200px;
    width: auto;
    background: #fff;
    padding: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

/* Style the search input field */
.e-search-input {
    width: 400px; /* Adjust width */
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
}

/* Optional: Style the close button (clear icon) */
.e-search-input-wrapper svg.e-fas-times {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

/* Optional: Add hover effect to the search icon */
.e-search-label:hover svg {
    color: #0073e6; /* Change the icon color on hover */
}
.e-font-icon-svg {
  width: 20px;   /* change to your desired size */
  height: 20px; 
}


/* header menu after effect........................................................start */

.row.row-cols-1.row-cols-md-2.row-cols-lg-3.row-cols-xl-4 {
    justify-content: center;
}
.c7main{
	background-color: #000;
	padding: 10px 20px;
}
.c7main .c7sub{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}