/**
 * Tiragena — Proteros-faithful site header (Phase 1)
 * Two-row model: black nav hat (35px) + logo row (100px).
 * Sticky chrome; overrides tir-menu-v2 glass/pill defaults on .tir-proteros-shell.
 */

html.tir-proteros-shell {
  --pr-nav-hat-h: 35px;
  --pr-nav-brand-h: 100px;
  --pr-site-header-h: calc(var(--pr-nav-hat-h) + var(--pr-nav-brand-h));
  --pr-header-h: var(--pr-site-header-h);
  --pr-header-compact: calc(var(--pr-nav-hat-h) + 64px);
}

/* ===== SHELL: sticky, no glass ===== */
html.tir-proteros-shell #tir-header-root.tir-head,
html.tir-proteros-shell #tir-header-root.tir-head.pr-site-header {
  position: sticky !important;
  top: 0 !important;
  left: 0;
  right: 0;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding-top: 0 !important;
  z-index: 10000;
  overflow: visible;
}

html.tir-proteros-shell .tir-head.tir-head--solid {
  background: transparent !important;
  box-shadow: none !important;
}

html.tir-proteros-shell:not(.index-home) main,
html.tir-proteros-shell:not(.index-home) #main {
  padding-top: 0 !important;
}

html.tir-proteros-shell .tir-head__surface,
html.tir-proteros-shell .pr-site-header__inner {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Neutralize tir-menu-v2 pill rail */
html.tir-proteros-shell .tir-head__rail {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html.tir-proteros-shell .tir-head__rail > li {
  position: relative;
  flex: 0 0 auto;
}

/* ===== ROW 1: BLACK NAV HAT ===== */
html.tir-proteros-shell .pr-nav-hat,
html.tir-proteros-shell .tir-head__hat {
  background: var(--color-bg-nav-hat) !important;
  height: var(--pr-nav-hat-h);
  min-height: var(--pr-nav-hat-h);
  max-height: var(--pr-nav-hat-h);
  width: 100%;
  position: relative;
  z-index: 1002;
  overflow: visible;
}

html.tir-proteros-shell .pr-nav-hat__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  height: var(--pr-nav-hat-h);
  min-height: var(--pr-nav-hat-h);
  width: 100%;
  box-sizing: border-box;
}

html.tir-proteros-shell .pr-nav-hat .tir-head__nav {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: visible;
}

html.tir-proteros-shell .pr-nav-hat .tir-head__rail {
  flex: 0 1 auto;
  min-width: 0;
}

html.tir-proteros-shell .tir-head__hat-end {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
  margin-left: auto;
}

html.tir-proteros-shell .tir-head__hat-end .tir-head__tools {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

html.tir-proteros-shell .pr-nav-hat .tir-head__link,
html.tir-proteros-shell .pr-nav-hat .tir-head__trigger {
  font-family: var(--pr-font, "Open Sans", sans-serif) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  color: var(--color-nav-text) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 0 0 20px !important;
  line-height: var(--pr-nav-hat-h) !important;
  min-height: var(--pr-nav-hat-h) !important;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  transition: color 0.18s var(--pr-ease);
}

html.tir-proteros-shell .pr-nav-hat .tir-head__rail > li:first-child .tir-head__link,
html.tir-proteros-shell .pr-nav-hat .tir-head__rail > li:first-child .tir-head__trigger {
  padding-left: 0 !important;
}

html.tir-proteros-shell .pr-nav-hat .tir-head__link:hover,
html.tir-proteros-shell .pr-nav-hat .tir-head__trigger:hover,
html.tir-proteros-shell .pr-nav-hat .tir-head__trigger[aria-expanded="true"] {
  color: var(--color-nav-text-hover) !important;
  background: transparent !important;
  transform: none !important;
  box-shadow: none !important;
}

html.tir-proteros-shell .pr-nav-hat .tir-head__link[aria-current="page"],
html.tir-proteros-shell .pr-nav-hat .tir-head__trigger.is-section-active {
  color: var(--color-nav-text-active) !important;
  background: transparent !important;
  transform: none !important;
  box-shadow: none !important;
}

html.tir-proteros-shell .tir-head__chevron {
  display: none;
}

html.tir-proteros-shell .pr-nav-hat .tir-head__tool--compact .tir-head__ctrl {
  min-height: 0;
  height: 24px;
  padding: 0 0.35rem;
  border-radius: 0;
  border-color: rgba(255, 255, 255, 0.28) !important;
  background: transparent !important;
}

html.tir-proteros-shell .pr-nav-hat .tir-head__select {
  min-height: 22px;
  height: 22px;
  padding: 0 1rem 0 0.2rem;
  line-height: 1.2;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  color: var(--color-nav-text) !important;
  border: none !important;
  background: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
}

html.tir-proteros-shell .pr-nav-hat .tir-head__ctrl-ic,
html.tir-proteros-shell .pr-nav-hat .tir-head__tool label {
  color: var(--color-nav-text) !important;
}

html.tir-proteros-shell .pr-nav-hat .tir-head__login {
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  color: var(--color-nav-text) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 0 !important;
  padding: 0.15rem 0.55rem !important;
  min-height: 0 !important;
  text-decoration: none;
  line-height: 1.4;
}

html.tir-proteros-shell .pr-nav-hat .tir-head__login:hover {
  border-color: rgba(255, 255, 255, 0.65) !important;
  background: transparent !important;
  color: var(--color-nav-text) !important;
}

html.tir-proteros-shell .tir-head__search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--color-nav-text);
  cursor: pointer;
  transition: color 0.18s var(--pr-ease), opacity 0.18s var(--pr-ease);
}

html.tir-proteros-shell .tir-head__rail-search {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-left: 4px;
}

html.tir-proteros-shell .tir-head__rail-search .tir-head__search {
  padding-left: 20px !important;
  min-height: var(--pr-nav-hat-h) !important;
  line-height: var(--pr-nav-hat-h) !important;
}

html.tir-proteros-shell .tir-head__search:hover,
html.tir-proteros-shell .tir-head__search[aria-expanded="true"] {
  opacity: 0.78;
}

html.tir-proteros-shell .tir-head__search:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

html.tir-proteros-shell .pr-nav-hat .tir-head__burger {
  display: none;
  color: var(--color-nav-text) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 0 !important;
  background: transparent !important;
  width: auto;
  min-width: 0;
  height: 28px;
  padding: 0 0.55rem;
  gap: 0.35rem;
}

html.tir-proteros-shell .pr-nav-hat .tir-head__burger-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

/* ===== ROW 2: LOGO + SECONDARY NAV ===== */
html.tir-proteros-shell .pr-nav-brand,
html.tir-proteros-shell .tir-head__brand-row {
  background: #fff;
  border-bottom: 1px solid var(--pr-line, #e5e5e5);
  height: var(--pr-nav-brand-h);
  min-height: var(--pr-nav-brand-h);
  max-height: var(--pr-nav-brand-h);
  box-sizing: border-box;
  width: 100%;
  position: relative;
  z-index: 1001;
}

html.tir-proteros-shell .pr-nav-brand__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  height: calc(var(--pr-nav-brand-h) - 1px);
  min-height: calc(var(--pr-nav-brand-h) - 1px);
}

html.tir-proteros-shell .pr-nav-brand .tir-head__logo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  text-decoration: none;
}

html.tir-proteros-shell .pr-nav-brand .tir-head__logo-img {
  width: auto !important;
  height: 41px !important;
  max-width: 220px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain;
  object-position: left center;
}

html.tir-proteros-shell .pr-nav-brand .tir-head__brand-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html.tir-proteros-shell .tir-head__secondary {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  justify-content: flex-end;
}

html.tir-proteros-shell .tir-head__secondary-rail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.tir-proteros-shell .tir-head__secondary-link {
  font-family: var(--pr-font, "Open Sans", sans-serif);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: var(--color-nav-secondary-text);
  text-decoration: none;
  padding: 10px 0 10px 20px;
  white-space: nowrap;
  transition: color 0.18s var(--pr-ease);
}

html.tir-proteros-shell .tir-head__secondary-link:hover,
html.tir-proteros-shell .tir-head__secondary-link[aria-current="page"] {
  color: var(--color-nav-secondary-hover);
}

html.tir-proteros-shell .tir-head__secondary-rail > li:first-child .tir-head__secondary-link {
  padding-left: 0;
}

html.tir-proteros-shell .tir-head__top {
  display: none !important;
}

/* ===== SEARCH PANEL ===== */
html.tir-proteros-shell .tir-search-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 1003;
  background: #fff;
  border-bottom: 1px solid var(--pr-line);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-4px);
  transition:
    opacity 0.2s var(--pr-ease),
    transform 0.2s var(--pr-ease),
    visibility 0.2s;
}

html.tir-proteros-shell .tir-search-panel.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

html.tir-proteros-shell .tir-search-panel__inner {
  padding: 1rem 0 1.15rem;
}

html.tir-proteros-shell .tir-search-panel__form {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

html.tir-proteros-shell .tir-search-panel__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 42px;
  padding: 0 0.85rem;
  font-family: var(--pr-font);
  font-size: 15px;
  color: var(--pr-ink);
  border: 1px solid var(--pr-line);
  border-radius: 0;
  background: #fff;
}

html.tir-proteros-shell .tir-search-panel__input:focus {
  outline: none;
  border-color: var(--pr-ink);
}

html.tir-proteros-shell .tir-search-panel__submit,
html.tir-proteros-shell .tir-search-panel__close {
  flex: 0 0 auto;
  height: 42px;
  padding: 0 1rem;
  font-family: var(--pr-font);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  border: 1px solid var(--pr-ink);
  background: var(--pr-ink);
  color: #fff;
  cursor: pointer;
  border-radius: 0;
}

html.tir-proteros-shell .tir-search-panel__close {
  width: 42px;
  padding: 0;
  border-color: var(--pr-line);
  background: #fff;
  color: var(--pr-ink);
}

/* ===== DROPDOWN FLYOUT (Proteros compact) ===== */
html.tir-proteros-shell .tir-flyout {
  position: absolute;
  left: var(--tir-flyout-left, 0);
  right: auto;
  top: 100%;
  width: auto;
  min-width: 12rem;
  max-width: min(22rem, calc(100vw - 2rem));
  margin-top: 0;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: none;
  transition:
    opacity 0.16s var(--pr-ease),
    visibility 0.16s;
  z-index: 1004;
}

html.tir-proteros-shell .tir-flyout.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

html.tir-proteros-shell .tir-flyout.is-open::before {
  display: none !important;
}

html.tir-proteros-shell .tir-flyout__inner {
  max-width: none !important;
  width: 100%;
  margin: 0;
  padding: 0.35rem 0;
  background: var(--color-nav-dropdown-bg) !important;
  border: 1px solid var(--color-border);
  box-shadow: 0 8px 24px rgba(14, 42, 71, 0.12) !important;
  border-radius: 0 !important;
}

html.tir-proteros-shell .tir-flyout__menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

html.tir-proteros-shell .tir-flyout__link {
  display: block;
  padding: 10px 16px;
  font-family: var(--pr-font);
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  color: var(--color-nav-dropdown-text) !important;
  text-decoration: none;
  border-radius: 0 !important;
  transition: color 0.15s var(--pr-ease), background 0.15s var(--pr-ease);
}

html.tir-proteros-shell .tir-flyout__link:hover,
html.tir-proteros-shell .tir-flyout__link:focus-visible {
  color: var(--color-nav-dropdown-hover-text) !important;
  background: var(--color-nav-dropdown-hover-bg) !important;
  outline: none;
}

html.tir-proteros-shell .tir-flyout__group-label {
  display: block;
  padding: 12px 16px 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--pr-muted);
}

html.tir-proteros-shell .tir-flyout__sublist {
  list-style: none;
  margin: 0;
  padding: 0 0 0.25rem;
}

html.tir-proteros-shell .tir-flyout__nested {
  border: none;
  margin: 0;
  padding: 0;
}

/* Position flyout under active trigger */
@media (min-width: 48rem) {
  html.tir-proteros-shell .tir-flyout.tir-flyout--dropdown {
    transform: translateX(0);
  }

  html.tir-proteros-shell .tir-flyout.tir-flyout--dropdown.is-open {
    transform: translateX(0);
  }
}

/* ===== MOBILE DRAWER polish on Proteros shell ===== */
html.tir-proteros-shell .tir-menu-drawer {
  border-left: 1px solid var(--pr-line);
}

html.tir-proteros-shell .tir-drawer__head {
  border-bottom: 1px solid var(--pr-line);
  background: #fff;
}

html.tir-proteros-shell .tir-drawer__head strong {
  font-family: var(--pr-font);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

html.tir-proteros-shell .tir-drawer__summary,
html.tir-proteros-shell .tir-drawer__leaf {
  font-family: var(--pr-font);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  border-radius: 0;
}

html.tir-proteros-shell .tir-drawer__leaf:hover,
html.tir-proteros-shell .tir-drawer__summary:hover {
  background: var(--pr-band);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 63.99rem) {
  html.tir-proteros-shell {
    --pr-nav-brand-h: 64px;
  }

  html.tir-proteros-shell .pr-nav-hat .tir-head__nav {
    display: none !important;
  }

  html.tir-proteros-shell .pr-nav-hat .tir-head__login {
    display: none !important;
  }

  html.tir-proteros-shell .pr-nav-hat .tir-head__search {
    display: none;
  }

  html.tir-proteros-shell .pr-nav-hat .tir-head__burger {
    display: inline-flex !important;
  }

  html.tir-proteros-shell .tir-head__secondary {
    display: none;
  }

  html.tir-proteros-shell .pr-nav-brand .tir-head__logo-img {
    height: 33px !important;
    max-width: 170px !important;
  }

  html.tir-proteros-shell .pr-nav-brand__inner {
    min-height: 64px;
  }
}

@media (min-width: 48rem) {
  html.tir-proteros-shell .pr-nav-hat .tir-head__burger {
    display: none !important;
  }

  html.tir-proteros-shell .pr-nav-hat .tir-head__nav {
    display: flex !important;
  }
}

@media (max-width: 1100px) and (min-width: 48rem) {
  html.tir-proteros-shell .pr-nav-hat .tir-head__link,
  html.tir-proteros-shell .pr-nav-hat .tir-head__trigger {
    font-size: 14px !important;
    padding-left: 14px !important;
  }

  html.tir-proteros-shell .tir-head__secondary-link {
    font-size: 12px;
    padding-left: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.tir-proteros-shell .tir-flyout,
  html.tir-proteros-shell .tir-search-panel,
  html.tir-proteros-shell .pr-nav-hat .tir-head__link,
  html.tir-proteros-shell .pr-nav-hat .tir-head__trigger {
    transition: none !important;
  }
}

/* ===== DESKTOP: neutralize tir-menu-v2 pill/glass defaults ===== */
@media (min-width: 64rem) {
  html.tir-proteros-shell .tir-head__surface,
  html.tir-proteros-shell .header-inner.tir-head__surface {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  html.tir-proteros-shell .tir-head__rail {
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    justify-content: flex-start !important;
  }

  html.tir-proteros-shell .pr-nav-hat .tir-head__link,
  html.tir-proteros-shell .pr-nav-hat .tir-head__trigger {
    font-family: var(--pr-font, "Open Sans", sans-serif) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
  }

  html.tir-proteros-shell .pr-nav-hat .tir-head__hat-end {
    flex: 0 0 auto;
    margin-left: 0;
    padding-left: 0.75rem;
  }

  html.tir-proteros-shell .pr-nav-hat__row {
    position: relative;
  }

  html.tir-proteros-shell .pr-nav-hat .tir-flyout {
    top: 100%;
    margin-top: 0;
  }
}