{"version":3,"sources":["../../../../src/moj/components/button-menu/_button-menu.scss"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,uCAAuC;;AAEvC;EACE,qBAAqB;EACrB,kBAAkB;AACpB;;AAEA;;EAEE,gBAAgB;EAChB,wBAAwB;AAC1B;;AAEA;EACE,oBAAoB;EACpB,mBAAmB;EACnB,QAAQ;AACV;;AAEA;EACE,eAAe;EACf,yBAAyB;AAC3B;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,WAAW;EACX,eAAe,EAAE,qBAAqB;EACtC,UAAU;EACV,gBAAgB;;EAEhB;;IAEE,kBAAkB;IAClB,YAAY;EACd;;EAEA;IACE,QAAQ;EACV;AACF;;AAEA,0BAA0B;AAC1B;EACE,qBAAqB;EACrB,WAAW,EAAE,2BAA2B;EACxC,8BAA8B;EAC9B,+BAA+B;EAC/B,wBAAwB;;EAExB;IACE,eAAe;EACjB;AACF;;AAEA,uBAAuB;AACvB;EACE,sBAAsB;EACtB,qBAAqB;EACrB,kBAAkB;EAClB,WAAW;EACX,aAAa;EACb,eAAe;EACf,gBAAgB;EAChB,cAAc;EACd,yBAAyB;EACzB,0DAA0D;EAC1D,+CAA+C;EAC/C,gBAAgB;EAChB,yBAAyB;EACzB,4DAA4D;EAC5D,gBAAgB;EAChB,mBAAmB;EACnB,eAAe;EACf,wBAAwB;EACxB,gBAAgB;EAChB,kDAAkD;;EAElD;;;;IAIE,yBAAyB;IACzB,qBAAqB;EACvB;;EAEA;;IAEE,4BAA4B;EAC9B;;EAEA,wCAAwC;EACxC;IACE,UAAU;IACV,SAAS;EACX;;EAEA;IACE,8CAA8C;EAChD;;EAEA;IACE,WAAW;IACX,iCAAiC;IACjC,6CAA6C;IAC7C,+CAA+C;EACjD;;EAEA;IACE,iCAAiC;IACjC,+BAA+B;IAC/B,qCAAqC;IACrC,4CAA4C;EAC9C;AACF","file":"_button-menu.scss","sourcesContent":["@use \"../../settings/colours\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n.moj-button-menu {\n  display: inline-block;\n  position: relative;\n}\n\n.moj-button-menu__toggle-button,\n.moj-button-menu__single-button {\n  margin-bottom: 0;\n  vertical-align: baseline;\n}\n\n.moj-button-menu__toggle-button span {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.moj-button-menu__toggle-button svg {\n  margin-top: 2px;\n  transform: rotate(180deg);\n}\n\n.moj-button-menu__toggle-button[aria-expanded=\"true\"] svg {\n  transform: rotate(0deg);\n}\n\n.moj-button-menu__wrapper {\n  z-index: 10;\n  margin: 5px 0 0; // 2px shadow, 3px gap\n  padding: 0;\n  list-style: none;\n\n  &,\n  .moj-button-group--inline {\n    position: absolute;\n    width: 200px;\n  }\n\n  &--right {\n    right: 0;\n  }\n}\n\n/* Menu items with no JS */\n.moj-button-menu__item {\n  display: inline-block;\n  width: auto; // Override GDS’s 100% width\n  margin-right: govuk-spacing(2);\n  margin-bottom: govuk-spacing(2);\n  vertical-align: baseline;\n\n  &:last-child {\n    margin-right: 0;\n  }\n}\n\n/* Menu items with JS */\n.moj-button-menu li > .moj-button-menu__item {\n  box-sizing: border-box;\n  display: inline-block;\n  position: relative;\n  width: 100%;\n  margin-top: 0;\n  margin-right: 0;\n  margin-bottom: 0;\n  margin-left: 0;\n  padding: govuk-spacing(2);\n  border: $govuk-border-width-form-element solid transparent;\n  border-bottom: 1px solid $moj-button-menu-color;\n  border-radius: 0;\n  color: $govuk-text-colour;\n  background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n  text-align: left;\n  vertical-align: top;\n  cursor: pointer;\n  -webkit-appearance: none;\n  appearance: none;\n  @include govuk-font($size: 19, $line-height: 19px);\n\n  &:link,\n  &:visited,\n  &:active,\n  &:hover {\n    color: $govuk-text-colour;\n    text-decoration: none;\n  }\n\n  &:active,\n  &:hover {\n    color: govuk-colour(\"white\");\n  }\n\n  // Fix unwanted button padding in Firefox\n  &::-moz-focus-inner {\n    padding: 0;\n    border: 0;\n  }\n\n  &:hover {\n    background-color: $moj-button-menu-hover-color;\n  }\n\n  &:focus {\n    z-index: 10;\n    border-color: $govuk-focus-colour;\n    outline: $govuk-focus-width solid transparent;\n    box-shadow: inset 0 0 0 1px $govuk-focus-colour;\n  }\n\n  &:focus:not(:active):not(:hover) {\n    border-color: $govuk-focus-colour;\n    color: $govuk-focus-text-colour;\n    background-color: $govuk-focus-colour;\n    box-shadow: 0 2px 0 $govuk-focus-text-colour;\n  }\n}\n"]}