/*
Theme Name: Glanzwerk
Theme URI: https://glanzwerk-ffm.de
Description: Child-Theme von Twenty Twenty-Five für Glanzwerk. Sauberkeit als Handwerk.
Author: Glanzwerk
Template: twentytwentyfive
Version: 1.1.5
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: glanzwerk
*/

/* glanzwerk-mobile-nav-fix */
.wp-block-navigation__responsive-container.is-menu-open {
  width: 100% !important;
  max-width: 100vw !important;
  left: 0 !important;
  right: 0 !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  width: 100% !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul {
  width: 100% !important;
  max-width: 100% !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
  width: 100% !important;
  justify-content: flex-start !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label {
  text-align: left !important;
  white-space: normal !important;
  justify-content: flex-start !important;
  width: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* glanzwerk-mobile-nav-fix-2: override core justification-setting on open overlay */
.wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
  --navigation-layout-justification-setting: flex-start !important;
  --navigation-layout-justify: flex-start !important;
  --navigation-layout-align: flex-start !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

/* glanzwerk-mobile-nav-ux */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
  --navigation-layout-justification-setting: center !important;
  --navigation-layout-justify: center !important;
  --navigation-layout-align: center !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label {
  text-align: center !important;
  font-size: 1.35rem !important;
  line-height: 1.4 !important;
  padding: 0.55rem 1rem !important;
  white-space: normal !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  gap: 0.75rem !important;
  width: 100% !important;
}

/* glanzwerk-header-accent */
.wp-block-template-part > .wp-block-group.alignfull.has-base-background-color {
  border-bottom: 1px solid var(--wp--preset--color--accent, #C4A468);
}
