/**
 * Theme Name:     Amar
 * Author:         the WordPress team
 * Template:       twentytwentyfive
 * Text Domain:	   amar
 * Description:    Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
 */

.none {
	display: none;
}

.d-none {
	display: none !important;
}

.m-none {
	display: block !important;
}

.p-relative {
	position: relative;
}

.my-grid .wp-block-cover {
    width: 100% !important;
    height: 100% !important;
}

.absolute-about {
	opacity: 4%;
    position: absolute;
    left: 0;
    top: -60px;
    bottom: auto;
    margin: 0;
}

.main-search .wp-block-search__input{
	background: #F6F6F6;
	color: #B2B2B2;
}

.desktop-header {
	display: block;
}

.mobile-header {
	display: none;
}

.wc-block-customer-account__account-icon + span.label {
	color: #000000 !important;
}

.header .top .separator {
	width: 1px;
    height: 18px;
    background: #FFFFFF;
}

.hero-banner .figures .separator {
	width: 1px;
	height: 56px;
	background: #12121212;
}

.blog-post .separator {    
	width: 1px;
    height: 20px;
    background: #e4e4e4;
}

.footer .spacer {
	width: 1px;
	border-right: 1px solid #ccc;
	border-top: 0px;
	height: 300px !important;
}

.playarea {
    width: 100% !important;
}

/* 
.copyrights .controls {
	flex-grow: 1.2;
}

.copyrights .controls .item-grow {
	flex-grow: 1.2;
} */

.scroll-to-top{
  cursor:pointer;
}

li.variable-item.color-variable-item {
    width: 44px !important;
    height: 22px !important;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
	line-height: 1em !important;
}

td.value.woo-variation-items-wrapper {
	padding-bottom: 10px !important;
}

li.variable-item.button-variable-item {
    width: 60px !important;
    height: 30px !important;
    font-weight: 500 !important;
	font-size: 12px !important;
    color: #121212 !important;
    outline: none !important;
    border: 0px !important;
}

table.variations th.label {
	padding-bottom: 0 !important;
}

table.variations th.label label {
	font-size: 14px !important;
	color: #999 !important;
    font-weight: 500 !important;
}



.policy-menu .wp-block-navigation,
.policy-menu .wp-block-navigation .wp-block-navigation-item {
	width: 100%;
}

.policy-menu .wp-block-navigation-item__content {
	text-decoration: none !important;
    border-bottom: 2px solid #ffffff;
    border-radius: 7px;
    padding: 10px;
	width: 100% !important;
}

.policy-menu .wp-block-navigation-item__content[aria-current="page"] {
    border-bottom: 2px solid #B7913E;
    border-radius: 7px;
    padding: 10px;
    font-weight: 500;
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
	padding: 20px !important;
}

@media screen and (max-width: 992px) and (min-width: 600px) {
	.home-feature-icons .t-d-column {
		flex-direction: column !important;
		text-align: center;
	}
	
	.home-feature-icons .t-d-column h4{
		margin: 0 auto;
	}
	
}

@media screen and (max-width: 599px) {

	.d-none {
		display: block !important;
	}
	.m-none {
		display: none !important;
	}
	
	.m-reverse {	
	    flex-direction: column-reverse;
	}
	
	.desktop-header {
		display: none;
	}

	.mobile-header {
		display: block;
	}
	
	.main-slider .hero-banner {
		aspect-ratio: 16 / 9 !important;
		padding-right: 20px !important;
		padding-left: 20px !important;
	}
	
	.main-slider .hero-banner h2.wp-block-heading,
	.main-slider .hero-banner p, 
	.main-slider .hero-banner .wp-block-buttons {
		max-width: 100% !important;
	}
	
	.main-slider .hero-banner h2.wp-block-heading {
		font-size: 20px !important;
	}

	.main-slider .hero-banner p {
		font-size: 12px !important;
	}

	.main-slider .hero-banner a.wp-block-button__link {
		font-size: 12px !important;
		padding-left: 25px !important;
		padding-right: 25px !important;
		font-weight: 500 !important;
		padding-top: 7px !important;
		padding-bottom: 7px !important;
	}
	
	.wp-container-core-group-is-layout-4cbb71b4 {
    	grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.home-feature-icons .t-d-column h4{
		font-size: 0.6rem !important;
	}
	
	.home-feature-icons .t-d-column p{
		font-size: 0.6rem !important;
	}
	
	.absolute-about {
		top: -20px;
	}
	
	h2.wp-block-heading {
		font-size: 24px;
	}
	
	.style-grid > div {
		grid-column: span 16;
		aspect-ratio: 2 / 1 !important;
	}
	
	.my-grid .wp-block-cover {
		border-radius: 10px;
	}
	
	.footer .spacer {
		width: 100%;
		border-right: 0;
		border-top: 1px solid #ccc;
		height: 1px !important;
	}
	
	.copyrights {
		justify-content: center;
	}
	
	.copyrights .controls {
		order: 3;
	}
	
	.copyrights .copyrights-text {
		justify-content: center;
		text-align: center;
	}

	.coyprights .item {
		flex: 0 0 28%;
	}
	
	
	.coyprights .item-3 {
		flex: 0 0 44%;
	}
	
	.copyrights .item-4 {
		flex: 0 0 100%; /* Full width */
    	text-align: center; /* center content */
		justify-content: center;
		order: 4;
	}
	
	footer .payment-icons {
		border-top: 1px solid #73571A;
		border-bottom: 1px solid #73571A;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
}

.variations_button {
	display: inline-block !important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
	-webkit-box-shadow: #b7913e;
    box-shadow: #b7913e;
    color: #b7913e;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .single_add_to_cart_button {
    background-color: #b7913e !important; /* your color */
    color: #ffffff !important; /* text color */
    border: none !important;
	border-radius: 6px !important;
}

a.wl-add-to.wl-add-but.button.present,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover {
    background-color: #634400 !important; /* hover color */
    color: #ffffff !important;
}

.single_add_to_cart_button.disabled,
.single_add_to_cart_button:disabled,
.single_add_to_cart_button.wc-variation-selection-needed {
    background-color: #E7C16E;
    color: #ffffff;
    cursor: not-allowed;
    opacity: 0.6;
}

a.wl-add-to.wl-add-to-single.wl-add-but.button.present,
a.wl-add-to.wl-add-but.button.present,
a.wl-add-to.wl-add-but.button.present.disabled {
    background: #b7913e !important;
    padding: 16px 36px !important;
}

.wc-block-product-gallery-thumbnails .wc-block-product-gallery-thumbnails__thumbnail .wc-block-product-gallery-thumbnails__thumbnail__image {
	border-radius: 6px;
}

footer {
	margin-top: 0 !important; 
}



/* Positioning context */
.cover-link {
  position: relative;
}

/* Keep the visible link normal */
.cover-link h2 a {
  position: relative;
  z-index: 2;
  text-decoration: none;
  color: inherit;
}

/* Create full-area clickable overlay */
.cover-link h2 a::after {
  content: "";
  position: absolute;
  inset: -100vh; /* expand beyond text */
  z-index: 1;
}

.cover-link:hover img {
  transform: scale(1.05);
  transition: transform 0.4s ease;
}


figure.zoom {
	overflow: hidden !important;
	border-radius: 4px !important;
}

figure.zoom:hover img, .wp-block-cover.zoom:hover img {
	transform: scale(1.025);
	transition: all 0.5s;
}

.price-regular del {
	color: #12121244 !important;
}

.price-discount {
	font-size: 12px;
    color: #FF3333;
    background: #FF333322;
    padding: 6px 13px;
    border-radius: 25px;
	font-weight: 600;
}

.w-100, figure.w-100 img {
	width: 100%;
}

.d-flex {
	display: flex;
}

.d-flex form {
	display: flex;
}

.wp-block-contact-form-7-contact-form-selector .d-flex {
	align-items: end;
}

.subscribe-form {
	display: flex;
	direction: row;
	margin-left: auto;
}

.subscribe-form .field input {
    font-size: 18px !important;
    padding: 12px;
    background: #EBE8E0;
    border: 0px;
    border-radius: 10px 0px 0px 10px;
	max-width: 250px;
}

.subscribe-form .button input {
	font-size: 12px;
    background: #B7913E;
	color: #FFFFFF;
    border: 0;
    padding: 16px;
    border-radius: 0px 10px 10px 0px;
}

.wp-block-navigation__responsive-container-content > ul > li a{
	
}

.wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-link .wp-block-navigation-item__content{
	color: #999 !important;
}

.relative {
	position: relative;
}

.absolute-add-to-cart {
	position: absolute;
    bottom: 0px;
    width: 100%;
    margin: 0;
    padding: 0;
/* 	display: none; */
	visibility: hidden;
}

.relative:hover .absolute-add-to-cart {
/* 	display: block; */
	visibility: visible;
}

select.orderby {
    padding: 5px 10px;
    border: 1px solid #E6E6E6;
    border-radius: 6px;
}


.wc-block-product-filter-checkbox-list__input-wrapper:before {
	background: none !important;
}

input[type=checkbox].wc-block-product-filter-checkbox-list__input {
    background: #FFFFFF !important;
    border: 1px solid #E6E6E6 !important;
    border-radius: 50px;
    overflow: hidden;
}