/* Keep the existing account control in reach without duplicating the login flow. */
#header .mesobra-auth-button .mesobra-auth-label--mobile { display: none; }

@media (max-width: 1024px) {
  #header,
  #header > .container,
  #header .left-side,
  #header .header-widget {
    height: 56px !important;
    min-height: 56px !important;
  }

  #header > .container { padding: 0 10px !important; }
  #header > .container::before,
  #header > .container::after { display: none !important; }
  #header #logo { line-height: 56px !important; }
  #header #logo a { min-height: 44px; }
  #header #logo img { max-width: 124px !important; max-height: 31px !important; }
  #header .right-side { right: 58px !important; height: 56px !important; }
  #header .header-widget { gap: 7px !important; }

  #header .header-widget > .mesobra-auth-button,
  #header .header-widget > .mesobra-account-menu { display: inline-flex !important; }

  #header .mesobra-header-publish,
  #header .mesobra-header-publish:hover,
  #header .header-widget > .mesobra-auth-button {
    width: auto !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    gap: 6px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap;
    box-sizing: border-box;
  }

  #header .header-widget > .mesobra-auth-button {
    color: #254d32 !important;
    border: 1px solid #c3d2bf !important;
    background: #f4f8f1 !important;
    box-shadow: none !important;
  }
  #header .header-widget > .mesobra-auth-button:hover { background: #e9f2e4 !important; transform: none !important; }
  #header .mesobra-auth-button .mesobra-auth-label--desktop { display: none !important; }
  #header .mesobra-auth-button .mesobra-auth-label--mobile { display: inline !important; }
  #header .mesobra-auth-button i { width: 16px !important; height: 18px !important; font-size: 15px !important; }
  #header .mesobra-account-avatar { width: 44px !important; height: 44px !important; min-width: 44px !important; box-shadow: none !important; }
  #header .mesobra-account-menu__link { min-height: 44px !important; }

  #header .mmenu-trigger { top: 6px !important; right: 8px !important; width: 44px !important; height: 44px !important; }
  #header .hamburger { width: 44px !important; height: 44px !important; padding: 11px !important; }

  #header :is(.mesobra-auth-button, .mesobra-account-avatar, .mesobra-header-publish, .hamburger):focus-visible {
    outline: 3px solid #237d30 !important;
    outline-offset: 2px !important;
  }
}

@media (max-width: 419px) {
  #header #logo img { max-width: 103px !important; max-height: 29px !important; }
  #header .header-widget { gap: 6px !important; }
  #header .mesobra-header-publish,
  #header .mesobra-header-publish:hover,
  #header .header-widget > .mesobra-auth-button { padding-right: 8px !important; padding-left: 8px !important; }
}

@media (max-width: 419px) {
  #header .header-widget:has(#mesobraHeaderLogin) .mesobra-header-publish { width: 44px !important; padding: 0 !important; }
  #header .header-widget:has(#mesobraHeaderLogin) .mesobra-header-publish span { display: none !important; }
}
/* A brief, dismissible signed-out notice, anchored to the account action. */
#header .header-widget { position: relative; }
#header .mesobra-login-hint[hidden] { display: none !important; }
#header .mesobra-login-hint { position: absolute; top: calc(100% + 10px); right: 0; z-index: 16000; display: flex; align-items: flex-start; gap: 10px; width: 284px; max-width: calc(100vw - 32px); padding: 15px 12px 15px 17px; border: 1px solid #d7e2d0; border-radius: 12px; background: #f1f6ed; color: #294632; box-shadow: 0 8px 24px #16352224; font-size: 13px; line-height: 1.55; text-align: left; white-space: normal; }
#header .mesobra-login-hint::before { content: ""; position: absolute; top: -6px; right: 40px; width: 10px; height: 10px; background: #f1f6ed; border-top: 1px solid #d7e2d0; border-left: 1px solid #d7e2d0; transform: rotate(45deg); }
#header .mesobra-login-hint button { flex: 0 0 28px; width: 28px; height: 28px; margin: -4px -3px 0 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #294632; font-size: 22px; line-height: 28px; cursor: pointer; }
#header .mesobra-login-hint button:focus-visible { outline: 2px solid #315f3b; outline-offset: 2px; }
@media(max-width: 1024px) { #header .mesobra-login-hint { position: fixed; top: 65px; right: 16px; } }
@media(prefers-reduced-motion: no-preference) { #header .mesobra-login-hint { animation: mesobra-login-hint-arrive .22s ease-out; } @keyframes mesobra-login-hint-arrive { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } } }
@media(max-width:359px){#header #logo img{max-width:86px!important}}