/* 1. Widoczność sekcji desktop vs mobile */
@media (min-width:992px){
  body .desktop-menu        { display: block; }
  body .mobile-menu         { display: none; }
}
@media (max-width:992px){
  body .desktop-menu        { display: none; }
  body .mobile-menu         { display: block; }
}


/* 2. Przełączanie B2C vs B2B */
body.state-b2c .desktop-b2b-bottom     { display: none; }
body.state-b2c .desktop-b2c-bottom     { display: block; }
body.state-b2b .desktop-b2c-bottom     { display: none; }
body.state-b2b .desktop-b2b-bottom     { display: block; }

body.state-b2c .mobile-b2b             { display: none !important; }
body.state-b2c .mobile-b2c             { display: block !important; }
body.state-b2b .mobile-b2c             { display: none !important; }
body.state-b2b .mobile-b2b             { display: block !important; }

body.state-b2c .logo-b2b             { display: none !important; }
body.state-b2c .logo-b2c             { display: block !important; }
body.state-b2b .logo-b2c             { display: none !important; }
body.state-b2b .logo-b2b             { display: block !important; }

/* 3. (opcjonalnie) ukryj oba dolne desktopowe przy wczytaniu, dopóki JS nie ustawi klasy */
body:not(.state-b2c):not(.state-b2b) .desktop-b2c-bottom,
body:not(.state-b2c):not(.state-b2b) .desktop-b2b-bottom { opacity: 0; }

header .state-buttons {
  gap: 12px;
}

/* Primary Button */
body.state-b2c .is-style-fill#b2c-level .wp-element-button {
	background-color: var(--wp--preset--color--custom-bg-inverted);
	color: var(--wp--preset--color--custom-text-inverted);
	border-radius: 32px;
  padding: 4px 12px;
}

body.state-b2c .is-style-fill#b2c-level .wp-element-button:hover {
	background-color: var(--wp--preset--color--custom-action-hover);
}

body.state-b2c .is-style-fill#b2c-level .wp-element-button:active {
	background-color: var(--wp--preset--color--custom-action-active);
    text-decoration: underline;
}

/* Secondary Button */
body.state-b2c .is-style-outline#b2b-level .wp-element-button {
	background-color: var(--wp--preset--color--custom-bg-white);
	color: var(--wp--preset--color--custom-text-action);
    border: 1px solid var(--wp--preset--color--custom-stroke-default);
	border-radius: 32px;
    padding: 4px 12px;
}

body.state-b2c .is-style-outline#b2b-level .wp-element-button:hover {
	background-color: var(--wp--preset--color--custom-bg-white);
	color: var(--wp--preset--color--custom-action-hover);
    border: 1px solid var(--wp--preset--color--custom-action-hover);
}

body.state-b2c .is-style-outline#b2b-level .wp-element-button:active {
	background-color: var(--wp--preset--color--custom-bg-white);
	color: var(--wp--preset--color--custom-action-active);
    border: 1px solid var(--wp--preset--color--custom-action-active);
    text-decoration: underline;
}

/* State B2B */

/* Primary Button */
body.state-b2b .is-style-fill#b2c-level .wp-element-button {
	background-color: var(--wp--preset--color--custom-bg-white);
	color: var(--wp--preset--color--custom-text-action);
  border: 1px solid var(--wp--preset--color--custom-stroke-default);
	border-radius: 32px;
  padding: 4px 12px;
}

body.state-b2b .is-style-fill#b2c-level .wp-element-button:hover {
	background-color: var(--wp--preset--color--custom-bg-white);
	color: var(--wp--preset--color--custom-action-hover);
  border: 1px solid var(--wp--preset--color--custom-action-hover);
}

body.state-b2b .is-style-fill#b2c-level .wp-element-button:active {
	background-color: var(--wp--preset--color--custom-bg-white);
	color: var(--wp--preset--color--custom-action-active);
  border: 1px solid var(--wp--preset--color--custom-action-active);
  text-decoration: underline;
}

/* Secondary Button */
body.state-b2b .is-style-outline#b2b-level .wp-element-button {
	background-color: var(--wp--preset--color--custom-bg-inverted);
  border: 1px solid var(--wp--preset--color--custom-bg-inverted);
	color: var(--wp--preset--color--custom-text-inverted);
	border-radius: 32px;
  padding: 4px 12px;
}

body.state-b2b .is-style-outline#b2b-level .wp-element-button:hover {
    border: 1px solid var(--wp--preset--color--custom-action-hover);
    background-color: var(--wp--preset--color--custom-action-hover);
}

body.state-b2b .is-style-outline#b2b-level .wp-element-button:active {
    background-color: var(--wp--preset--color--custom-action-active);
    text-decoration: underline;
}

/* ----------- */

header .wp-block-polylang-navigation-language-switcher .wp-block-navigation-item__content .wp-block-navigation-item__label  img {
    width: 16px !important;
    height: 16px !important;
    object-fit: cover;
    object-position: center;
    border-radius: 16px;
    border: 1px #fff solid;
}

header .wp-block-polylang-navigation-language-switcher .wp-block-navigation-item__label {
    display: block;
}

header .wp-block-navigation-item__label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

header .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  color: var(--wp--preset--color--custom-text-secondary);
  padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--40);
  gap: var(--wp--preset--spacing--20);
}

header .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
    border-radius: 16px;
    border: none;
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
    border-radius: 16px;
    border: none;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container .wp-block-navigation-item {
	border-radius: 16px;
}

header .wp-block-navigation .wp-block-navigation-item {
    background-color: transparent;
    width: max-content;
}

header .wp-block-navigation__responsive-container {
    top: 65px;
}

/* ukrywa oryginalny przycisk Zamknij */
header .wp-block-navigation__responsive-container-close {
    display: none !important;
  }

/* w mobilnym widoku chowamy wszystkie .wp-block-navigation__submenu-container */
.view-mobile header .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
    display: none !important;
  }

.view-mobile header .wp-block-navigation__responsive-container-content.submenu-open .wp-block-navigation__submenu-container {
    display: block !important;
  }

header .wp-block-navigation__responsive-container-content.submenu-open, 
header .wp-block-navigation__submenu-container {
  display: block !important;
}

/* domyślnie schowaj overlay */
header .wp-block-navigation__responsive-container {
    display: none !important;
  }
  
  /* gdy są obie klasy, pokaż go */
  header .wp-block-navigation__responsive-container.has-modal-open.is-menu-open {
    display: flex !important;
  }
  
  /* styl dla przycisku „← Powrót” */
  header .mobile-back-button {
    display: inline-flex;
    gap: 8px;
    font-weight: bold;
    transition: all .3s ease-in-out;
    width: 100%;
    text-align: center;
    background-color: var(--wp--preset--color--custom-bg-white);
    border: 0;
    border-radius: 32px;
    padding: 16px 12px;
    color: var(--wp--preset--color--custom-text-action);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    font-size: var(--wp--preset--font-size--custom-7);
  }

  header .mobile-back-button:hover {
    color: var(--wp--preset--color--custom-action-hover);
  }

  header .mobile-back-button:focus {
    color: var(--wp--preset--color--custom-action-active);
    text-decoration: underline;
  }

  header .wp-block-navigation__responsive-container .wp-block-navigation-item__label {
    font-size: var(--wp--preset--font-size--custom-7);
  }

  header .wp-block-navigation__responsive-container-open {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }

  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
    display: block;
    width: 16px;
    height: 16px;
  }

  header .wp-block-navigation-submenu.has-child {
    gap: 8px;
    flex-direction: row !important;
    justify-content: center !important;
  }

  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content svg {
    transform: rotate(-90deg);
  }

  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: 0;
  }

  header .wp-block-navigation__responsive-container .wp-block-navigation-item {
    width: 100%;
  }

  header .wp-block-navigation__responsive-container .wp-block-navigation-item .wp-block-navigation-item__content {
    padding: 16px 8px!important;
  }
  

header .wp-block-navigation-item .wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--custom-action-hover);
  }

  header .wp-block-navigation-item .wp-block-navigation-item__content:active {
    color: var(--wp--preset--color--custom-action-active);
  }

  header .wp-block-navigation__responsive-container .wp-block-navigation__container {
    width: 100%;
  }

  header .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container {
    border: none!important;
    background-color: var(--wp--preset--color--custom-bg-secondary)!important;
  }

  header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--custom-bg-secondary);
  }


  header .wp-block-navigation__responsive-container .wp-block-buttons {
    padding: 32px 0;
    border-top: 1px solid var(--wp--preset--color--custom-text-unactive);
    border-bottom: 1px solid var(--wp--preset--color--custom-text-unactive);
    border-left: 0;
    border-right: 0;
    width: 100%;
}