/*
Theme Name: Tometal
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tomental-new
Tags: 
*/

.woocommerce.wc-block-catalog-sorting.has-text-color select.orderby {
    color: #ffffff;
    font-family: 'Lora', serif;
    border: 1px solid #474747;
    background-color: #2B22B2B; /* fallback */
    background-color: #2B2B2B;
    border-radius: 8px;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M37%2018L25%2030L13%2018%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;

    margin-right: 20px;
    padding: 1rem 2rem 1rem 1rem;
}


.wp-container-core-details-is-layout-8a368f38.wp-block-details-is-layout-flow {
	text-transform: uppercase;
	padding-left: 20px;
	padding-top: 20px;
	border: 1px solid white;
	border-radius: 5px;
}

.wp-block-details.has-custom-white-color.has-text-color.has-link-color.has-trajan-pro-font-family.has-h-5-font-size.wp-elements-262d31652d55b609de0900dd3cdbdf8b.is-layout-flow.wp-block-details-is-layout-flow {
	padding: 20px;
	border: 1px solid white;
	border-radius: 5px;
}

.wp-block-details.has-custom-white-color.has-text-color.has-link-color.has-trajan-pro-font-family.has-h-5-font-size.wp-elements-2ca0a614f9384695ac1c47e53555148f.is-layout-flow.wp-block-details-is-layout-flow {
	padding: 20px;
	border: 1px solid white;
	border-radius: 5px;
}

#pa_size {
	color: white;
}

.woocommerce div.product form.cart .variations label {
	font-weight: 700;
	text-align: left;
	color: white;
}

.woocommerce div.product form.cart table.variations td select {
	min-width: 70%;
	color: white;
}

/* SEARCH ICON */
header .wp-block-search__button:hover,
header .wp-block-search__button:hover svg,
header .wp-block-search__button:hover path {
    color: #404040;
}

/* MY ACCOUNT ICON */
header .wp-block-woocommerce-customer-account a:hover,
header .wp-block-woocommerce-customer-account a:hover svg,
header .wp-block-woocommerce-customer-account a:hover path,
header .wp-block-woocommerce-customer-account a:hover circle {
    color: #404040;
}

/* MINI CART ICON + BADGE */
header .wc-block-mini-cart__button:hover,
header .wc-block-mini-cart__button:hover svg,
header .wc-block-mini-cart__button:hover path,
header .wc-block-mini-cart__button:hover circle {
    color: #404040;
	fill: #404040;
}


.woocommerce .price bdi,
.woocommerce .price ins,
.woocommerce .wc-block-components-product-price bdi,
.woocommerce .wc-block-components-product-price ins,
.woocommerce .woocommerce-grouped-product-list-item__price bdi,
.woocommerce .woocommerce-grouped-product-list-item__price ins {
	text-decoration: none;
	color: white;
}

div#testing {
	margin-top: -24px;
}

/* Sidebar Menu Container */
#mobile-menu {
	position: fixed;
	top: 0;
	left: -100%;
	width: 90%;
	height: 100vh;
	z-index: 9999;
	transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}


#mobile-menu.active {
	left: 0;
}

.menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s ease;
	z-index: 9998;
}

.menu-overlay.active {
	opacity: 1;
	visibility: visible;
}

#mobile-menu ul li {
	opacity: 0;
	transform: translateX(-20px);
	transition: all 0.4s ease;
}

#mobile-menu.active ul li {
	opacity: 1;
	transform: translateX(0);
}

#mobile-menu.active ul li:nth-child(1) {
	transition-delay: 0.2s;
}

#mobile-menu.active ul li:nth-child(2) {
	transition-delay: 0.3s;
}

#mobile-menu.active ul li:nth-child(3) {
	transition-delay: 0.4s;
}

@media (max-width: 1000px) {

	#mobile-menu-open,
	.product-search-mobile {
		display: flex !important;
	}

	.desktop-menu,
	.search-desktop {
		display: none !important;
	}
	#single-blog-div .wp-container-core-group-is-layout-54be60bd ul{
		display: flex !important;
		flex-direction: row !important;
		justify-content: center;
	}
}

.wc-block-mini-cart__quantity-badge span {
    color: white;
}

@media (min-width: 1001px) {
	header img {
		margin-right: 140px !important;
	}
	#mobile-menu-open,
	.product-search-mobile {
		display: none !important;
	}

	.desktop-menu,
	.search-desktop {
		display: flex !important;
	}

	#mobile-menu {
		display: none !important;
	}
}

.woocommerce.wc-block-catalog-sorting select.orderby {
	padding: 10px;
	font-size: 16px;
	font-family: 'Lora';
}

.announcement {
	overflow: hidden;
	background: #000;
	padding: 10px 0;
	width: 100%;
}

.announcement-track {
	display: flex;
	width: max-content;
	will-change: transform;
}

.announcement-item {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 40px;
	white-space: nowrap;
	flex-shrink: 0;
}

.wc-block-components-product-button__button.product_type_simple span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

/* SVG icon */
.wc-block-components-product-button__button.product_type_simple span::before {
	content: "";
	width: 18px;
	height: 18px;
	display: inline-block;

	/* SVG as mask so it inherits text color */
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' stroke-width='4' stroke='black' fill='none'%3E%3Cpolyline points='4.62 9.96 15.34 9.96 21.71 37.85 49.69 37.85 56.17 16.35 16.67 15.79'/%3E%3Cpath d='M51.73,44.35H21.67a3.21,3.21,0,0,1-3.28-3.28c0-3.22,3.32-3.22,3.32-3.22'/%3E%3Ccircle cx='24.95' cy='51.61' r='3.53'/%3E%3Ccircle cx='46.04' cy='51.61' r='3.53'/%3E%3C/svg%3E") no-repeat center;
	mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' stroke-width='4' stroke='black' fill='none'%3E%3Cpolyline points='4.62 9.96 15.34 9.96 21.71 37.85 49.69 37.85 56.17 16.35 16.67 15.79'/%3E%3Cpath d='M51.73,44.35H21.67a3.21,3.21,0,0,1-3.28-3.28c0-3.22,3.32-3.22,3.32-3.22'/%3E%3Ccircle cx='24.95' cy='51.61' r='3.53'/%3E%3Ccircle cx='46.04' cy='51.61' r='3.53'/%3E%3C/svg%3E") no-repeat center;

	mask-size: contain;
	-webkit-mask-size: contain;
}

/* SELECT OPTIONS – icon before text */
.wc-block-components-product-button__button.product_type_variable span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

/* SVG icon */
.wc-block-components-product-button__button.product_type_variable span::before {
	content: "";
	width: 18px;
	height: 18px;
	display: inline-block;

	background-color: currentColor;

	-webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' stroke-width='4' stroke='black' fill='none'%3E%3Cpolyline points='4.62 9.96 15.34 9.96 21.71 37.85 49.69 37.85 56.17 16.35 16.67 15.79'/%3E%3Cpath d='M51.73,44.35H21.67a3.21,3.21,0,0,1-3.28-3.28c0-3.22,3.32-3.22,3.32-3.22'/%3E%3Ccircle cx='24.95' cy='51.61' r='3.53'/%3E%3Ccircle cx='46.04' cy='51.61' r='3.53'/%3E%3C/svg%3E") no-repeat center;
	mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' stroke-width='4' stroke='black' fill='none'%3E%3Cpolyline points='4.62 9.96 15.34 9.96 21.71 37.85 49.69 37.85 56.17 16.35 16.67 15.79'/%3E%3Cpath d='M51.73,44.35H21.67a3.21,3.21,0,0,1-3.28-3.28c0-3.22,3.32-3.22,3.32-3.22'/%3E%3Ccircle cx='24.95' cy='51.61' r='3.53'/%3E%3Ccircle cx='46.04' cy='51.61' r='3.53'/%3E%3C/svg%3E") no-repeat center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

@media(max-width: 600px)and (hover:none)and (pointer:coarse) {
	.wp-block-woocommerce-product-collection:has(.is-product-collection-layout-carousel) :where(.wc-block-next-previous-buttons.wc-block-next-previous-buttons) {
		display: flex !important;
	}
}

.wp-block-query-pagination {
	gap: 0.75rem;
	margin: 3rem 0;
	font-family: inherit;
}

.wp-block-query-pagination a,
.wp-block-query-pagination .page-numbers {
	color: #ffffff;
	background-color: transparent;
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 0.55rem 0.85rem;
	text-align: center;
	border-radius: 999px;
	/* pill style */
	font-size: 0.9rem;
	line-height: 1;
	transition:
		background-color 0.25s ease,
		color 0.25s ease,
		border-color 0.25s ease,
		transform 0.15s ease;
	text-decoration: none;
}

.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
	margin: 0px !important;
}

.wc-block-cart-item__wrap .wc-block-cart-item__prices {
	display: none;
}

.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus {
	background-color: #ffffff;
	color: #000000;
	border-color: #ffffff;
	transform: translateY(-1px);
}

/* Current page */
.wp-block-query-pagination .page-numbers.current {
	background-color: #ffffff;
	color: #000000;
	border-color: #ffffff;
	font-weight: 600;
	cursor: default;
}

.wp-block-query-pagination .page-numbers.dots {
	border: none;
	background: transparent;
	color: rgba(255, 255, 255, 0.5);
	padding: 0 0.25rem;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 15px !important;
}

.wp-block-blablablocks-slider .swiper .swiper-button-prev,
.wp-block-blablablocks-slider .swiper .swiper-button-next {
	border-radius: 0px !important
}

header .wp-block-search__button {
	padding-right: 10px;
}

.product-card-hover .wc-block-components-product-image img {
	transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: transform;
}

.product-card-hover:hover .wc-block-components-product-image img {
	transform: scale(1.1);
}

.product-card-hover {
	overflow: hidden;
}

.product-card-hover .wc-block-components-product-image {
	overflow: hidden;
}

.archive-post-div {
    overflow: hidden;
}

.archive-post-div .wp-block-post-featured-image {
    overflow: hidden;
}

.archive-post-div .wp-block-post-featured-image img {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.archive-post-div:hover .wp-block-post-featured-image img {
    transform: scale(1.1);
}

/* The main container */
.announcement-div {
	background-color: #ffeb3b;
	padding: 15px;
	text-align: center;
	position: relative;
	display: block;
}


.close-announcement {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	font-weight: bold;
	font-size: 20px;
}

#float-add-to-cart-div {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #ffffff;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	transform: translateY(100%);
	transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s;
	max-width: 100%;
}

#float-add-to-cart-div.show {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}


.wc-block-components-product-button__button.product_type_variable:hover,
.wc-block-components-product-button__button.product_type_simple:hover {
	background: #7b7b7b !important;
}

.is-product-collection-layout-carousel {
	gap: 20px !important;
}


@media (max-width: 767px) {
	ul.is-product-collection-layout-carousel.wp-block-woocommerce-product-template {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		scroll-snap-type: x mandatory !important;
		width: 100vw !important;
		margin-left: calc(-50vw + 50%) !important;
		margin-right: calc(-50vw + 50%) !important;
		padding: 0 !important;
		gap: 20px !important;
	}
	

	ul.is-product-collection-layout-carousel.wp-block-woocommerce-product-template li.wc-block-product {
		flex: 0 0 100vw !important;
		min-width: 100vw !important;
		max-width: 100vw !important;
		width: 100vw !important;
		margin: 0 !important;
		padding: 0 20px !important;
		scroll-snap-align: center !important;
		box-sizing: border-box !important;
		list-style: none !important;
	}

	ul.is-product-collection-layout-carousel.wp-block-woocommerce-product-template li.wc-block-product .product-card-hover {
		width: 100% !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	/* 4. Hide scrollbars */
	ul.is-product-collection-layout-carousel.wp-block-woocommerce-product-template {
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	ul.is-product-collection-layout-carousel.wp-block-woocommerce-product-template::-webkit-scrollbar, br {
		display: none;
	}
}

header nav ul li a.wp-block-navigation-item__content,
.menu-item-active {
	position: relative;
	display: inline-block;
	color: #CCCCCC;
	text-decoration: none;
	transition: color 0.5s ease;
}

header nav ul li a.wp-block-navigation-item__content::after,
.menu-item-active::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #CCCCCC;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.2s ease-in-out, background-color 0.5s ease;
}

header nav ul li a.wp-block-navigation-item__content:hover,
.menu-item-active {
	color: #474747;
}

header nav ul li a.wp-block-navigation-item__content:hover::after,
.menu-item-active::after {
	transform: scaleX(1) !important;
	transform-origin: left !important;
}

header nav ul li a.wp-block-navigation-item__content:hover,
.menu-item-active,
footer nav ul li a.wp-block-navigation-item__content:hover {
	color: #CCCCCC !important;
}

.production-description-pdp p {
	word-break: break-all;
}

@media screen and (max-width: 720px) {
	#pop-up #pop-up-image {
		display: none;
	}
	
	#pop-up{
		padding: 20px;
	}
	#float-add-to-cart-div .wp-block-group {
		justify-content: center !important;
	}
	.single-blog-div .wp-block-cover .has-h-2-font-size{
	font-size: 30px !important;
}
}

.wc-block-product-template__responsive {
	grid-gap: 10px;
	display: grid;
}

.woocommerce #review_form #respond .form-submit input {
	border-radius: 5px;
}

.wp-block-woocommerce-product-review-form .comment-form-rating .stars svg {
	display: block;
	color: goldenrod;
}

.blablablocks-tab-container .blablablocks-tab-content {
	min-width: 0;
	border-top: 1px solid #333;
}

.woocommerce div.product form.cart button.single_add_to_cart_button,
.woocommerce div.product form.cart button[name=add-to-cart] {
	border-radius: 5px;
}

.yay-swatches-wrapper .variations_form.cart .variations .value {
	padding-top: 10px;
}

.blablablocks-tabs iframe {
	display: none;
}

.wc-block-product-template__responsive.columns-3.wc-block-product-template.testing-2.wp-block-woocommerce-product-template.is-layout-flow.wp-block-woocommerce-product-template-is-layout-flow {
	margin-top: 0px;
}

.wc-block-product-template__responsive.columns-3.wc-block-product-template.testing-3.wp-block-woocommerce-product-template.is-layout-flow.wp-block-woocommerce-product-template-is-layout-flow {
	margin-top: 0px;
}

#filter-sort-close-mobile {
	display: none;
}

@media (max-width: 800px) {
	#filter-sort-close-mobile {
		display: block;
		display: flex;
	}
}

#product-filter-mobile {
	transition: transform .35s cubic-bezier(.4, 0, .2, 1);
}

@media (max-width:799px) {
	#product-filter-mobile {
		position: fixed;
		top: 0;
		right: 0;
		height: 100vh;
		width: 100%;
		max-width: 420px;
		background: #000;
		transform: translateX(100%);
		z-index: 9999;
		display: block;
		padding: 20px;
		overflow: scroll;
	}
	
	.size-chart-information{
		width: 80% !important;
	}

	#product-filter-mobile.active-filter {
		transform: translateX(0);
	}

	#open-product-filter {
		position: fixed;
		bottom: 10px;
		left: 0;
		width: 100%;
		z-index: 999;
		display: flex !important;
		justify-content: center;
		cursor: pointer;
	}
}

@media (min-width:800px) {
	#open-product-filter {
		display: none !important;
	}
}

.wp-block-telex-product-attribute-filter .product-filter-checkbox {
	background: #232323;
}

.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-footer-block {
	display: flex;
	gap: 10px;
}

.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-footer-block .wc-block-components-button {
	width: 50%;
	flex: 0 0 50%;
	border-radius: 5px;
}

.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-footer-block .wc-block-components-button__text {
	width: 100%;
	text-align: center;
}

.wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-footer-block {
	width: 77%;
}


.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-footer-block .wc-block-mini-cart__footer-checkout{
	background: #474747 !important;
	color: #ffffff !important;
}

.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-footer-block .wc-block-mini-cart__footer-checkout:hover {
	background-color: yellow !important;
	color: #ffffff !important;
}

.wp-block-add-to-cart-form [data-buttons-container-id],
.wp-block-add-to-cart-form .paypal-buttons {
	max-width: 244px !important;
	width: 100% !important;
	min-width: 244px !important;
}

.wp-block-add-to-cart-form .paypal-buttons iframe {
	width: 244px !important;
	min-width: 244px !important;
}

.woocommerce/mini-cart-items-block img {
	border: 1px solid #474747;
}

.production-description-pdp img {
	display: none !important;
}

.production-description-pdp a{
	color: #5E5CAD !important;
}

.wp-block-woocommerce-proceed-to-checkout-block a {
	border-radius: 5px !important;
}

.wc-block-components-checkout-place-order-button {
	border-radius: 5px;
}

:where(.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill) {
	--pill-color: #A0A0A0;
}

.wc-block-checkout {
	background: #232323;
}

/* Initially hide the popup content */
.size-chart-information {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  z-index: 1000;
  transition: transform 0.4s ease-out, opacity 0.3s ease-out;
}

.close-popup {
  cursor: pointer;
}

.size-chart-information.is-active {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

#show-size-chart {
    cursor: pointer !important;
}

body.overlay-active::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}

.variation-pills 
.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pills {
	display: flex !important;
	gap: 12px !important;
}

.wp-block-navigation-item__content:hover .wp-block-navigation-item__label,
.wp-block-navigation-item__content:hover {
    color: #CCCCCC !important;
    transition: color 0.3s ease; /* Makes the color change smooth */
}

/* Target buttons specifically inside the customer_login container */
#customer_login .woocommerce-form-login__submit, 
#customer_login .woocommerce-form-register__submit {
    background-color: #474747;
    color: #ffffff;
    border: none;
    transition: background-color 0.3s ease;
}

/* Hover state within the container */
#customer_login .woocommerce-form-login__submit:hover, 
#customer_login .woocommerce-form-register__submit:hover {
    background-color: #5f5cad;
    color: #ffffff;
}

/* Change Home breadcrumb color */
.yoast-breadcrumbs a {
    color: #767676; /* your Home color */
}

/* Optional: keep current page (My Account) different */
.yoast-breadcrumbs .breadcrumb_last {
    color: #ffffff; /* your current page color */
}

.yoast-breadcrumbs {
  color: #727272 !important
  font-size: 14px !important;;
}

/* WooCommerce Login & Register form styling (My Account only) */
#customer_login label {
	color: #A0A0A0;
}

#customer_login input[type="text"],
#customer_login input[type="email"],
#customer_login input[type="password"] {
	background-color: #232323;
	border: 1px solid #2B2B2B;
	color: #ffffff;
}

/* On focus (optional but recommended) */
#customer_login input[type="text"]:focus,
#customer_login input[type="email"]:focus,
#customer_login input[type="password"]:focus {
	border-color: #A0A0A0;
	outline: none;
	box-shadow: none;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
	border-color: #2B2B2B !important;
}

/* Placeholder color (optional) */
#customer_login input::placeholder {
	color: #777777 !important;
}

/* ================================
   WooCommerce Edit Account Form
   ================================ */

.woocommerce-EditAccountForm.edit-account label {
	color: #A0A0A0;
	font-size: 14px;
}

/* All input fields */
.woocommerce-EditAccountForm.edit-account input[type="text"],
.woocommerce-EditAccountForm.edit-account input[type="email"],
.woocommerce-EditAccountForm.edit-account input[type="password"] {
	background-color: #232323;
	border: 1px solid #2B2B2B;
	color: #ffffff;
	padding: 12px 14px;
	border-radius: 4px;
	box-shadow: none;
}

/* Focus state */
.woocommerce-EditAccountForm.edit-account input[type="text"]:focus,
.woocommerce-EditAccountForm.edit-account input[type="email"]:focus,
.woocommerce-EditAccountForm.edit-account input[type="password"]:focus {
	border-color: #A0A0A0;
	outline: none;
	box-shadow: none;
}

/* Placeholder styling */
.woocommerce-EditAccountForm.edit-account input::placeholder {
	color: #777777;
	opacity: 1;
}

/* Field description text */
.woocommerce-EditAccountForm.edit-account em {
	color: #777777;
	font-size: 13px;
}

/* Fieldset (Password section) */
.woocommerce-EditAccountForm.edit-account fieldset {
	border: 1px solid #2B2B2B;
	padding: 20px;
	margin-top: 20px;
}

/* Legend (Password change heading) */
.woocommerce-EditAccountForm.edit-account legend {
	color: #ffffff;
	padding: 0 10px;
	font-size: 15px;
}

/* Save button */
.woocommerce-EditAccountForm.edit-account button.woocommerce-Button {
	background-color: #ffffff;
	color: #000000;
	border: none;
	padding: 12px 24px;
	border-radius: 4px;
	font-weight: 600;
	transition: all 0.3s ease;
}

.woocommerce-EditAccountForm.edit-account button.woocommerce-Button:hover {
	background-color: #A0A0A0;
	color: #000000;
}

.woocommerce-EditAccountForm{
	padding-bottom: 50px !important;
}

/* Show password icon fix (Woo default) */
.woocommerce-EditAccountForm.edit-account .show-password-input {
	filter: invert(1);
}

/* My Account dashboard paragraphs */
.woocommerce-account .woocommerce-MyAccount-content p {
    color: #A0A0A0 !important;
}

/* Strong text inside those paragraphs */
.woocommerce-account .woocommerce-MyAccount-content p strong {
    color: #A0A0A0 !important;
}

/* Links inside paragraphs */
.woocommerce-account .woocommerce-MyAccount-content p a {
    color: #A0A0A0 !important;
    text-decoration: none;
}

/* Hover effect on links */
.woocommerce-account .woocommerce-MyAccount-content p a:hover {
    color: #ffffff !important;
}

/* If strong is inside link and hovered */
.woocommerce-account .woocommerce-MyAccount-content p a:hover strong {
    color: #ffffff !important;
}

/* ================================
   MY ACCOUNT – ORDERS PAGE COLORS
   (EXCLUDING BUTTONS)
   ================================ */

/* Navigation links */
.woocommerce-account .woocommerce-MyAccount-navigation a {
    color: #A0A0A0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
    color: #ffffff !important;
}

/* Orders table headers */
.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table thead th span {
    color: #A0A0A0 !important;
}

/* Orders table body text */
.woocommerce-account .woocommerce-orders-table td,
.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table time,
.woocommerce-account .woocommerce-orders-table .woocommerce-Price-amount,
.woocommerce-account .woocommerce-orders-table .woocommerce-Price-currencySymbol {
    color: #A0A0A0 !important;
}

/* Table links EXCEPT buttons */
.woocommerce-account .woocommerce-orders-table a:not(.button) {
    color: #A0A0A0 !important;
    text-decoration: none;
}

/* Hover only for non-button links */
.woocommerce-account .woocommerce-orders-table a:not(.button):hover {
    color: #ffffff !important;
}

/* ================================
   MY ACCOUNT – ADDRESSES PAGE
   ================================ */

/* Sidebar navigation */
.woocommerce-account .woocommerce-MyAccount-navigation a {
    color: #A0A0A0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
    color: #ffffff !important;
}

/* Intro paragraph */
.woocommerce-account .woocommerce-MyAccount-content p {
    color: #A0A0A0 !important;
}

/* Address blocks text */
.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .woocommerce-Address address,
.woocommerce-account .woocommerce-Address address * {
    color: #A0A0A0 !important;
}

/* Headings (Billing / Shipping address) */
.woocommerce-account .woocommerce-Address-title h2 {
    color: #A0A0A0 !important;
}

/* Edit address links (NOT buttons) */
.woocommerce-account .woocommerce-Address-title a.edit {
    color: #A0A0A0 !important;
    text-decoration: none;
}

.woocommerce-account .woocommerce-Address-title a.edit:hover {
    color: #ffffff !important;
}

.wc-block-mini-cart__footer {
	border-color: #474747 !important;
}

/* Mini cart – Artist details color */
.wc-block-mini-cart__template-part .wc-block-mini-cart__products-table 
.wc-block-components-product-details__artist,
.wc-block-mini-cart__template-part .wc-block-mini-cart__products-table 
.wc-block-components-product-details__artist span, 
.wc-block-mini-cart__template-part .wc-block-cart-item__remove-link{
    color: #767676 !important;
}


/* ===============================
   CART PAGE – DARK THEME
   Scope: #cart-page-div
   =============================== */

#cart-page-div {
	background-color: #1f1f1f;
	color: #ffffff;
}

#cart-page-div img {
 border: 1px solid #474747 !important;
}

/* Headings */
#cart-page-div h1,
#cart-page-div h2,
#cart-page-div h3 {
	color: #ffffff;
}

/* Table headers */
#cart-page-div th,
#cart-page-div .wc-block-cart-items__header span {
	color: #9b9b9b;
	border-color: #2b2b2b;
}

/* Table rows & dividers */
#cart-page-div td,
#cart-page-div tr,
#cart-page-div table {
	border-color: #2b2b2b;
}

/* Product name */
#cart-page-div .wc-block-components-product-name {
	color: #ffffff;
}

#cart-page-div .wc-block-components-product-name:hover {
	color: #a0a0a0;
}

/* Meta text (artist, labels etc.) */
#cart-page-div .wc-block-components-product-details__name,
#cart-page-div .wc-block-components-product-details__value {
	color: #9b9b9b;
}

/* Prices */
#cart-page-div .wc-block-components-product-price__value,
#cart-page-div .wc-block-components-totals-item__value {
	color: #ffffff;
}

/* Quantity selector */
#cart-page-div .wc-block-components-quantity-selector__input {
	background-color: #232323;
	border: 1px solid #2b2b2b;
	color: #ffffff;
}

#cart-page-div .wc-block-components-quantity-selector__button {
	background-color: #232323;
	border: 1px solid #2b2b2b;
	color: #ffffff;
}

#cart-page-div .wc-block-components-quantity-selector__button:disabled {
	opacity: 0.4;
}

/* Remove item */
#cart-page-div .wc-block-cart-item__remove-link {
	color: #9b9b9b;
}

#cart-page-div .wc-block-cart-item__remove-link:hover {
	color: #ffffff;
}

/* Totals labels */
#cart-page-div .wc-block-components-totals-item__label {
	color: #9b9b9b;
}

/* Coupon panel */
#cart-page-div .wc-block-components-panel__button {
	color: #ffffff;
	background-color: #232323;
	border: 1px solid #2b2b2b;
	padding: 10px !important;
}

/* Checkout button */
#cart-page-div .wc-block-cart__submit-button {
	background-color: #5a5a5a;
	color: #ffffff;
	border: none;
	
}

#cart-page-div .wc-block-cart__submit-button:hover {
	background-color: #7a7a7a;
}

/* Notices / messages */
#cart-page-div .wc-block-components-notice {
	background-color: #232323;
	border-color: #2b2b2b;
	color: #ffffff;
}

/* ===============================
   CHECKOUT PAGE – DARK THEME
   Color only | No layout changes
   =============================== */

/* Headings */
.wc-block-checkout h1,
.wc-block-checkout h2,
.wc-block-checkout h3,
.wc-block-checkout .wc-block-components-title {
	color: #ffffff;
}

/* Sidebar (Order summary) */
.wc-block-checkout .wc-block-checkout__sidebar {
	border-color: #2b2b2b;
}

/* Order summary rows */
.wc-block-checkout .wc-block-components-order-summary-item,
.wc-block-checkout .wc-block-components-totals-wrapper {
	border-color: #2b2b2b;
}

/* Labels */
.wc-block-checkout .wc-block-components-totals-item__label,
.wc-block-checkout label {
	color: #9b9b9b;
}

/* Prices */
.wc-block-checkout .wc-block-components-product-price__value,
.wc-block-checkout .wc-block-components-totals-item__value,
.wc-block-checkout .wc-block-components-checkout-order-summary__title-price {
	color: #ffffff;
}

/* Product name */
.wc-block-checkout .wc-block-components-product-name {
	color: #ffffff;
}

/* Text inputs */
.wc-block-checkout input[type="text"],
.wc-block-checkout input[type="email"],
.wc-block-checkout input[type="tel"] {
	background-color: #232323;
	border-color: #2b2b2b;
	color: #ffffff;
}

/* Select dropdowns */
.wc-block-checkout select {
	background-color: #232323;
	border-color: #2b2b2b;
	color: #ffffff;
}

/* Floating labels */
.wc-block-checkout .wc-block-components-text-input label,
.wc-block-checkout .wc-blocks-components-select__label {
	color: #9b9b9b;
}

/* Checkbox & radio text */
.wc-block-checkout .wc-block-components-checkbox__label,
.wc-block-checkout .wc-block-components-radio-control__label {
	color: #ffffff;
}

/* Radio / checkbox borders */
.wc-block-checkout .wc-block-components-radio-control__option,
.wc-block-checkout .wc-block-components-checkbox__input {
	border-color: #2b2b2b;
}

/* Shipping price text */
.wc-block-checkout .wc-block-components-radio-control__secondary-label {
	color: #9b9b9b;
}

/* Notices */
.wc-block-checkout .wc-block-components-notice {
	background-color: #232323;
	border-color: #2b2b2b;
	color: #ffffff;
}

/* Place order button */
.wc-block-checkout .wc-block-components-checkout-place-order-button {
	background-color: #5a5a5a;
	color: #ffffff;
	border: none;
}

.wc-block-checkout .wc-block-components-checkout-place-order-button:hover {
	background-color: #7a7a7a;
}

/* Return to cart link */
.wc-block-checkout .wc-block-components-checkout-return-to-cart-button {
	color: #9b9b9b;
}

.wc-block-checkout .wc-block-components-checkout-return-to-cart-button:hover {
	color: #ffffff;
}

/* Terms text */
.wc-block-checkout .wc-block-checkout__terms {
	color: #9b9b9b;
}

/* Cart page */
#cart-page-div *,
#cart-page-div *::before,
#cart-page-div *::after {
	border-color: #474747 !important;
}

/* Checkout page */
.wc-block-checkout *,
.wc-block-checkout *::before,
.wc-block-checkout *::after {
	border-color: #474747 !important;
}

.single-blog-div .has-custom-black-background-color {
    background: #232323 !important;
}

.single-blog-div .wp-block-cover {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.single-blog-div .wp-block-cover p{
	color: #ffffff !important;
}

	.single-blog-div p {
  font-family: 'Lora', serif !important;
}

.product-filter-header{
	display:none;
}
    
.wp-block-telex-product-attribute-filter .product-filter-checkbox{
	border: none !important;
}

.product-filter-checkbox .checkbox-item {
    background: #232323 !important;
}

.wp-block-telex-product-attribute-filter .product-filter-checkbox .checkbox-item:hover {
    border-color: #474747 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}

/* Reset default checkbox */
.checkbox-input {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #ffffff;
  border-radius: 2px;
  background: transparent;
  cursor: pointer;
  position: relative;
}

/* Checked state */
.checkbox-input:checked {
  background-color: #ffffff;
}

/* Checkmark */
.checkbox-input:checked::after {
  content: "✔";
  position: absolute;
  top: -2px;
  left: 2px;
  font-size: 14px;
  color: #000000;
  font-weight: bold;
}

/* Quantity selector wrapper */
.wc-block-components-quantity-selector {
    background-color: #1e1e1e;
    border: none !important;
    box-shadow: none !important;
    padding: 4px;
    border-radius: 0; /* agar bilkul sharp chahiye */
}

/* Input field */
.wc-block-components-quantity-selector__input {
    background-color: transparent;
    color: #ffffff;
    border: none !important;
    box-shadow: none !important;
}

/* Plus / Minus buttons */
.wc-block-components-quantity-selector__button {
    background-color: transparent;
    color: #ffffff;
    border: none !important;
    box-shadow: none !important;
	border-radius: 4px !important;
}

#wc-block-components-totals-coupon__form .wc-block-components-button {
    background-color: #5a5a5a !important;
    border-color: #5a5a5a !important;
    color: #ffffff !important;
	border-radius: 5px !important;
	color: white;
}

.wc-block-product-filter-checkbox-list__show-more {
color: #7a7a7a;
}

#wc-block-components-totals-coupon__form 
.wc-block-components-totals-coupon__button .wc-block-components-button__text {
    color: #ffffff !important;
}

#cart-page-div .wc-block-components-quantity-selector__input, #cart-page-div .wc-block-components-quantity-selector__button {
	background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
	border-radius: 4px !important;
}

#cart-page-div .wc-block-components-quantity-selector{
	border-radius: 4px !important;
}

/* Disabled minus button */
.wc-block-components-quantity-selector__button:disabled {
    opacity: 0.4;
}

/* Remove focus outline */
.wc-block-components-quantity-selector__input:focus,
.wc-block-components-quantity-selector__button:focus {
    outline: none;
    box-shadow: none
}

#single-blog-div .wp-container-core-group-is-layout-54be60bd {
    position: sticky;
    position: -webkit-sticky;
    top: 30px;
}

.single-blog-div .wp-block-cover p br {
	display: none !important;
}

@media (min-width: 1025px) {
  #single-blog-div .wp-block-cover__inner-container > p.has-trajan-pro-font-family {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    white-space: normal; /* allow wrapping */
  }

  #single-blog-div .wp-block-cover__inner-container > p.has-trajan-pro-font-family br {
    display: none;
  }
	#show-size-chart {
    margin-bottom: -145px;
    z-index: 1 !important;
}
}

/* Make the gallery modal full-screen and centered */
.wc-block-product-gallery-dialog__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 95vw;
    max-height: 95vh;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
}

/* Close button always on top right */
.wc-block-product-gallery-dialog__close-button {
    position: absolute;
    top: 15px;
    right: 15px;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 10;
}

/* Image container scrollable if many images */
.wc-block-product-gallery-dialog__images-container {
    width: 100%;
    max-height: 90vh;
    overflow-x: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Image gallery layout */
.wc-block-product-gallery-dialog__images {
    display: flex;
    flex-wrap: nowrap; /* horizontal scrolling for many images */
    gap: 15px;
    justify-content: center;
    align-items: center;
}

/* Each image styling */
.wc-block-product-gallery-dialog__images img {
    max-width: 100%;
    max-height: 80vh;
    object-fit: contain;
    border-radius: 6px;
    cursor: zoom-in;
    transition: transform 0.3s ease;
}

/* Optional hover zoom effect */
.wc-block-product-gallery-dialog__images img:hover {
    transform: scale(1.05);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .wc-block-product-gallery-dialog__images {
        gap: 10px;
    }
    .wc-block-product-gallery-dialog__images img {
        max-height: 60vh;
    }
}

:where(.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill:has(.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill-input:checked)) {
    --pill-color: white !important;
    --pill-background-color: #474747 !important;
}


.wc-block-product-gallery-thumbnails__scrollable img {
    border: 1px solid #474747;
}


.wc-block-mini-cart__footer-checkout.wc-block-components-button {
	background-color: #7b7b7b !important; /* normal */
	border: none !important;
	box-shadow: none !important;
	color: #ffffff !important;
}

.wc-block-mini-cart__footer-checkout.wc-block-components-button:hover,
.wc-block-mini-cart__footer-checkout.wc-block-components-button:focus {
	background-color: #474747 !important;
	border: none !important;
	box-shadow: none !important;
	color: #ffffff !important;
}


.wc-block-mini-cart__footer-actions .wc-block-components-button {
	background-color: #7b7b7b !important; 
	border: none !important;
	box-shadow: none !important;
	color: #ffffff !important;
}


.wc-block-mini-cart__footer-actions .wc-block-components-button:hover,
.wc-block-mini-cart__footer-actions .wc-block-components-button:focus {
	background-color: #474747 !important; /* normal wala color ab hover */
	border: none !important;
	box-shadow: none !important;
	color: #ffffff !important;
}

#pop-up {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #121212;
    z-index: 9999999;
    justify-content: center;
    align-items: center;
}

#pop-up.active {
    display: flex;
}

#close-popup-newsletter {
    cursor: pointer;
}

#single-product-info-div .variation-btn.active {
    background: transparent !important;
    color: #A0A0A0 !important;
}

/* Base pill color */
#single-product-info-div .variation-btn {
    --pill-color: #A0A0A0;
    --pill-background-color: transparent;

    background-color: var(--pill-background-color);
    border: 1px solid color-mix(in srgb, var(--pill-color) 40%, transparent);
    border-radius: 2px;
    color: var(--pill-color);

    cursor: pointer;
    font-size: .8em;
    padding: .25em .75em;
    user-select: none;
}

/* Hover (exact 10% mix like WC) */
#single-product-info-div .variation-btn:hover {
    background-color: color-mix(in srgb, var(--pill-color) 10%, transparent);
}

/* Active state (optional but recommended) */
#single-product-info-div .variation-btn.active {
    background-color: color-mix(in srgb, var(--pill-color) 20%, transparent);
    border-color: var(--pill-color);
}

#single-product-info-div .single_add_to_cart_button {
    background: #474747;
}

#single-product-info-div .single_add_to_cart_button:hover {
    background: #7b7b7b;
}