/* ====== Navigation block: painel branco total (sem overlay cinzento) ====== */

/* Painel do menu */
.wp-block-navigation__responsive-container.is-menu-open{
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;          /* usa left:0 se quiseres à esquerda */
  left: auto !important;

  width: min(360px, 85vw) !important;
  height: 100dvh !important;

  background: #ffffff !important;
  z-index: 99999 !important;
  overflow: hidden !important;
  box-shadow: -20px 0 40px rgba(0,0,0,.25) !important;
}

/* REMOVE QUALQUER OVERLAY/BACKDROP */
.wp-block-navigation__responsive-container.is-menu-open::before,
.wp-block-navigation__responsive-overlay,
.wp-block-navigation__responsive-container-background{
  content: none !important;
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Dialog interno */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-dialog{
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  padding: 56px 20px 24px !important; /* espaço para a cruz */
  overflow-y: auto !important;
  background: #ffffff !important;
}

/* Remove alinhamento fullscreen */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-dialog
.wp-block-navigation__responsive-container-content{
  justify-content: flex-start !important;
  align-items: stretch !important;
}

/* Cruz no canto superior direito */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-close{
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  margin: 0 !important;
  z-index: 100000 !important;
  color: #000000 !important;
  fill: #000000 !important;
}

/* Links em coluna */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container{
  flex-direction: column !important;
  gap: 12px !important;
}

/* Texto preto */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content{
  color: #000000 !important;
}

/* Hover (opcional) */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content:hover{
  color: #111827 !important;
}




/* ================================
   account page
   ================================ */

/* 0) Base */
.woocommerce-account .woocommerce{
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px 16px;
}

/* 1) Layout: menu lateral + conteúdo */
.woocommerce-account .woocommerce{
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

/* Menu (navegação) */
.woocommerce-account .woocommerce-MyAccount-navigation{
  flex: 0 0 280px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  padding: 14px;
}

/* Lista de links */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin: 0;
  padding: 0;
}

/* Links */
.woocommerce-account .woocommerce-MyAccount-navigation a{
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  color: #111827;
  text-decoration: none;
}

/* Hover */
.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
  background: rgba(0,0,0,.06);
}

/* Item activo */
.woocommerce-account .woocommerce-MyAccount-navigation .is-active > a{
  background: #111827;
  color: #fff;
}

/* Conteúdo */
.woocommerce-account .woocommerce-MyAccount-content{
  flex: 1 1 auto;
  background: #fff;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  padding: 18px;
}

/* 2) Botões mais consistentes */
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce input.button{
  border-radius: 12px;
  padding: 10px 14px;
}

/* 3) Campos */
.woocommerce-account .woocommerce input[type="text"],
.woocommerce-account .woocommerce input[type="email"],
.woocommerce-account .woocommerce input[type="password"],
.woocommerce-account .woocommerce input[type="tel"],
.woocommerce-account .woocommerce select,
.woocommerce-account .woocommerce textarea{
  border-radius: 12px;
  padding: 10px 12px;
}

/* 4) Responsivo: em mobile fica tudo em coluna */
@media (max-width: 860px){
  .woocommerce-account .woocommerce{
    flex-direction: column;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation{
    width: 100%;
    flex: 1 1 auto;
  }
}