/* ---- Category mega menu (looks like the old JetMenu setup on mtxvalve) ---- */
.mtx-cm { position: relative; width: 290px; max-width: 100%; background: var(--e-global-color-primary, #D0021B); font-family: Montserrat, sans-serif; }
.mtx-cm__list { list-style: none; margin: 0; padding: 0; }
.mtx-cm__item { position: static; margin: 0 0 1px; }
.mtx-cm__link { position: relative; display: flex; align-items: center; padding: 8px 24px 8px 8px; background: var(--e-global-color-primary, #D0021B);
  border-bottom: 1px solid rgba(255, 255, 255, .3); color: #fff; font-size: 13px; font-weight: 500; line-height: 1.25; text-decoration: none; }
.mtx-cm__link:hover, .mtx-cm__link:focus { color: #fff; }
.mtx-cm__icon { flex: none; width: 22px; height: 22px; margin-right: 10px; object-fit: contain; }
.mtx-cm__label { color: #fff; }
.mtx-cm__arrow { position: absolute; right: 15px; top: 50%; width: 18px; height: 18px; margin-top: -9px; }
.mtx-cm__arrow::before { content: ""; position: absolute; left: 6px; top: 5px; border: 4px solid transparent; border-left: 6px solid #fff; border-right: 0; }
.mtx-cm__mega { position: absolute; top: -20px; left: 100%; z-index: 99; box-sizing: border-box; width: 880px; min-width: 1010px; min-height: 505px;
  padding: 20px 50px 50px; background: #fff; box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
  opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s cubic-bezier(.48, .01, .5, .99) .1s, visibility 0s linear .4s; }
.mtx-cm__item.has-mega:hover > .mtx-cm__mega, .mtx-cm__item.has-mega:focus-within > .mtx-cm__mega {
  opacity: 1; visibility: visible; pointer-events: auto; transition-delay: .1s, 0s; }
/* Inner pages: the site's own inline script toggles .mtx-visible/.mtx-hidden on the menu and the slider next
   to it, but its inline CSS gets dropped by LiteSpeed UCSS on unyplast (the class is added by JS, so UCSS sees
   it as unused). Without the slider the header row collapses and its nav bar slides under the open panel. */
.meniuvertical.mtx-visible, .sliderprincipal.mtx-visible { display: block !important; opacity: 1 !important; transform: none !important; }
.meniuvertical.mtx-hidden, .sliderprincipal.mtx-hidden { display: none !important; }
/* Panel is opened from the menu edge; this strip keeps hover alive while the cursor crosses the gap. */
.mtx-cm__mega::before { content: ""; position: absolute; top: 0; right: 100%; bottom: 0; width: 10px; }

/* ---- Archive filters ---- */
.mtx-f { font-family: Montserrat, sans-serif; }
.mtx-f select { width: 100%; padding: 2px 4px; border: 1px solid #333; border-radius: 10px; background: #fff; font-family: Montserrat, sans-serif; font-size: 12px; color: #333; }

.elementor-widget-mtx-filter-active:not(:has(.mtx-af__item)) { display: none; }
.mtx-af__title { padding: 10px; border-radius: 10px 10px 0 0; background: var(--e-global-color-primary, #D0021B); color: #fff; font-size: 16px; font-weight: 500; }
.mtx-af__list { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px; }
.mtx-af__item { display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; border: 1px solid #ddd; border-radius: 6px; color: #333; font-size: 13px; text-decoration: none; }
.mtx-af__item b { font-weight: 600; }
.mtx-af__x { color: var(--e-global-color-primary, #D0021B); font-size: 18px; line-height: 1; }
.mtx-af__item:hover { border-color: var(--e-global-color-primary, #D0021B); color: #333; }

.mtx-pr { padding: 4px 8px 6px; }
.mtx-pr__track { position: relative; height: 26px; }
.mtx-pr__track::before { content: ""; position: absolute; left: 0; right: 0; top: 11px; height: 4px; border-radius: 2px; background: #ddd; }
.mtx-pr__fill { position: absolute; top: 11px; height: 4px; border-radius: 2px; background: var(--e-global-color-primary, #D0021B); }
.mtx-pr input[type=range] { position: absolute; left: 0; top: 0; width: 100%; height: 26px; margin: 0; background: none; pointer-events: none; -webkit-appearance: none; appearance: none; }
.mtx-pr input[type=range]::-webkit-slider-thumb { width: 18px; height: 18px; border: 0; border-radius: 50%; background: var(--e-global-color-primary, #D0021B); cursor: pointer; pointer-events: auto; -webkit-appearance: none; }
.mtx-pr input[type=range]::-moz-range-thumb { width: 18px; height: 18px; border: 0; border-radius: 50%; background: var(--e-global-color-primary, #D0021B); cursor: pointer; pointer-events: auto; }
.mtx-pr input[type=range]::-moz-range-track { background: none; }
.mtx-pr__values { margin-top: 6px; text-align: center; font-size: 14px; font-weight: 500; color: #333; }

.mtx-cats__search { box-sizing: border-box; width: 100%; margin: 0 0 6px; padding: 3px 6px; border: 1px solid #999; border-radius: 3px; font-family: Montserrat, sans-serif; font-size: 12px; }
.mtx-cats__list { list-style: none; margin: 0; padding: 0; }
.mtx-cats__item { margin: 0; }
.mtx-cats__item label { display: flex; align-items: center; gap: 8px; padding: 8.5px 0; cursor: pointer; color: #333; font-size: 12px; font-weight: 500; text-transform: uppercase; }
.mtx-cats__item.is-child label { padding-left: 16px; }
.mtx-cats__item input { flex: none; width: 18px; height: 18px; margin: 0; border: 1px solid #ccc; border-radius: 3px; background: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; }
.mtx-cats__item input:checked { border-color: var(--e-global-color-primary, #D0021B); background: var(--e-global-color-primary, #D0021B)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") center/12px no-repeat; }
.mtx-cats__list.is-collapsed .mtx-cats__item.is-extra, .mtx-cats__item.is-filtered-out { display: none; }
.mtx-cats__more { display: inline-block; margin: 6px 0 2px; padding: 0; border: 0; background: none; color: var(--e-global-color-primary, #D0021B); font-family: Montserrat, sans-serif; font-size: 12px; cursor: pointer; text-decoration: underline; }
