/* =========================================================
   Nuni — Header layout
   Targets the navbar Elementor container (class .nuni-navbar)
   to make the logo and cart columns content-sized and the
   menu column fill the middle. Elementor 4 atomic containers
   default child widths to 100%, which the native settings UI
   has no way to override; this stylesheet covers that gap.
   ========================================================= */

/* Site-wide page background — Nuni warm cream, so no theme renders on
   bare white. Themes and Elementor sections with an explicit background
   still win because they paint on top. wp-admin and the block editor are
   left alone. */
html,
body:not(.wp-admin):not(.block-editor-page) {
  background-color: #EDE2CE;
}

/* Logo + cart shrink to their content. Menu eats the remaining middle. */
.nuni-navbar > .e-con {
  width: auto;
}
.nuni-navbar > .e-con[class*="-79d267f"] {
  flex: 1 1 0;
  min-width: 0;
}

/* On mobile/tablet the menu container should hug the hamburger
   and sit right next to the cart, not eat the centre space. */
@media (max-width: 1024px) {
  .nuni-navbar > .e-con[class*="-79d267f"] {
    flex: 0 0 auto;
    margin-left: auto;
    justify-content: flex-end;
  }
}

/* =========================================================
   Accessibility — Skip link
   The WP theme prints a `<a class="skip-link screen-reader-text">`,
   but its `screen-reader-text` rule keeps the link clipped to 1px
   even when focused, so Lighthouse flags "Skip links are not
   focusable." Reveal the link on :focus / :focus-visible so
   keyboard users can jump to #content.
   ========================================================= */
.skip-link.screen-reader-text:focus,
.skip-link.screen-reader-text:focus-visible,
a.skip-link:focus,
a.skip-link:focus-visible {
  position: fixed !important;
  top: 16px !important;
  left: 16px !important;
  z-index: 100000 !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  clip-path: none !important;
  overflow: visible !important;
  padding: 12px 20px !important;
  margin: 0 !important;
  background: #2A1F14 !important;
  color: #FBF7EE !important;
  font-family: 'Gilroy', 'Inter', system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 20px rgba(28, 20, 12, 0.25) !important;
  outline: 2px solid #FBF7EE !important;
  outline-offset: 2px !important;
}