/* Addboards' pages (home, About, Pricing, Privacy) on SakinLab UI 2: their buttons, the menu and the settings are the
   central library's (/assets/ui/ui.css); addboards.css (the brand layout) sits in the lower `legacy` layer. */

/* the menu button only where the links fold into it (addboards.css: under 1000 px) */
.ab-home .ab-menu-trigger.ui-icon-button { --ui-h: 28px; }
@media (min-width: 1000px) { .ab-home .ab-menu-trigger.ui-icon-button { display: none; } }
/* the home header shows the current appearance only; a tap steps to the next (core.js) */
.ab-home .ab-header-actions .ui-settings-bar .themes > .ui-seg:not([aria-pressed="true"]),
.ab-home .ab-header-actions .ui-settings-bar .themes > :is(.ui-ind, .ui-hl) { display: none; }
/* the sign-up dialog's close button */
.ab-dialog .ab-close.ui-icon-button { position: absolute; top: var(--ui-sp-3); inset-inline-end: var(--ui-sp-3); width: var(--ui-h); padding: 0; border: 0; background: none; font: inherit; }
/* under 1000 px the links fold into a popup: the same surface and rows as UI 2's menus (the Language menu beside it) */
@media (max-width: 999px) {
  .ab-home .ab-nav-links { padding: 4px; border: 0; border-radius: var(--ui-r-surface); background: var(--ui-s3); box-shadow: var(--ui-shadow-4); }
  .ab-home .ab-nav-links > a.nav-link { height: var(--ui-row); padding: 0 var(--ui-sp-2); border-radius: var(--ui-r-row); color: var(--ui-muted);
    font-family: var(--ui-font); font-size: var(--ui-fs); font-weight: var(--ui-w-normal, 400); line-height: var(--ui-lh); font-style: normal; }
  .ab-home .ab-nav-links > a.nav-link:not(.ab-signup):is(:hover, :focus-visible) { background: var(--ui-hover); color: var(--ui-fg); }
}