.elementor-2498 .elementor-element.elementor-element-316a7f6{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.7;}.elementor-2498 .elementor-element.elementor-element-316a7f6:not(.elementor-motion-effects-element-type-background), .elementor-2498 .elementor-element.elementor-element-316a7f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.mo-haus.ro/wp-content/uploads/2025/09/Rectangle-16-1.png");}.elementor-2498 .elementor-element.elementor-element-316a7f6::before, .elementor-2498 .elementor-element.elementor-element-316a7f6 > .elementor-background-video-container::before, .elementor-2498 .elementor-element.elementor-element-316a7f6 > .e-con-inner > .elementor-background-video-container::before, .elementor-2498 .elementor-element.elementor-element-316a7f6 > .elementor-background-slideshow::before, .elementor-2498 .elementor-element.elementor-element-316a7f6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2498 .elementor-element.elementor-element-316a7f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-2498 .elementor-element.elementor-element-ca3ac65 .elementor-heading-title{color:var( --e-global-color-351143d );}.elementor-2498 .elementor-element.elementor-element-f4396ee{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2498 .elementor-element.elementor-element-ad3c48a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-2498 .elementor-element.elementor-element-e405c77{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2498 .elementor-element.elementor-element-8b68178{--grid-columns:4;}@media(min-width:768px){.elementor-2498 .elementor-element.elementor-element-ad3c48a{--width:100%;}}@media(max-width:1024px){.elementor-2498 .elementor-element.elementor-element-f4396ee{--margin-top:25px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-2498 .elementor-element.elementor-element-ad3c48a{--padding-top:0px;--padding-bottom:0px;--padding-left:010px;--padding-right:0px;}.elementor-2498 .elementor-element.elementor-element-8b68178{--grid-columns:2;}}@media(max-width:767px){.elementor-2498 .elementor-element.elementor-element-316a7f6{--min-height:301px;}.elementor-2498 .elementor-element.elementor-element-316a7f6:not(.elementor-motion-effects-element-type-background), .elementor-2498 .elementor-element.elementor-element-316a7f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-2498 .elementor-element.elementor-element-ca3ac65{text-align:center;}.elementor-2498 .elementor-element.elementor-element-ca3ac65 .elementor-heading-title{font-size:45px;}.elementor-2498 .elementor-element.elementor-element-ad3c48a{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2498 .elementor-element.elementor-element-8b68178{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-e405c77 *//*sorting dropdown style */
/* Wrapper-ul nostru */
.mohaus-sorting {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;        /* spațiu față de grid */
  justify-content: flex-start;/* stânga by default */
}

/* Eticheta (dacă ai setat-o în shortcode) */
.mohaus-sorting__label {
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  color: var(--heading, #111);
}

/* Formularul WooCommerce pentru sortare */
.woocommerce .woocommerce-ordering {
  margin: 0;                  /* elimină marginile implicite */
}

/* Dropdown-ul */
.woocommerce .woocommerce-ordering .orderby {
  -webkit-appearance: none;
  appearance: none;
  padding: 10px 38px 10px 12px;
  font-size: 14px;
  line-height: 1.2;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  transition: border-color .2s, box-shadow .2s;
  min-width: 220px;
}

/* Săgeata custom (SVG inline ca background) */
.woocommerce .woocommerce-ordering .orderby {
  background-image: url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 18px 18px;
}

/* Hover / focus */
.woocommerce .woocommerce-ordering .orderby:hover {
  border-color: rgba(0,0,0,0.3);
}
.woocommerce .woocommerce-ordering .orderby:focus {
  outline: none;
  border-color: #3b82f6;              /* albastru plăcut */
  box-shadow: 0 0 0 3px rgba(59,130,246,.15);
}

/* Mobile: lățime 100% și label deasupra */
@media (max-width: 768px) {
  .mohaus-sorting {
    flex-wrap: wrap;
    gap: 8px;
  }
  .mohaus-sorting__label {
    width: 100%;
    font-size: 13px;
  }
  .woocommerce .woocommerce-ordering .orderby {
    width: 100%;
  }
}/* End custom CSS */