/*
Theme Name: Mo-haus Custom theme
Theme URI: https://mo-haus.ro
Template: hello-elementor
Author: Studio Ill
Author URI: https://illustrescu.ro
Description: Tema principala Mo-haus
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1753362987
Updated: 2025-07-24 13:16:27

*/

/* Stiluri pentru single-product page */

h2{
    font-size: 68px;
}

h3{font-size: 50px;
    
}

@media(max-width:993px){
   h2{
    font-size: 34px;
    }

   h3{
		 font-size: 25px;
     }
}

b, strong{
	font-weight:bold!important;
}

.color-btn .e-con-inner{
	max-width:none;
	justify-content:end!important;
}

/* loading for ajax sorting on shop page */
#mohaus-shop.mohaus-loading {
  position: relative;
  opacity: .6;
  pointer-events: none;
}
#mohaus-shop.mohaus-loading::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(0,0,0,.06), rgba(0,0,0,0));
  animation: mohausPulse 1s infinite ease-in-out;
}
@keyframes mohausPulse {
  0%,100% { opacity: .2; }
  50%     { opacity: .5; }
}

@media (min-width: 1200px) { .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        max-width: 1400px;
    }
}

/* styles for cart drawer */
.product-name a{
	font-size:20px;
}

.product-price span{
	color:#212121;
}

.elementor-menu-cart__subtotal{
	font-family:'Cal Sans';
}
.elementor-menu-cart__product-remove {
	border-color:grey;
}

.elementor-menu-cart__product-remove:before, .elementor-menu-cart__product-remove:after {
background:grey;
}


/* styles for cart drawer */
.alignwide{
	margin-inline:0px;
}
.wc-block-components-quantity-selector:after {
 border:none!important;
}

components-quantity-selector .wc-block-components-quantity-selector__button:hover {
   border:none!important;
}

.wc-block-components-product-price__value{
	font-family:"Cal Sans";
}

:root :where(.wp-element-button, .wp-block-button__link) {
    background-color: #234FD1
;
    color:#fff!important;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none!important;
	  border-radius:15px;
	  border:1px solid transparent;
}

:root :where(.wp-element-button, .wp-block-button__link):hover {
    background-color: #fff;
    color:#234FD1!important;
	  border:1px solid #234FD1;
}


.woocommerce-cart .elementor-element-321c8c1{	
	background-color:#fff!important;
}

.woocommerce-cart .elementor-element-0bd139c{
 background-color:#F9F9F9!important;
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon:before, .is-style-dots,.wc-block-grid__products {
		display:none!important;
}
/* .wp-block-woocommerce-empty-cart-block{

} */

.cout{
	margin-top:50px;
}

.wc-block-components-sidebar-layout .wc-block-components-main {
    width: 60%!important;
}

.wc-block-components-sidebar{
	width:40%!important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image>img {
    max-width: 100px!important;
    width: 100px!important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image {
    width:auto!important;
}



[swatches-attr="attribute_tip"] .cfvsw-swatch-inner{
  width:auto!Important;
	font-size:18px;
	padding:20px;
}
[swatches-attr="attribute_tip"]{
	padding:20px 0px;
}
td:hover{
	background:none!important;
  background-color:transparent!important;
}

.mh-price-wrap{
	align-items:start;
	padding:15px 0px;
}

.mh-price-wrap del{
	text-decoration:none;
	margin-top:-10px;
}



/* .woocommerce-variation-price{
padding:20px 0px!important;
} */

.woocommerce-variation-price span{
color:#000;
}
del span bdi , .woocommerce-variation-price del span bdi  {
opacity:1;
font-size:24px!important;
text-decoration:line-through;
}

.woocommerce-variation-price del , ins{
	text-decoration:none;
}

.woocommerce-variation-price del span {
	color:#F04438;
	opacity:1!important;
}

.woocommerce-variation-price del{
	position:relative;
	top:-15px
}

.elementor-heading-title del{
color:#F04438;
font-size:14px;
position:relative;
top:-3px;	
}


@media(max-width:993px){
	.wc-block-components-sidebar-layout .wc-block-components-main {
    width: 100%!important;
}
.wc-block-components-sidebar{
	width:100%!important;
}
	.cout{
	margin-top:25px;
}
}

/* ---------- DESKTOP ---------- */
.woocommerce div.product div.woocommerce-product-gallery {
  display: flex;
  flex-direction: row-reverse; /* imaginea mare în dreapta */
  gap: 20px;
}

.woocommerce div.product div.woocommerce-product-gallery__wrapper {
  flex: 1;
}

.woocommerce div.product div.woocommerce-product-gallery .flex-control-thumbs {
  display: flex;
  flex-direction: column; /* thumbs pe verticală */
  gap: 12px;
  width: 350px; /* ajustează dimensiunea */
}

.woocommerce div.product div.woocommerce-product-gallery .flex-control-thumbs li {
  width: 100%;
  aspect-ratio: 1 / 1; /* pătrat */
  overflow: hidden;
  border-radius: 6px;
}

.woocommerce div.product div.woocommerce-product-gallery .flex-control-thumbs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.woocommerce div.product div.woocommerce-product-gallery .flex-control-thumbs img:hover {
  opacity: 0.8;
  transform: scale(1.05);
}

/* ---------- MOBILE ---------- */
@media (max-width: 768px) {
  .woocommerce div.product div.woocommerce-product-gallery {
    flex-direction: column; /* imaginea principală sus, thumbs dedesubt */
  }

  .woocommerce div.product div.woocommerce-product-gallery .flex-control-thumbs {
    flex-direction: row; /* thumbs pe orizontală */
    max-width: 100%;
    justify-content: center;
  }

  .woocommerce div.product div.woocommerce-product-gallery .flex-control-thumbs li {
    flex: 1;
    max-width: 80px; /* limitează dimensiunea pe mobil */
  }
}

/* Bento grid styles */

/* Base state (subtle shadow for images only) */
.bento .elementor-widget-image img{
  transform: translateY(0);
  transition: box-shadow 0.5s ease, transform 0.5s ease;
  border-radius: 25px;
}

/* Hover state (softer + lifted) */
.bento .elementor-widget-image img:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
  transform: translateY(-4px);
}

.product_link{
  transform: translateY(0);
  transition: box-shadow 0.5s ease, transform 0.5s ease;
} 

.product_link:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
  transform: translateY(-4px);
}

.prod-btn:hover p {
  color: #234FD1!important; /* culoarea dorită */
}

.site-main{
	margin:auto!important;
}

@media(max-width:993px){
    .post-12, .post-13{
		padding:25px 15px;
}
}

@media(max-width:500px){
    .bento{
        display:flex!important;
        flex-direction:column;
    }
}


/*********************/
/*  STICKY HEADER    */
/*********************/
header[data-elementor-type="header"]{
  position: sticky;
  top: 0;                        /* controlăm ascunderea pe top, nu pe transform */
  z-index: 9999;
  transition: top 240ms ease, box-shadow 200ms ease;
  will-change: top;
  padding-top: env(safe-area-inset-top);
}

header[data-elementor-type="header"].is-hidden{
  top: calc(-100% - env(safe-area-inset-top)); /* „alunecă” în sus fără transform */
}

header[data-elementor-type="header"].is-stuck{
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

/* opțional: pe desktop, dacă e ascuns reapare la hover */
@media (hover:hover){
  header[data-elementor-type="header"].is-hidden:hover{
    top: 0;
  }
}


/****************************/
/*  CART DRAWER – DETACH    */
/****************************/
/* Compensează bara de admin WP */
:root { --adminbar-offset: 0px; }
body.admin-bar { --adminbar-offset: 32px; }
@media (max-width: 782px){
  body.admin-bar { --adminbar-offset: 46px; }
}

/* Containerul cart-ului Elementor */
.elementor-menu-cart__main{
  position: fixed !important;                 /* iese din fluxul header-ului */
  top: calc(var(--adminbar-offset) + env(safe-area-inset-top));
  right: 0;
  z-index: 10050;                              /* peste header */
  transform: none !important;                  /* asigură lipsa transform-ului local */
  width: clamp(320px, 90vw, 420px);
  max-height: calc(100dvh - (var(--adminbar-offset) + env(safe-area-inset-top)));
  overflow: auto;
  background: #fff;
  box-shadow: 0 16px 40px rgba(0,0,0,.16);
}

/* Overlay (dacă există) să fie și el independent */
.elementor-menu-cart__overlay,
.e-cart-overlay{
  position: fixed !important;
  inset: 0;
  z-index: 10040;
}

.woocommerce-cart .sectiune-cart {
    margin: 0 auto;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}