/* Shared public-site navigation. Desktop headers retain their existing layout. */
#romera-mobile-header { display: none; }
@media (max-width: 1100px) {
  .romera-desktop-header { display: none !important; }
  #romera-mobile-header {
    display: flex; align-items: center; gap: 12px; position: sticky; top: 0;
    z-index: 300; width: 100%; min-width: 0; min-height: 68px; box-sizing: border-box;
    padding: 12px max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));
    background: #faf7f2; border-bottom: 1px solid #e5ddd5; color: #1c1917;
    font: 16px/1.4 'DM Sans', Arial, sans-serif;
  }
  #romera-mobile-header * { box-sizing: border-box; }
  #romera-mobile-header .rm-brand {
    flex: 0 0 auto; color: #c8824a; font: bold 24px/1.2 Georgia, serif;
    text-decoration: none; letter-spacing: -.02em;
  }
  #romera-mobile-header .rm-toggle {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    flex: 0 0 auto; min-width: 44px; height: 44px; padding: 8px;
    border: 1px solid #ddd5c8; border-radius: 12px; background: transparent;
    color: #1c1917; cursor: pointer; font: inherit;
  }
  #romera-mobile-header .rm-language { margin-left: auto; }
  #romera-mobile-header svg { display: block; width: 22px; height: 22px; }
  #romera-mobile-header .rm-language svg { stroke: #247699; }
  #romera-mobile-header .rm-language svg circle { fill: #e2f3fa; }
  #romera-mobile-header .rm-language svg ellipse { stroke: #26806b; }
  #romera-mobile-header .rm-toggle[aria-expanded=true] { background: #e8d5c4; }
  #romera-mobile-header .rm-panel {
    position: absolute; top: 100%; left: 0; right: 0; width: auto; margin: 0;
    padding: 8px 16px 16px; background: #faf7f2; border-bottom: 1px solid #ddd5c8;
    max-height: calc(100dvh - 76px); overflow-y: auto; overscroll-behavior: contain;
    text-align: left; font: inherit; backdrop-filter: none;
  }
  #romera-mobile-header .rm-panel[hidden] { display: none !important; }
  #romera-mobile-header .rm-panel:not([hidden]) { display: block; }
  #romera-mobile-header .rm-panel a, #romera-mobile-header .rm-panel button {
    display: flex; align-items: center; width: 100%; min-height: 44px; padding: 12px;
    border: 0; border-radius: 8px; background: transparent; color: #1c1917;
    text-decoration: none; text-align: left; font: inherit; cursor: pointer;
  }
  #romera-mobile-header .rm-panel [aria-current=page],
  #romera-mobile-header .rm-panel [aria-pressed=true] { background: #e8d5c4; font-weight: 600; }
  #romera-mobile-header .rm-panel a:hover, #romera-mobile-header .rm-panel button:hover { background: #eee6dd; }
  #romera-mobile-header :focus-visible { outline: 2px solid #8b5e3c; outline-offset: 2px; }
}