/* Sitewide design layer (header + shared tokens). Loaded on every front-end page.
   Brand blue #012169 (the logo's blue), Inter body, Inter Tight headings/buttons, 6px corners, no letter-spacing on headings. */
:root {
  --um-brand: #012169;
  --um-brand-2: #00164A;
  --um-ink: #181D27;
  --um-line: #E4E5E8;
  --um-ease: cubic-bezier(.22,.61,.36,1);
}

/* ---------- header ---------- */
.elementor-location-header { background: rgba(255,255,255,.94) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(1,33,105,.08); position: relative; z-index: 60; }
.elementor-location-header > .e-con { background: transparent !important; }
.elementor-location-header > .e-con > .e-con-inner { align-items: center !important; justify-content: space-between !important; gap: 24px; padding: 12px 40px; max-width: 1560px !important; width: 100%; box-sizing: border-box; flex-wrap: nowrap !important; }
.elementor-location-header .elementor-widget-image img { height: 32px !important; width: auto !important; max-width: none; border-radius: 0 !important; display: block; content: url(/wp-content/uploads/2025/04/uusmaanord-logo.svg); }
.elementor-location-header .elementor-nav-menu--main .elementor-item {
  font: 600 13px/1 Inter, system-ui, sans-serif !important; letter-spacing: .06em !important; text-transform: uppercase !important;
  color: var(--um-ink) !important; padding: 10px 0 !important; margin: 0 13px;
}
.elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active { color: var(--um-brand) !important; }
.elementor-location-header .elementor-nav-menu--main .elementor-item:hover { color: var(--um-ink) !important; }
.elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active:hover { color: var(--um-brand) !important; }
.elementor-location-header .e--pointer-underline .elementor-item::after { background-color: var(--um-brand) !important; height: 2px !important; bottom: 2px !important; }
.elementor-location-header .elementor-nav-menu--main .sub-arrow { margin-left: 4px; }
.elementor-location-header .elementor-nav-menu--dropdown { background: #fff; border: 1px solid var(--um-line); border-radius: 6px; box-shadow: 0 12px 28px rgba(1,33,105,.12); overflow: hidden; }
.elementor-location-header .elementor-nav-menu--dropdown .elementor-item,
.elementor-location-header .elementor-nav-menu--dropdown .elementor-sub-item { font: 500 15px/1.2 Inter, system-ui, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--um-ink) !important; padding: 12px 18px !important; }
.elementor-location-header .elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-location-header .elementor-nav-menu--dropdown .elementor-sub-item:hover { background: rgba(1,33,105,.07) !important; color: var(--um-brand) !important; }

/* phone: outline button with the number, e-mail icon hidden */
.elementor-location-header .elementor-widget-icon .elementor-icon[href^="tel:"] {
  width: auto !important; height: 42px !important; padding: 0 18px !important; border: 1px solid var(--um-brand) !important; border-radius: 6px !important;
  background: transparent !important; color: var(--um-brand) !important; display: inline-flex !important; align-items: center; gap: 10px; white-space: nowrap; flex: none;
  font: 700 16px/1 Inter, system-ui, sans-serif; transition: background .25s var(--um-ease), color .25s var(--um-ease);
}
.elementor-location-header .elementor-widget-icon .elementor-icon[href^="tel:"] svg { width: 16px; height: 16px; fill: currentColor; }
.elementor-location-header .elementor-widget-icon .elementor-icon[href^="tel:"]::after { content: "+372 5807 0200"; font-size: 16px; font-weight: 700; white-space: nowrap; }
.elementor-location-header .e-con.e-child { flex: none; width: auto !important; }
.elementor-location-header .e-con.e-child:nth-child(2) { flex: 1 1 auto; justify-content: center; }
.elementor-location-header .elementor-widget-icon .elementor-icon[href^="tel:"]:hover { background: var(--um-brand) !important; color: #fff !important; }
.elementor-location-header .elementor-widget-icon:has(.elementor-icon[href^="mailto:"]) { display: none !important; }

@media (max-width: 1024px) {
  .elementor-location-header .elementor-widget-icon .elementor-icon[href^="tel:"]::after { display: none; }
  .elementor-location-header .elementor-widget-icon .elementor-icon[href^="tel:"] { width: 42px !important; padding: 0 !important; justify-content: center; }
}

/* ---------- headings: no negative tracking ---------- */
body h1, body h2, body h3 { letter-spacing: 0; }

/* ---------- Elementor forms (sitewide): 6px fields, blue button, radio options as chips ---------- */
.elementor-form:not(.um-hero *) .elementor-field-textual, .elementor-form:not(.um-hero *) select, .elementor-form:not(.um-hero *) textarea {
  border: 1px solid #D5D7DA !important; border-radius: 6px !important; background: #fff !important; padding: 12px 14px !important; min-height: 50px; font: 400 16px Inter, system-ui, sans-serif !important; color: #181D27 !important;
}
.elementor-form:not(.um-hero *) .elementor-field-textual:focus { outline: 2px solid #012169; outline-offset: 1px; border-color: #012169 !important; }
.elementor-form:not(.um-hero *) .elementor-field-label { font: 500 14px/1.3 Inter, system-ui, sans-serif !important; color: #181D27 !important; margin-bottom: 6px; }
.elementor-form:not(.um-hero *) .elementor-button[type="submit"] { background: #012169 !important; color: #fff !important; border: 1.5px solid #012169 !important; border-radius: 6px !important; min-height: 48px; padding: 0 28px; font: 600 16px/1 "Inter Tight", Inter, sans-serif !important; letter-spacing: 0 !important; width: 100%; position: relative; isolation: isolate; overflow: hidden; transition: color .28s, transform .12s; }
.elementor-form:not(.um-hero *) .elementor-button[type="submit"]::before { content: ""; position: absolute; inset: 0; z-index: -1; background: #00164A; transform: translateX(-101%); transition: transform .34s cubic-bezier(.22,.61,.36,1); }
.elementor-form:not(.um-hero *) .elementor-button[type="submit"]:hover::before { transform: none; }
.elementor-form:not(.um-hero *) .elementor-button[type="submit"]:active { transform: scale(.98); }
.elementor-form:not(.um-hero *) .elementor-field-type-radio .elementor-field-subgroup { display: flex; flex-wrap: wrap; gap: 8px; }
.elementor-form:not(.um-hero *) .elementor-field-type-radio .elementor-field-option { position: relative; }
.elementor-form:not(.um-hero *) .elementor-field-type-radio .elementor-field-option input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; z-index: 2; }
.elementor-form:not(.um-hero *) .elementor-field-type-radio .elementor-field-option label { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1px solid #D5D7DA; border-radius: 6px; background: #fff; font: 500 15px Inter, sans-serif; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.elementor-form:not(.um-hero *) .elementor-field-type-radio .elementor-field-option input:checked + label { background: #012169; border-color: #012169; color: #fff; }
.elementor-form:not(.um-hero *) .elementor-field-type-radio .elementor-field-option input:focus-visible + label { outline: 2px solid #012169; outline-offset: 2px; }
.elementor-form:not(.um-hero *) .elementor-field-type-radio .elementor-field-option label::before, .elementor-form:not(.um-hero *) .elementor-field-type-radio .elementor-field-option label::after { display: none !important; }

/* home hero and sub-arrow: no negative tracking, arrow follows the text colour */
.um-hero :is(h1, h2, h3, .elementor-heading-title, .um-hero-title) { letter-spacing: 0 !important; }
.elementor-location-header .sub-arrow, .elementor-location-header .sub-arrow svg { color: var(--um-ink); fill: currentColor; }

/* footer headings as in the design: Inter Tight 700, no tracking */
body :is(footer, .elementor-location-footer) :is(h1, h2, h3, h4, h5, .elementor-heading-title) { font-family: "Inter Tight", Inter, sans-serif !important; font-weight: 700 !important; font-size: 15px !important; letter-spacing: 0 !important; }

/* mobiil/tahvel: valge päis -> menüüikoon sinine, hero ei jää päise alla peitu */
@media (max-width: 1024px) {
  .elementor-location-header .elementor-menu-toggle, .elementor-location-header .elementor-menu-toggle svg, .elementor-location-header .elementor-menu-toggle i { color: var(--um-brand, #012169) !important; fill: var(--um-brand, #012169) !important; }
  .elementor-location-header .elementor-menu-toggle svg * { fill: var(--um-brand, #012169) !important; }
  .elementor-12 .um-hero { margin-top: 0 !important; }
  .elementor-12 .um-hero .e-con-inner { padding-top: 40px !important; }
}

/* mobiilimenüü: selge loetav paneel, aktiivne leht sinise tekstiga ja kollase märgiga */
@media (max-width: 1024px) {
  .elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container { background: #fff !important; border: 0 !important; border-top: 1px solid #E9EAEB !important; border-radius: 0 !important; box-shadow: 0 18px 32px -12px rgba(1,33,105,.2) !important; padding: 8px 0 12px; }
  .elementor-location-header .elementor-nav-menu--dropdown a.elementor-item, .elementor-location-header .elementor-nav-menu--dropdown a.elementor-sub-item { display: flex; align-items: center; min-height: 52px; padding: 0 24px !important; background: transparent !important; color: #181D27 !important; font: 600 17px/1.2 "Inter Tight", Inter, system-ui, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; border: 0 !important; border-left: 4px solid transparent !important; border-bottom: 1px solid #F0F1F3 !important; }
  .elementor-location-header .elementor-nav-menu--dropdown a.elementor-sub-item { padding-left: 44px !important; font-weight: 500 !important; font-size: 16px !important; color: #414651 !important; }
  .elementor-location-header .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active, .elementor-location-header .elementor-nav-menu--dropdown a.elementor-item-active:hover, .elementor-location-header .elementor-nav-menu--dropdown a.elementor-sub-item.elementor-item-active { background: #F2F6FF !important; color: #012169 !important; border-left-color: #FFD100 !important; }
  .elementor-location-header .elementor-nav-menu--dropdown a.elementor-item:hover, .elementor-location-header .elementor-nav-menu--dropdown a.elementor-sub-item:hover, .elementor-location-header .elementor-nav-menu--dropdown a:focus-visible { background: #F7F9FC !important; color: #012169 !important; }
  .elementor-location-header .elementor-nav-menu--dropdown .sub-arrow { margin-left: auto; color: #012169; }
  .elementor-location-header .elementor-nav-menu--dropdown .sub-arrow svg, .elementor-location-header .elementor-nav-menu--dropdown .sub-arrow i { fill: #012169; color: #012169; }
  .elementor-location-header .elementor-nav-menu--dropdown li:last-child > a { border-bottom: 0 !important; }
}
@media (max-width: 1024px) { .elementor-location-header .elementor-nav-menu--dropdown a.elementor-item, .elementor-location-header .elementor-nav-menu--dropdown a.elementor-sub-item { justify-content: flex-start !important; text-align: left !important; } }

/* mobiil/tahvel: logo vasakus nurgas, menüünupp + telefon paremal, avatud menüü kogu ekraani laiuses */
@media (max-width: 1024px) {
  .elementor-location-header > .e-con > .e-con-inner { padding: 10px 16px !important; gap: 8px !important; justify-content: flex-start !important; }
  .elementor-location-header .e-con.e-child:nth-child(1) { order: 1; margin-right: auto; }
  .elementor-location-header .e-con.e-child:nth-child(2) { order: 2; flex: 0 0 auto !important; justify-content: flex-end; }
  .elementor-location-header .e-con.e-child:nth-child(3) { order: 3; }
  .elementor-location-header .elementor-widget-image img { height: 28px !important; }
  .elementor-location-header .e-con, .elementor-location-header .e-con-inner, .elementor-location-header .elementor-widget-nav-menu, .elementor-location-header .elementor-widget-nav-menu .elementor-widget-container, .elementor-location-header nav.elementor-nav-menu--dropdown { position: static !important; }
  .elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container { position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; width: 100vw !important; max-width: 100vw !important; margin: 0 !important; z-index: 70; }
}
@media (max-width: 1024px) { .elementor-location-header > .e-con { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .elementor-location-header .e-con.e-child:nth-child(1) .elementor-widget-container { padding: 0; } }
@media (max-width: 1024px) { .elementor-location-header > .e-con, .elementor-location-header .e-con-inner { min-height: 0 !important; } }
@media (max-width: 1024px) { body .elementor-location-header .elementor-widget-nav-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container { margin-top: 0 !important; margin-bottom: 0 !important; } }

/* ---------- nuppude hover-animatsioon (sama mis kinnitatud disainis): täide libiseb vasakult sisse ---------- */
.umo a.umo-btn--solid, .umo button.umo-btn--solid, .umo button.umo-btn, .umo a.umo-btn--line,
.umj-btn:not(.umj-showall *), #btn-search .elementor-button,
.elementor-location-header .elementor-widget-icon .elementor-icon[href^="tel:"] { position: relative; isolation: isolate; overflow: hidden; transition: color .28s cubic-bezier(.22,.61,.36,1), border-color .28s cubic-bezier(.22,.61,.36,1), transform .12s, background-color .28s !important; }
.umo a.umo-btn--solid::before, .umo button.umo-btn--solid::before, .umo button.umo-btn::before, .umo a.umo-btn--line::before,
.umj-btn:not(.umj-showall *)::before, #btn-search .elementor-button::before,
.elementor-location-header .elementor-widget-icon .elementor-icon[href^="tel:"]::before { content: ""; position: absolute; inset: 0; z-index: -1; transform: translateX(-101%); transition: transform .34s cubic-bezier(.22,.61,.36,1); background: #00164A; }
.umo a.umo-btn--line::before, .umj-btn--line::before, .elementor-location-header .elementor-widget-icon .elementor-icon[href^="tel:"]::before { background: #012169; }
.umo a.umo-btn--solid:hover::before, .umo button.umo-btn--solid:hover::before, .umo button.umo-btn:hover::before, .umo a.umo-btn--line:hover::before, .umj-btn:not(.umj-showall *):hover::before, #btn-search .elementor-button:hover::before, .elementor-location-header .elementor-widget-icon .elementor-icon[href^="tel:"]:hover::before,
.umo a.umo-btn--solid:focus-visible::before, .umj-btn:focus-visible::before { transform: none; }
.umo a.umo-btn--line:hover, .umj-btn--line:hover { color: #fff !important; background-color: #fff !important; border-color: #012169; }
.umo a.umo-btn--solid:hover, .umo button.umo-btn--solid:hover, .umo button.umo-btn:hover, .umj-btn--solid:hover, #btn-search .elementor-button:hover { background-color: #012169 !important; }
.umj-btn--line:hover { background: #fff !important; }
.umo a.umo-btn--solid:active, .umj-btn:active, #btn-search .elementor-button:active { transform: scale(.98); }
@media (prefers-reduced-motion: reduce) { .umo a.umo-btn--solid::before, .umo button.umo-btn::before, .umj-btn::before, #btn-search .elementor-button::before { transition: none; } }
