/*
Theme Name: Ecomus Child
Theme URI: https://wpecomus.com/
Author: DrFuri
Author URI: http://drfuri.com/
Description: Multipurpose WooCommerce WordPress Theme
Version: 1.0.0
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ecomus
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: ecomus
*/

/* Blog article — media + text blocks + lightbox */
.single-post .entry-content .wp-block-media-text {
	margin: 2.25rem 0;
	gap: 2rem;
	align-items: center;
}

.single-post .entry-content .wp-block-media-text:not(.has-media-on-the-right) {
	grid-template-columns: minmax(360px, 520px) 1fr !important;
}

.single-post .entry-content .wp-block-media-text.has-media-on-the-right {
	grid-template-columns: 1fr minmax(360px, 520px) !important;
}

.single-post .entry-content .wp-block-media-text__media {
	max-width: 520px;
	width: 100%;
}

.single-post .entry-content .odimasion-post-lightbox {
	display: block;
	cursor: zoom-in;
	line-height: 0;
}

.single-post .entry-content .wp-block-media-text__media img {
	display: block;
	width: 100%;
	max-width: 520px;
	max-height: 400px;
	height: auto;
	object-fit: cover;
	border-radius: 6px;
	transition: opacity 0.2s ease;
}

.single-post .entry-content .odimasion-post-lightbox:hover img {
	opacity: 0.92;
}

@media (max-width: 960px) {
	.single-post .entry-content .wp-block-media-text:not(.has-media-on-the-right),
	.single-post .entry-content .wp-block-media-text.has-media-on-the-right {
		grid-template-columns: minmax(260px, 380px) 1fr !important;
	}

	.single-post .entry-content .wp-block-media-text__media,
	.single-post .entry-content .wp-block-media-text__media img {
		max-width: 380px;
		max-height: 300px;
	}
}

@media (max-width: 781px) {
	.single-post .entry-content .wp-block-media-text,
	.single-post .entry-content .wp-block-media-text.has-media-on-the-right {
		grid-template-columns: 100% !important;
	}

	.single-post .entry-content .wp-block-media-text__media {
		max-width: 100%;
		text-align: center;
	}

	.single-post .entry-content .wp-block-media-text__media img {
		max-width: 100%;
		max-height: 440px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* Read More — animated arrow on hover */
.entry-read-more a.em-button-subtle {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	transition: color 0.3s ease, border-color 0.3s ease;
}

.entry-read-more a.em-button-subtle .ecomus-svg-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transform-origin: center center;
	transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s ease;
}

.entry-read-more a.em-button-subtle:hover {
	--em-button-color-hover: #f47421;
}

.entry-read-more a.em-button-subtle:hover .ecomus-svg-icon {
	animation: odimasion-read-more-arrow 0.65s cubic-bezier(0.22, 1, 0.36, 1);
	color: #f47421;
}

@keyframes odimasion-read-more-arrow {
	0% {
		transform: translate(0, 0) scale(1);
		opacity: 1;
	}
	40% {
		transform: translate(7px, -7px) scale(1.15);
		opacity: 0;
	}
	41% {
		transform: translate(-7px, 7px) scale(0.85);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0) scale(1);
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.entry-read-more a.em-button-subtle:hover .ecomus-svg-icon {
		animation: none;
		transform: translate(3px, -3px);
	}
}
/* Single post — hero header, frosted glass overlay */
.single-post .odimasion-post-hero {
	position: relative;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	margin-top: -2rem;
	margin-bottom: 2.5rem;
	overflow: hidden;
	isolation: isolate;
}

.single-post .odimasion-post-hero__media {
	position: relative;
	min-height: 340px;
	height: min(52vh, 520px);
}

.single-post .odimasion-post-hero__media img,
.single-post .odimasion-post-hero__image {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 340px;
	object-fit: cover;
	object-position: center;
	transform: scale(1.06);
	filter: saturate(1.05);
}

.single-post .odimasion-post-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: rgba(255, 255, 255, 0.22);
	backdrop-filter: blur(3px) saturate(1.2);
	-webkit-backdrop-filter: blur(3px) saturate(1.2);
	pointer-events: none;
}

.single-post .odimasion-post-hero__content {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 2.5rem 1.5rem;
	margin-bottom: 0 !important;
	pointer-events: none;
}

.single-post .odimasion-post-hero__content .entry-category {
	justify-content: center;
	margin-bottom: 1rem;
	pointer-events: auto;
}

.single-post .odimasion-post-hero__content .entry-category a.odimasion-hero-badge,
.single-post .odimasion-post-hero__content .entry-category a.em-badge-outline {
	color: #1c1717 !important;
	border-color: rgba(28, 23, 23, 0.35) !important;
	background: rgba(255, 255, 255, 0.45) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.single-post .odimasion-post-hero__content .entry-category a:hover {
	background: rgba(255, 255, 255, 0.65) !important;
	border-color: rgba(69, 87, 41, 0.5) !important;
	color: #455729 !important;
}

.single-post .odimasion-post-hero__content .entry-title {
	color: #1c1717 !important;
	margin-bottom: 0.75rem;
	max-width: 900px;
	pointer-events: auto;
	text-shadow: 0 1px 24px rgba(255, 255, 255, 0.55);
}

.single-post .odimasion-post-hero__content .entry-meta {
	margin-bottom: 0 !important;
	pointer-events: auto;
}

.single-post .odimasion-post-hero__content .entry-meta__date,
.single-post .odimasion-post-hero__content .entry-meta__date span {
	color: #455729 !important;
}

@media (max-width: 767px) {
	.single-post .odimasion-post-hero__media {
		min-height: 280px;
		height: min(45vh, 420px);
	}

	.single-post .odimasion-post-hero__media img,
	.single-post .odimasion-post-hero__image {
		min-height: 280px;
	}

	.single-post .odimasion-post-hero__overlay {
		backdrop-filter: blur(3px) saturate(1.2);
		-webkit-backdrop-filter: blur(3px) saturate(1.2);
	}

	.single-post .odimasion-post-hero__content {
		padding: 1.75rem 1rem;
	}

	.single-post .odimasion-post-hero__content .entry-title {
		font-size: clamp(1.35rem, 5vw, 1.75rem);
	}
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.single-post .odimasion-post-hero__overlay {
		background: rgba(255, 255, 255, 0.72);
	}
}

/* Product card thumbnails — square, full image visible */
:root {
	--product-image-ratio-percent: 100%;
}

ul.products li.product .product-thumbnail .woocommerce-loop-product__link,
ul.products li.product .product-thumbnail .em-ratio {
	background: #f7f7f5;
}

ul.products li.product .product-thumbnail .woocommerce-loop-product__link:before,
ul.products li.product .product-thumbnail .em-ratio:before {
	padding-bottom: 100% !important;
}

ul.products li.product .product-thumbnail .woocommerce-loop-product__link img,
ul.products li.product .product-thumbnail .em-ratio img,
ul.products li.product .product-thumbnail .product-thumbnails--slider img {
	object-fit: contain !important;
	object-position: center;
}
/* Homepage promo banners — dark text on light product photos */
.elementor-page-6069 .ecomus-banner .ecomus-banner__title,
.elementor-page-6069 .ecomus-banner .ecomus-banner__sub-title,
.elementor-page-6069 .ecomus-banner .ecomus-banner__button {
	color: #1a1a1a !important;
}

.elementor-page-6069 .ecomus-banner .ecomus-banner__sub-title strong {
	color: #1a1a1a !important;
}

.elementor-page-6069 .ecomus-banner .ecomus-banner__button:hover {
	color: #455729 !important;
}
/* Footer — center all columns on mobile */
@media (max-width: 767px) {
	#site-footer .elementor-element-6287f79 > .e-con-inner {
		align-items: center !important;
		justify-content: center !important;
	}

	#site-footer .elementor-element-6287f79 .e-con,
	#site-footer .elementor-element-fc20694 .e-con,
	#site-footer .elementor-element-1af58f0,
	#site-footer .elementor-element-eef4d1f,
	#site-footer .elementor-element-908be27,
	#site-footer .elementor-element-fc20694,
	#site-footer .elementor-element-260ad10,
	#site-footer .elementor-element-bd6ccfe {
		width: 100% !important;
		max-width: 100% !important;
		align-items: center !important;
		align-self: center !important;
		text-align: center;
	}

	#site-footer .elementor-widget,
	#site-footer .elementor-widget .elementor-widget-container {
		width: 100%;
		text-align: center;
	}

	#site-footer .ecomus-navigation-menu-element,
	#site-footer .elementor-widget-ecomus-navigation-menu .elementor-widget-container,
	#site-footer .elementor-widget-icon-list .elementor-widget-container,
	#site-footer .elementor-widget-ecomus-social-icons .elementor-widget-container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#site-footer .ecomus-navigation-menu__title {
		text-align: center !important;
		width: 100%;
	}

	#site-footer .ecomus-navigation-menu__menu,
	#site-footer .odimasion-footer-menu-center-mobile .ecomus-navigation-menu__menu {
		display: inline-flex !important;
		flex-direction: column !important;
		align-items: center !important;
		width: auto !important;
		max-width: 100%;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
	}

	#site-footer .ecomus-navigation-menu__menu li,
	#site-footer .ecomus-navigation-menu__menu a {
		text-align: center !important;
	}

	#site-footer .elementor-icon-list-items {
		width: 100%;
		text-align: center;
		padding-left: 0;
	}

	#site-footer .elementor-icon-list-item,
	#site-footer .elementor-icon-list-item > a,
	#site-footer .elementor-icon-list-item > span {
		justify-content: center !important;
		width: 100%;
		text-align: center;
	}

	#site-footer .ecomus-social-icons__wrapper {
		justify-content: center !important;
		width: 100%;
	}

	#site-footer .elementor-widget-image .elementor-widget-container,
	#site-footer .elementor-widget-image .elementor-image,
	#site-footer .elementor-widget-image img {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	#site-footer .elementor-widget-text-editor .elementor-widget-container {
		text-align: center !important;
	}
}
/* Subtle underline buttons — brand orange hover */
.em-button-subtle:hover,
a.em-button-subtle:hover,
.ecomus-button.em-button-subtle:hover {
	--em-button-color-hover: #f47421;
	--em-button-border-color-hover: #f47421;
	color: #f47421 !important;
	border-color: #f47421 !important;
}

.em-button-subtle:hover .ecomus-svg-icon,
a.em-button-subtle:hover .ecomus-svg-icon,
.ecomus-button.em-button-subtle:hover .ecomus-svg-icon {
	color: #f47421 !important;
}

/* Product cards — zoom image on hover */
ul.products li.product .product-thumbnail .woocommerce-loop-product__link img,
ul.products li.product .product-thumbnail .em-ratio img,
ul.products li.product .product-thumbnail .product-thumbnails--slider img {
	transition: transform 0.55s cubic-bezier(0, 0, 0.44, 1.18);
	will-change: transform;
}

ul.products li.product .product-inner:hover .product-thumbnail .woocommerce-loop-product__link img,
ul.products li.product .product-inner:hover .product-thumbnail .em-ratio img,
ul.products li.product .product-inner:hover .product-thumbnail .product-thumbnails--slider img,
ul.products li.product .product-thumbnail:hover .woocommerce-loop-product__link img,
ul.products li.product .product-thumbnail:hover .em-ratio img,
ul.products li.product .product-thumbnail:hover .product-thumbnails--slider img {
	transform: scale(1.08);
}
/* Reviews section — 3px background blur */
.elementor-element-60c5a9db {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background-image: none !important;
}

.elementor-element-60c5a9db::before {
	content: "";
	position: absolute;
	inset: -8px;
	z-index: 0;
	background-image: url("https://odimaison.com/wp-content/uploads/2026/05/back01.jpeg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	filter: blur(3px);
	transform: scale(1.03);
	pointer-events: none;
}

.elementor-element-60c5a9db > .e-con-inner {
	position: relative;
	z-index: 1;
}

/* Quick view & product — sale price (theme default red #db1215) */
.quick-view-modal,
.single-product div.product {
	--em-color-price-sale: #db1215;
}

.quick-view-modal .ecomus-product-price .price ins,
.quick-view-modal .ecomus-product-price .price ins .amount,
.single-product div.product .ecomus-product-price .price ins,
.single-product div.product .ecomus-product-price .price ins .amount {
	color: var(--em-color-price-sale) !important;
}

.quick-view-modal table.variations .wcboost-variation-swatches--label .wcboost-variation-swatches__item.selected,
.quick-view-modal table.variations .wcboost-variation-swatches--button .wcboost-variation-swatches__item.selected,
.single-product div.product table.variations .wcboost-variation-swatches--label .wcboost-variation-swatches__item.selected,
.single-product div.product table.variations .wcboost-variation-swatches--button .wcboost-variation-swatches__item.selected {
	background-color: #455729 !important;
	border-color: #455729 !important;
	color: #ffffff !important;
}

.quick-view-modal table.variations .wcboost-variation-swatches--color .wcboost-variation-swatches__item.selected,
.single-product div.product table.variations .wcboost-variation-swatches--color .wcboost-variation-swatches__item.selected {
	border-color: #455729 !important;
}


/* Product meta — category/tag links brand orange */
.single-product div.product .product_meta > span a,
.quick-view-modal div.product .product_meta > span a {
	color: #f47421 !important;
}

.single-product div.product .product_meta > span a:hover,
.quick-view-modal div.product .product_meta > span a:hover {
	color: #f47421 !important;
opacity: 0.85;
}


/* Product category link — brand orange */
.single-product div.product .meta-cat a,
.quick-view-modal div.product .meta-cat a {
	color: #f47421 !important;
}

.single-product div.product .meta-cat a:hover,
.quick-view-modal div.product .meta-cat a:hover {
	color: #f47421 !important;
	opacity: 0.85;
}


/* About Us — testimonial carousel: uniform desktop image size */
@media (min-width: 768px) {
	.page-id-208 .elementor-element-10f01159 .ecomus-testimonial__image {
		align-self: stretch;
		display: flex;
		align-items: center;
		min-width: 0;
	}

	.page-id-208 .elementor-element-10f01159 .ecomus-testimonial__thumbnail {
		width: 100%;
		max-width: 520px;
		margin-inline: auto;
		overflow: hidden;
	}

	.page-id-208 .elementor-element-10f01159 .ecomus-testimonial__thumbnail .swiper-slide {
		width: 100% !important;
		max-width: 100% !important;
		flex-shrink: 0;
	}

	.page-id-208 .elementor-element-10f01159 .ecomus-testimonial__thumbnail-item {
		width: 100% !important;
		aspect-ratio: 4 / 5;
		overflow: hidden;
	}

	.page-id-208 .elementor-element-10f01159 .ecomus-testimonial__thumbnail-item .ecomus-testimonial__photo,
	.page-id-208 .elementor-element-10f01159 .ecomus-testimonial__thumbnail-item .ecomus-testimonial__photo-1 {
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		position: relative !important;
	}

	.page-id-208 .elementor-element-10f01159 .ecomus-testimonial__thumbnail-item .ecomus-testimonial__photo img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		display: block;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.page-id-208 .elementor-element-10f01159 .ecomus-testimonial__thumbnail {
		max-width: 420px;
	}
}

/* Collage Images — keep logo/secondary overlay visible on primary hover */
.ecomus-dual-image__secondary-image,
.ecomus-dual-image__third-image {
	z-index: 3;
}

.ecomus-dual-image__primary-image:hover {
	z-index: 1 !important;
}

/* Testimonial carousel — same z-index issue when second image is used */
.ecomus-testimonial__thumbnail-item[data-image="2"] .ecomus-testimonial__photo-2 {
	z-index: 3 !important;
}

.ecomus-testimonial__thumbnail-item[data-image="2"] .ecomus-testimonial__photo-1:hover {
	z-index: 1 !important;
}
/* About Us — testimonial author photo: round on mobile */
@media (max-width: 767px) {
	.page-id-208 .elementor-element-10f01159 .ecomus-testimonial__information-image {
		width: 72px;
		height: 72px;
		max-width: 72px;
		flex-shrink: 0;
		overflow: hidden;
		border-radius: 50%;
	}

	.page-id-208 .elementor-element-10f01159 .ecomus-testimonial__information-image .ecomus-testimonial__photo,
	.page-id-208 .elementor-element-10f01159 .ecomus-testimonial__information-image .ecomus-testimonial__photo-1 {
		width: 100%;
		height: 100%;
	}

	.page-id-208 .elementor-element-10f01159 .ecomus-testimonial__information-image .ecomus-testimonial__photo img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		border-radius: 50%;
		display: block;
	}
}