.elementor-2092 .elementor-element.elementor-element-c12b058{--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;}.elementor-2092 .elementor-element.elementor-element-c12b058:not(.elementor-motion-effects-element-type-background), .elementor-2092 .elementor-element.elementor-element-c12b058 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.mo-haus.ro/wp-content/uploads/2025/09/Produse_Mobilier_Modular.png");}.elementor-2092 .elementor-element.elementor-element-0c50965 .elementor-heading-title{color:var( --e-global-color-351143d );}.elementor-2092 .elementor-element.elementor-element-9583fd5{--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-2092 .elementor-element.elementor-element-1f33d76{--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-2092 .elementor-element.elementor-element-e4e3f15{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2092 .elementor-element.elementor-element-4e74162{--grid-columns:4;--grid-row-gap:15px;--grid-column-gap:15px;}@media(min-width:768px){.elementor-2092 .elementor-element.elementor-element-1f33d76{--width:100%;}}@media(max-width:1024px){.elementor-2092 .elementor-element.elementor-element-9583fd5{--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-2092 .elementor-element.elementor-element-1f33d76{--padding-top:0px;--padding-bottom:0px;--padding-left:010px;--padding-right:0px;}.elementor-2092 .elementor-element.elementor-element-4e74162{--grid-columns:2;}}@media(max-width:767px){.elementor-2092 .elementor-element.elementor-element-c12b058{--min-height:301px;}.elementor-2092 .elementor-element.elementor-element-c12b058:not(.elementor-motion-effects-element-type-background), .elementor-2092 .elementor-element.elementor-element-c12b058 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-2092 .elementor-element.elementor-element-0c50965{text-align:center;}.elementor-2092 .elementor-element.elementor-element-0c50965 .elementor-heading-title{font-size:45px;}.elementor-2092 .elementor-element.elementor-element-1f33d76{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2092 .elementor-element.elementor-element-4e74162{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-e4e3f15 *//*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 */