/*
Theme Name: The8 eCommerce Store
Author: aThemeArt
Author URI: https://athemeart.com/
Description: The8 eCommerce Store, a lively theme that turns your online shop into a welcoming vibe full of charm. Perfect for a fashion boutique showcasing casual wear, a delightful flower shop, cozy furniture spot, sparkling jewelry store, or even a fun children’s apparel corner, it brings your product catalog to life with an attractive storefront and clean shopping interface that feels fresh and inviting. With its flexible layout, stunning typography, smart color scheme, and responsive design, everything flows beautifully on any device. You’ll enjoy shoppable elements, reusable layouts, easy widget-ready spots, and full WooCommerce support for smooth carts and displays. Throw in one-click demo import, handy hooks and filters, plus blogging features for posts and excerpts, and you’ve got a truly customizable ecommerce template ready to grow with your retail dreams!
Template: the8-shop-dark
Version: 1.0.1
Requires at least: 5.0
Tested up to: 7.0
Requires PHP: 7.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Tags: blog, e-commerce, three-columns, grid-layout, left-sidebar, right-sidebar, sticky-post, custom-background, custom-header, custom-colors, custom-menu, featured-images, full-width-template, translation-ready, theme-options, threaded-comments, custom-logo, portfolio, footer-widgets
Text Domain: the8-ecommerce-store
*/
:root {
	--primary-color:#000;
	--secondary-color:#967844;
	--tertiary-color:#fff;
	--quaternary-color:#000;
	--quinary-color:#f4f4f4;

	--body-bg: #fff;
	--border-color: #967844;
	--border-color-rgb: 255,255,255;


	--nav-color:#000000;
	--nav-h-color:#967844;
	--body-font:'Open Sans', sans-serif;
	--heading-font:'Roboto Condensed', sans-serif;
	--border-subtle: 1px solid rgba(0, 0, 0, 0.2);
}
body {
  font-weight: normal;
  font-size: 14px;
  word-spacing: 1px;
}
#static_header_banner{
	min-height: 30vh;
}
#static_header_banner .content-text{
	padding: 30px 0px;
}
#static_header_banner .content-text p.subtitle{
	margin-bottom: 0px;
}
.top-bar-menu {
 background: rgba(229,229,229,0.97) !important;
  padding: 10px 30px;
  border-bottom: 1px solid var(--border-subtle);
}
#masthead.sticky.active .top-bar-menu{
	display: none;
}
.top-bar-menu .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--tertiary-color);
}
.top-bar-menu .left-menu, .top-bar-menu .right-menu {
	display: flex;
	align-items: center;
	gap: 40px;
}
 .top-bar-menu .right-menu {
 	margin-left: auto;
 }
.top-bar-menu .left-menu ul, .top-bar-menu .right-menu ul {
	display: flex;
	align-items: center;
	gap: 15px;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-right: 10px;
}
.top-bar-menu .right-menu li ul {
	position: absolute;
	display: block;
	min-width: 150px;
	background: #000;
	box-shadow: 0px 5px 15px 0px var(--alpha-1);
	margin-top: 10px;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	z-index: 999;
}

.top-bar-menu .right-menu li:hover ul {
	margin-top: 0;
	opacity: 1;
	visibility: visible;
}
.top-bar-menu .right-menu li ul a {
	display: block;
	color: var(--tertiary-color);
	padding: 7px 15px;
	border-bottom: 1px solid var(--alpha-2);
}
.top-bar-menu .right-menu li ul a:hover,
.top-bar-menu .right-menu li ul a:focus {
	color: var(--secondary-color);
}
.top-bar-menu .right-menu li ul li:last-child a {
	border: 0;
}
.top-bar-menu li{
	position: relative;
}
.top-bar-menu > ul > li{
	margin: 0px 3px;
}
.top-bar-menu > ul > li:after{
	content: "-";
	position: absolute;
	right: -10px;
	color: inherit;
	top: 50%;
	height: 18px;
	overflow: hidden;
	transform: translateY(-15px);
	opacity: 0.5;
}
.top-bar-menu > ul > li:last-child:after{
	display: none;
}
.top-bar-menu .container a {
	color: var(--tertiary-color);
	padding: 0px 5px;
}
.top-bar-menu .container .social-links{
	padding-top: 5px;
}
.top-bar-menu .container .social-links a {
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	font-size: 20px;
	padding: 0px;
}
header.site-header .header_icon_wrap{
	justify-content: flex-end !important;
}
@media only screen and (max-width: 991px) {
	.top-bar-menu .left-menu, .top-bar-menu .right-menu{
		gap: 5px;
	}
	header.site-header .header_icon_wrap {
	  margin-left: auto;
	  border-left: none!important;
	}
	#gs-home-page-hero .content-text, #home-slider .slide-wrap{padding-top: 80px;
	}
}
@media only screen and (max-width: 575px) {
	.top-bar-menu > .d-flex{
		display: block!important;
	}
	.top-bar-menu .container {
		flex-direction: column;
		gap: 10px;
	}
	.top-bar-menu .left-menu, .top-bar-menu .right-menu {
		flex-direction: column;
	}
	.top-bar-menu .left-menu ul {
		flex-direction: column;
		gap: 0px;
	}
	.top-bar-menu .left-menu, .top-bar-menu .right-menu{
		gap: 5px;
	}
	#static_header_banner{
		min-height: auto;
	}
	#masthead.site-header .d-flex.responsive_block{
		display: block!important;
	}
		#masthead.site-header .d-flex.responsive_block .header_icon_wrap,
		#masthead.site-header .d-flex.responsive_block .logo-wrap {
		justify-content: center;
		border:none;
	}
	#masthead.site-header .d-flex.responsive_block .header_icon_wrap{
		padding-top: 0px!important;
	}
}
header.site-header{
	display: block;
	position: static;
}

.dev_info{
	font-size: 14px;
}
#colophon.site-footer .dev_info a:hover,
#colophon.site-footer .dev_info a:focus{
	color: var(--secondary-color)!important;
}
#colophon.site-footer, #colophon.site-footer a, #colophon.site-footer .site_info {
  color: #ffffff !important;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{
	background: var(--tertiary-color);;
}
.site-header-text-wrap h1{
	color:var(--tertiary-color);
}
.theme-btn:hover, .theme-btn:focus, .navigation.posts-navigation a:hover{
	color:var(--tertiary-color);
}
#static_header_banner{
	padding: 50px 0px!important;
}
.site-header-text-wrap ul.post-meta{
	color:var(--tertiary-color);
}
.site-header-text-wrap ul.post-meta a:hover,
.site-header-text-wrap ul.post-meta a:focus{
	color:var(--tertiary-color);
}
#commentform .form-submit{ padding-bottom:0px; margin-bottom:0px!important; }
#colophon.site-footer .widget-title,
.comment-meta .single-comment .comment .reply a,
#navbar .navigation-menu li li > a, .the8-shop-myaccount-endpoint a,
#navbar .navigation-menu li li > a:hover, #navbar .navigation-menu li li > a:focus, #navbar .navigation-menu li li.current-menu-item > a, #navbar .navigation-menu li li.current-page-parent > a, .the8-shop-myaccount-endpoint a:hover, .the8-shop-myaccount-endpoint a:focus{
	color:var(--tertiary-color);
}
.comment-meta .single-comment .comment .reply a:hover,
.comment-meta .single-comment .comment .reply a:focus{
	color:var(--secondary-color);
}
#navbar > ul > li{
	padding: 0px 12px;
}
#navbar .navigation-menu > li > a{
	--underline-position: 100%; /* Ensure bottom placement */
	--underline-size: 2px;

	background-image: linear-gradient(90deg, currentColor, currentColor);
	background-repeat: no-repeat;
	background-size: 0% var(--underline-size);
	background-position: 0 var(--underline-position);

	transition: background-size 0.5s cubic-bezier(.25, .8, .25, 1);

	display: inline-block; /* Inline elements don't respect background properties well */
	padding-bottom: var(--underline-size); /* Ensure spacing */
	text-decoration: none; /* Prevent default underline if used on links */
	padding:15px 2px;

	display: flex;
	align-items: center;
	gap: 8px;

	font-family: var(--heading-font);
}
#navbar .navigation-menu > li > a:hover,
#navbar .navigation-menu > li > a:focus,
#navbar .navigation-menu > li:hover > a,
#navbar .navigation-menu > li.focus > a{
	background-size: 100% var(--underline-size);
	text-decoration: none!important;
	color:var(--secondary-color);
}
header.site-header ul.the8-shop-myaccount-endpoint a{
	color:var(--tertiary-color);
}
header.site-header ul.the8-shop-myaccount-endpoint a:hover,
header.site-header ul.the8-shop-myaccount-endpoint a:focus,
#navbar li a .btn-animate-y-2, ul.the8-shop-myaccount-endpoint li a .btn-animate-y-2{
	color: var(--tertiary-color);
}
ul.product-action-link li a.loading::after, .woocommerce li.product .button.loading::after {
  background: url(assets/images/loader-h.svg) no-repeat center left var(--secondary-color)!important;
  content: "";
  position: absolute;
  right: 0;
  top: 0!important;
  bottom: 0;
  width: inherit!important;
  transform: skewX(-0deg)translateX(0px);
}
.woocommerce ul.products li.product .added_to_cart.wc-forward{
	color:var(--tertiary-color)!important;
}
@container (min-width: 700px) {
  .wc-block-cart__main .wc-block-cart-items td {
    border-top:none;
  }
}
.woocommerce nav.woocommerce-pagination ul li a.current, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus, .pagination-custom ul.page-numbers a:hover, .pagination-custom ul.page-numbers a:focus, .pagination-custom ul.page-numbers span.current{
	color: var(--tertiary-color);
}
.wc-block-cart .wc-block-cart-items tr:nth-child(2n) {
  background-color: var(--tertiary-color) !important;
}
@container (min-width: 700px) {
  .wc-block-cart__main .wc-block-cart-items td {
    border-right: 1px solid var(--border-color) !important;
  }
}
.woocommerce li.product .product_wrap{
	margin: 0px 1px 1px 1px!important;
}
.box-icon-cart .dropdown-box,
.box-icon-cart .dropdown-box .total span.amount{
	color: var(--tertiary-color)!important;
}
.box-icon-cart .dropdown-box a{
	color: var(--tertiary-color)!important;
}
.box-icon-cart .dropdown-box a:hover,
.box-icon-cart .dropdown-box a:focus{
	text-decoration: underline;
}
.box-icon-cart .dropdown-box a.remove{
	color:var(--secondary-color)!important;
	text-decoration: none!important;
}
.box-icon-cart .dropdown-box a.remove:hover,
.box-icon-cart .dropdown-box a.remove:focus{
	color: var(--tertiary-color)!important;
}
.single.single-product .quantity .input-text.qty.text, .p-quantity .input-text.qty.text, .woocommerce .quantity input.qty{
	 background-color: var(--tertiary-color) !important;
}
#content .post-meta-wrap{
	align-items: center;
}
#content .post-meta-wrap .avatar_round img{
	width: 40px!important;
	height: auto!important;
}
#content .post-meta-wrap .avatar_round{
	margin-right: 10px;
}
#content .post-meta-wrap{
	margin-bottom: 15px;
}
.the8-shop-dark-post-wrap{
	margin-bottom: 30px;
}
#content ul.post-meta li.post-by{
	font-size: 14px;
}
.woocommerce .product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce .product .woocommerce-tabs ul.tabs li.active a{
	color: var(--tertiary-color)!important;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{
	border: 1px solid var(--tertiary-color);
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus{
	border: 1px solid var(--border-color);
}
#reviews .comment-text .star-rating {
  float:none;
  position: absolute;
  right: 0px;
  width: 100px;
}
#masthead.sticky{
	background: #fff!important;
}
.woocommerce li.product .product_wrap{
	z-index: 1;
  max-width: calc(100% - 4px);
  z-index: 9;
}
ul.products li.product .product-image{
	position: relative;
	z-index: 9;
}
#colophon.site-footer .site_info ul.social-links li a:hover, #colophon.site-footer ul.social-links li a:focus{
	color: var(--tertiary-color)!important;
}
button.plus:hover, button.minus:hover{
	color: var(--tertiary-color)!important;
}
/*------------------------------------
# The8 eCommerce menu
------------------------------------*/
.the8-ecommerce-menu,
.the8-ecommerce-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.the8-ecommerce-menu {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}

.the8-ecommerce-menu > li {
	position: relative;
}

.the8-ecommerce-menu a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 10px;
	text-decoration: none;
	line-height: 1.2;
	border-radius: 6px;
	transition: all 0.25s ease;
}

.the8-ecommerce-menu a i {
	font-size: 16px;
	line-height: 1;
}

.the8-ecommerce-menu a span {
	display: inline-block;
}

/* Hover / active */
.the8-ecommerce-menu a:hover,
.the8-ecommerce-menu .current-menu-item > a,
.the8-ecommerce-menu .current-menu-parent > a {
	color: var(--primary-color);
	background: rgba(0, 0, 0, 0.05);
}

/*------------------------------------
# Dropdown submenu
------------------------------------*/
.the8-ecommerce-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 220px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
	padding: 10px 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.25s ease;
	z-index: 99;
}

.the8-ecommerce-menu .sub-menu li {
	position: relative;
}

.the8-ecommerce-menu .sub-menu a {
	display: block;
	padding: 10px 16px;
	border-radius: 0;
	white-space: nowrap;
}

.the8-ecommerce-menu .sub-menu a:hover,
.the8-ecommerce-menu .sub-menu a:focus,
.the8-ecommerce-menu > li:hover a{
	background: rgba(0, 0, 0, 0.04);
}

/* Show submenu on hover */
.the8-ecommerce-menu li:hover > .sub-menu,
.the8-ecommerce-menu li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Parent arrow */
.the8-ecommerce-menu .menu-item-has-children > a::after {
	content: "\F282"; /* Bootstrap Icons chevron-down */
	font-family: "bootstrap-icons";
	font-size: 12px;
	margin-left: 6px;
	line-height: 1;
}

/*------------------------------------
# Mobile
------------------------------------*/
@media (max-width: 767px) {
	.the8-ecommerce-menu {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.the8-ecommerce-menu > li {
		width: 100%;
	}

	.the8-ecommerce-menu a {
		width: 100%;
		justify-content: flex-start;
	}

	.the8-ecommerce-menu .sub-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border: 0;
		padding: 6px 0 0 16px;
		background: transparent;
		min-width: 100%;
		display: none;
	}

	.the8-ecommerce-menu .menu-item-has-children:hover > .sub-menu,
	.the8-ecommerce-menu .menu-item-has-children:focus-within > .sub-menu {
		display: block;
	}
}
.box-icon-cart .dropdown-box .woocommerce-mini-cart__buttons a{
	text-decoration: none;
}