/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./blocks/menus/megamenu/view.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Mega Menu Block — Frontend Styling
 *
 * Styles for the mega menu block width options.
 *
 * @package Umbrellas
 * @since   1.0.0
 */
.wp-block-umbrellas-mega-menu {
  /* Default width (medium) */
  padding: var(--wp--preset--spacing--small) var(--wp--preset--spacing--medium);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  /* Default white background (desktop only) */
  background-color: var(--wp--preset--color--secondary-cream) !important;
  /* Mobile: transparent background, reset positioning, and full width */
}
@media (max-width: 1114px) {
  .wp-block-umbrellas-mega-menu {
    background-color: transparent !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    left: auto !important; /* Reset any desktop positioning */
    margin-left: 0 !important; /* Reset desktop centering */
    margin-right: 0 !important;
    transform: none !important; /* Reset any transforms */
    max-width: 100% !important; /* Force full width on mobile */
    width: 100%; /* Ensure full width */
  }
}
.wp-block-umbrellas-mega-menu h2,
.wp-block-umbrellas-mega-menu h3,
.wp-block-umbrellas-mega-menu h4,
.wp-block-umbrellas-mega-menu h5 {
  margin-top: 0;
}
.wp-block-umbrellas-mega-menu .wp-block-navigation a:hover {
  color: var(--wp--preset--color--primary);
}
.wp-block-umbrellas-mega-menu {
  /* Small width */
}
.wp-block-umbrellas-mega-menu.is-width-small {
  max-width: 300px;
}
.wp-block-umbrellas-mega-menu {
  /* Medium width (default) */
}
.wp-block-umbrellas-mega-menu.is-width-medium {
  max-width: 600px;
}
.wp-block-umbrellas-mega-menu {
  /* Large width */
}
.wp-block-umbrellas-mega-menu.is-width-large {
  max-width: 800px;
}
.wp-block-umbrellas-mega-menu {
  /* Wide width */
}
.wp-block-umbrellas-mega-menu.is-width-wide {
  max-width: var(--wp--style--global--wide-size);
}
.wp-block-umbrellas-mega-menu {
  /* Fullwidth */
}
.wp-block-umbrellas-mega-menu.is-width-fullwidth {
  max-width: 100%;
}
.wp-block-umbrellas-mega-menu.is-width-fullwidth > div {
  max-width: var(--wp--style--global--wide-size);
  margin-left: auto;
  margin-right: auto;
}

/*# sourceMappingURL=view.css.map*/