/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.108.4/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.19_webpack@5.108.4/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@16.0.8_sass@1.101.0_webpack@5.108.4/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./widgets/nav-toggle/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Styling for the Nav Toggle Elementor widget (gws-nav-toggle). Hand-
 * authored rewrite of the original gws/nav-toggle Gutenberg block's
 * `.hamburger`/`.line-1/2/3` rules (blocks/src/nav-toggle/style.scss).
 *
 * The *opened* look is keyed off `[aria-expanded="true"]` (Elementor
 * Pro's Off-Canvas widget manages this attribute automatically) instead
 * of the original block's `.is-open` class (which only the WordPress
 * Interactivity API ever set). Deliberately NOT porting the original
 * `.is-open` rule's `position: fixed` "float to top-right" behavior —
 * that existed to keep the toggle reachable over the block's own
 * full-viewport panel; with Elementor's own Off-Canvas widget instead,
 * the toggle stays in its normal in-flow position.
 */
.gws-nav-toggle.hamburger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  position: relative;
}

.gws-nav-toggle.hamburger .line-1,
.gws-nav-toggle.hamburger .line-2,
.gws-nav-toggle.hamburger .line-3 {
  display: block;
  height: 2px;
  width: 100%;
  background: currentColor;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.gws-nav-toggle.hamburger[aria-expanded=true] .line-1 {
  transform: translateY(6px) rotate(45deg);
}

.gws-nav-toggle.hamburger[aria-expanded=true] .line-2 {
  opacity: 0;
}

.gws-nav-toggle.hamburger[aria-expanded=true] .line-3 {
  transform: translateY(-6px) rotate(-45deg);
}

/*# sourceMappingURL=style-style.css.map*/