/* MERMOB Header Builder actions and submenu access · v1.0.2 */
.oc-header .oc-global-row--main .oc-header-button.mermob-header-action {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:148px;
  min-height:46px;
  padding:8px 16px;
  border:1px solid transparent;
  border-radius:12px;
  background:var(--mermob-action-color);
  color:#fff;
  font-family:var(--oc-font,system-ui,sans-serif);
  font-size:13px;
  font-weight:650;
  line-height:1.25;
  letter-spacing:0;
  white-space:nowrap;
  text-decoration:none;
  box-shadow:0 4px 12px var(--mermob-action-shadow);
  transition:background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.oc-header .mermob-header-action--login {
  --mermob-action-color:#2563eb;
  --mermob-action-hover:#1d4ed8;
  --mermob-action-shadow:#2563eb1a;
}
.oc-header .mermob-header-action--payment {
  --mermob-action-color:#16834f;
  --mermob-action-hover:#106a3e;
  --mermob-action-shadow:#16834f1a;
}
.oc-header .oc-global-row--main .mermob-header-action:hover {
  background:var(--mermob-action-hover);
  box-shadow:0 6px 16px var(--mermob-action-shadow);
  transform:translateY(-1px);
}
.oc-header .oc-global-row--main .mermob-header-action:focus-visible {
  outline:3px solid var(--mermob-action-color);
  outline-offset:4px;
}
.oc-header .mermob-header-action__icon {
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  flex:0 0 27px;
  border-radius:8px;
  background:#ffffff20;
  color:#fff;
}
.oc-header .mermob-header-action__icon svg { display:block; width:18px; height:18px; }
.oc-header .oc-global-row--main .oc-header-grid.mermob-header-actions--split {
  grid-template-columns:minmax(105px,1fr) minmax(0,2.8fr) max-content max-content;
  column-gap:10px;
}
.oc-header .oc-global-row--main .oc-header-grid.mermob-header-actions--group {
  grid-template-columns:minmax(105px,1fr) minmax(0,2.8fr) max-content;
  column-gap:18px;
}
.oc-header .oc-global-row--main .oc-header-grid > .mermob-header-action-column {
  justify-content:flex-end;
  justify-self:stretch;
  flex-wrap:nowrap;
  gap:10px;
}
/* Real child lists determine the indicator; plain links keep their own markup. */
.oc-header .oc-nav li:has(> ul) > a {
  display:flex;
  align-items:center;
  gap:9px;
}
.oc-header .oc-nav li:has(> ul) > a::before {
  content:"";
  order:1;
  flex:0 0 6px;
  width:6px;
  height:6px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
  transition:transform .18s ease;
  pointer-events:none;
}
.oc-header .oc-nav li > ul li:has(> ul) > a { justify-content:space-between; }
@media(min-width:861px) {
  /* The transparent strip covers Core's 14px gap without moving the panel. */
  .oc-header:not(.is-mobile-open) .oc-nav li > ul::before {
    content:"";
    position:absolute;
    inset:-16px 0 auto;
    height:16px;
    background:transparent;
    pointer-events:auto;
  }
  .oc-header:not(.is-mobile-open) .oc-nav li:focus-within > ul { display:grid; gap:2px; }
  .oc-header:not(.is-mobile-open) .oc-nav > ul > li:is(:hover,:focus-within) > a::before {
    transform:translateY(1px) rotate(225deg);
  }
  /* Deeper child lists open beside their own row, with a horizontal bridge. */
  .oc-header:not(.is-mobile-open) .oc-nav li > ul li > ul {
    top:0;
    left:calc(100% + 10px);
    right:auto;
  }
  .oc-header:not(.is-mobile-open) .oc-nav li > ul li > ul::before {
    inset:0 100% 0 auto;
    width:12px;
    height:auto;
  }
  .oc-header:not(.is-mobile-open) .oc-nav li > ul li:has(> ul) > a::before {
    transform:rotate(-45deg);
  }
  html[dir="rtl"] .oc-header:not(.is-mobile-open) .oc-nav li > ul li > ul {
    left:auto;
    right:calc(100% + 10px);
  }
  html[dir="rtl"] .oc-header:not(.is-mobile-open) .oc-nav li > ul li > ul::before {
    inset:0 auto 0 100%;
  }
  html[dir="rtl"] .oc-header:not(.is-mobile-open) .oc-nav li > ul li:has(> ul) > a::before {
    transform:rotate(135deg);
  }
}
/* Collapse the known menu before the two actions would crowd it. */
@media(max-width:1180px) {
  .oc-header .oc-global-row--main .oc-header-grid:is(.mermob-header-actions--split,.mermob-header-actions--group) {
    display:grid;
    grid-template-columns:minmax(0,1fr) max-content max-content;
    gap:10px;
    padding-right:54px;
    position:relative;
  }
  .oc-header .oc-global-row--main .oc-header-grid.mermob-header-actions--group { grid-template-columns:minmax(0,1fr) max-content; }
  .oc-header .oc-global-row--main .oc-header-grid:is(.mermob-header-actions--split,.mermob-header-actions--group) > .has-menu { display:none; }
  .oc-header .oc-global-row--main .oc-header-grid:is(.mermob-header-actions--split,.mermob-header-actions--group) > .oc-mobile-toggle {
    display:inline-flex;
    right:0;
    top:50%;
    transform:translateY(-50%);
  }
  .oc-header.is-mobile-open .oc-global-row--main .oc-header-grid:is(.mermob-header-actions--split,.mermob-header-actions--group) > .has-menu {
    display:flex;
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 8px);
    padding:16px;
    background:var(--oc-surface,#fff);
    color:var(--oc-text,#18202b);
    border:1px solid var(--oc-border,#e5e7eb);
    border-radius:14px;
    box-shadow:0 12px 28px #0f172a14;
    justify-content:flex-start;
    z-index:130;
  }
  .oc-header.is-mobile-open .oc-global-row--main .oc-header-grid:is(.mermob-header-actions--split,.mermob-header-actions--group) > .has-menu .oc-nav { display:block; width:100%; }
  .oc-header.is-mobile-open .oc-global-row--main .oc-header-grid:is(.mermob-header-actions--split,.mermob-header-actions--group) > .has-menu .oc-nav > ul { display:grid; gap:4px; }
  .oc-header.is-mobile-open .oc-global-row--main .oc-header-grid:is(.mermob-header-actions--split,.mermob-header-actions--group) > .has-menu .oc-nav a { display:flex; padding:10px 8px; }
  .oc-header.is-mobile-open .oc-global-row--main .oc-header-grid:is(.mermob-header-actions--split,.mermob-header-actions--group) > .has-menu .oc-nav li > ul { position:static; display:grid; box-shadow:none; border:0; padding:0 0 0 14px; }
}
@media(max-width:700px) {
  .oc-header .oc-global-row--main .oc-header-grid:is(.mermob-header-actions--split,.mermob-header-actions--group) {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    padding:10px 0 12px;
    row-gap:12px;
  }
  .oc-header .oc-global-row--main .oc-header-grid:is(.mermob-header-actions--split,.mermob-header-actions--group) > .has-logo { grid-column:1/-1; grid-row:1; padding-right:54px; margin-right:0; }
  .oc-header .oc-global-row--main .oc-header-grid.mermob-header-actions--split > .mermob-header-action-column { display:flex; grid-row:2; }
  .oc-header .oc-global-row--main .oc-header-grid.mermob-header-actions--split > .mermob-header-action-column:nth-child(3) { grid-column:1; }
  .oc-header .oc-global-row--main .oc-header-grid.mermob-header-actions--split > .mermob-header-action-column:nth-child(4) { grid-column:2; }
  .oc-header .oc-global-row--main .oc-header-grid.mermob-header-actions--group > .mermob-header-action-column { display:flex; grid-column:1/-1; grid-row:2; }
  .oc-header .oc-global-row--main .oc-header-grid:is(.mermob-header-actions--split,.mermob-header-actions--group) > .oc-mobile-toggle { top:32px; }
  .oc-header .oc-global-row--main .mermob-header-action-column .mermob-header-action {
    flex:1 1 0;
    min-width:0;
    width:100%;
    min-height:43px;
    padding:7px 10px;
    border-radius:10px;
    font-size:12px;
    gap:8px;
  }
  .oc-header .mermob-header-action__icon { width:25px; height:25px; flex-basis:25px; border-radius:7px; }
  .oc-header .mermob-header-action__icon svg { width:17px; height:17px; }
}
@media(prefers-reduced-motion:reduce) {
  .oc-header .oc-global-row--main .mermob-header-action { transition:none; }
  .oc-header .oc-global-row--main .mermob-header-action:hover { transform:none; }
  .oc-header .oc-nav li:has(> ul) > a::before { transition:none; }
}