.wm-dashboard-container {
	margin: 0;
	display: flex;
	max-width: 100% !important;
	height: 100vh; /* Ocupe toda altura da tela */
	width: 100vw; /* Ocupe toda largura da tela */
	background-color: #f9f9f9; /* Fundo neutro claro */
	font-family: Arial, sans-serif;
}

.wm-dashboard-menu {
	width: 250px;
	min-width: 250px;
	background: #ffffff;
	padding: 20px 10px;
	border-right: 1px solid #e0e0e0;
	box-shadow: 2px 0 5px rgba(0, 0, 0, 0.05); /* leve sombra para destaque */
}

.wm-tab-link {
	color: #333;
	width: 100%;
	padding: 12px;
	margin-bottom: 8px;
	border: none;
	text-align: left;
	background: #f1f1f1;
	cursor: pointer;
	font-size: 15px;
	border-radius: 5px;
	transition: all 0.3s ease;
}

.wm-tab-link:hover {
	background: #e0e0e0;
}

.wm-tab-link.active {
	background: #0073aa;
	color: white;
}

.wm-dashboard-content {
	display: flex;
	flex-direction: column;
	flex-grow: 1; /* Ocupa todo restante da largura */
	background-color: #ffffff;
	padding: 30px;
	min-width: 0; /* ESSENCIAL */
	overflow-y: auto;
	color: #333; /* Fonte padrão escura */
}
.wm-dashboard-titulo {
	font-size: clamp(1.2rem, 2.5vw, 2rem);
	font-weight: bold;
	margin-bottom: 20px;
}


/* Tab content */
.wm-tab-content {
	display: none;
}

.wm-tab-content.active {
	display: block;
}

/* Labels */
.wm-dashboard-content * label {
	color: #333;
	font-weight: bold;
	margin-bottom: 5px;
	display: inline-block;
}

/* Tabelas */
.wm-dashboard-content table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
	background-color: #ffffff;
	color: #333;
	font-size: 14px;
}

.wm-dashboard-content th,
.wm-dashboard-content td {
	padding: 12px 10px;
	border: 1px solid #ddd;
	text-align: left;
}

.wm-dashboard-content th {
	background-color: #f1f1f1;
	font-weight: bold;
}

/* Inputs, selects, textareas */
.wm-dashboard-content input,
.wm-dashboard-content textarea,
.wm-dashboard-content select {
	background-color: #fff;
	color: #333;
	border: 1px solid #ccc;
	padding: 8px;
	border-radius: 4px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
}

/* 🔥 Esconde menus principais quando o fornecedor estiver na página do dashboard */
body.wm-fornecedor-dashboard #menu-principal,
body.wm-fornecedor-dashboard .site-header,
body.wm-fornecedor-dashboard .site-footer,
body.wm-fornecedor-dashboard nav,
body.wm-fornecedor-dashboard .main-navigation,
body.wm-fornecedor-dashboard .top-bar {
	display: none !important;
}




/* Historico pedidos */
.wm-pedido-card {
	background: #f3f5f9;
	display: flex;
	align-items: center;
	padding: 15px;
	border-bottom: 1px solid #eee;
	border-radius: 5px 5px 0 0;
}

.wm-pedido-img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 8px;
	flex-shrink: 0;
	margin-right: 15px;
}

.wm-pedido-info {
	flex-grow: 1;
	min-width: 0;
}

.wm-pedido-data {
	font-size: 13px;
	color: #888;
	display: block;
}

.wm-pedido-valor {
	font-weight: bold;
	font-size: 14px;
	color: #000;
}

.wm-pedido-status-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 10px;
}

.wm-pedido-status-icon {
	font-size: 20px;
}

.wm-pedido-concluido-icon {
	color: green;
}

.wm-pedido-status-text {
	font-size: 13px;
}

.wm-pedido-concluido {
	color: green;
}

.wm-pedido-toggle {
	border: 1px solid;
	background: none;
	padding: 4px 8px;
	border-radius: 8px;
	cursor: pointer;
}

.wm-pedido-toggle .material-icons {
	font-size: 20px;
}

/* Detalhes expandido */
/*
.wm-pedido-detalhes {
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 15px;
	border: 1px solid #eee;
	border-top: none;
	border-radius: 0 0 5px 5px;

	max-height: 90vh;             
	overflow-y: auto;              
	-webkit-overflow-scrolling: touch; 
	z-index: 9999;                 
}

body.wm-scroll-bloqueado {
	overflow: hidden;
}
*/

/*
.wm-pedido-produto {
	display: flex;
	gap: 15px;
	margin-bottom: 20px;
}*/

.wm-pedido-produto img {
	width: 60px;
	height: 60px;
	border-radius: 6px;
}

.wm-pedido-ver-detalhes {
	border: 1px solid purple;
	background: white;
	color: purple;
	padding: 5px 10px;
	border-radius: 20px;
	cursor: pointer;
	margin-top: 5px;
}



.wm-pedido-bloco {
	flex: 1;
	background: #fafafa;
	padding: 15px;
	border-radius: 10px;
}

.wm-pedido-label {
	color: #777;
	font-size: 13px;
	margin-bottom: 4px;
}

.wm-pedido-codigo {
	font-weight: bold;
	font-size: 14px;
}

.wm-pedido-codigo .material-icons {
	font-size: 16px;
	cursor: pointer;
	vertical-align: middle;
}

.wm-pedido-negativo {
	color: red;
}

.wm-pedido-comprador img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.wm-pedido-mensagem {
	background: purple;
	color: white;
	border: none;
	padding: 6px 12px;
	border-radius: 20px;
	margin-top: 5px;
	cursor: pointer;
}

.wm-pedido-entrega {
	text-align: center;
}

.wm-pedido-entregue-icon {
	font-size: 40px;
	color: #48c774;
}

.wm-pedido-rastreio-label {
	font-size: 13px;
	color: #888;
}

.wm-pedido-rastreio-codigo {
	font-weight: bold;
	color: #8a2be2;
}

/* Pedidos-em-andamento dashboard */
.wm-pedido-container{
border-radius: 25px;
margin-bottom: 10px;
}

.wm-bloco-status-timeline {
	margin-top: 20px;
	border-left: 3px solid #ccc;
	padding-left: 20px;
	position: relative;
}

.wm-status-envio-limite {
	background: #f9f9f9;
	border-left: 4px solid #0073aa;
	padding: 10px 15px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: #333;
}

.wm-status-timeline {
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: relative;
}

.wm-status-step {
	position: relative;
	padding-left: 35px;
}

.wm-status-step::before {
	content: '';
	position: absolute;
	left: 11px;
	top: 4px;
	width: 12px;
	height: 12px;
	background: #ccc;
	border-radius: 50%;
	z-index: 2;
}

.wm-status-step.ativo::before {
	background: #28a745;
}

.wm-status-icon {
	position: absolute;
	left: -30px;
	top: -2px;
	font-size: 18px;
}

.wm-status-info {
	padding: 0;
	font-size: 14px;
	color: #333;
}

.wm-status-info .wm-status-data {
	font-size: 12px;
	color: #999;
	margin-bottom: 2px;
}

.wm-status-info .wm-status-label {
	font-weight: bold;
	color: #222;
}

.wm-status-step button.button {
	margin-top: 5px;
	padding: 6px 12px;
	font-size: 13px;
}

.wm-status-step.ativo .wm-status-label {
	color: #28a745;
}

.wm-msg-sucesso {
	background: #e6f9ec;
	border-left: 4px solid #28a745;
	padding: 10px 15px;
	border-radius: 6px;
}

/* Estilo do botão hambúrguer */
.wm-menu-toggle {
	display: none; /* Escondido por padrão */
	background: #0073aa;
	color: white;
	border: none;
	padding: 10px 15px;
	font-size: 16px;
	cursor: pointer;
	width: 100%;
	text-align: left;
}


@media (max-width: 880px) {
	.wm-dashboard-container {
		flex-direction: column;
		height: auto;
	}
	.wm-menu-toggle {
		display: block;
	}
	.wm-dashboard-menu {
		display: none;
	}

	.wm-dashboard-menu.ativo {
		display: flex;
		flex-direction: column;
		max-width: 100%;
	}

	.wm-tab-link {
		flex: 1 1 45%;
		text-align: left;
		margin-bottom: 10px;
		font-size: 14px;
	}


	
	.wm-dashboard-content {
		padding: 20px 15px;
	}


	.wm-pedido-card {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 10px;
	}

	.wm-pedido-img {
		max-width: 100px;
		margin: 0;
	}

	.wm-pedido-status-wrapper {
		display: flex;
		flex-direction: row;
		width: 70%;
		justify-content: space-between;
		margin: 10px 0;
	}


	.wm-pedido-detalhes {
		padding: 10px;
	}

	.wm-status-envio-limite {
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
	}

	.wm-pedido-comprador img,
	.wm-pedido-produto img {
		width: 50px;
		height: 50px;
	}

	.wm-status-step button.button {
		width: 100%;
	}

	.wm-pedido-ver-detalhes,
	.wm-pedido-mensagem {
		width: 100%;
		text-align: center;
	}

}


@media (max-width: 600px) {
	.wm-bloco-status-timeline {
		padding-left: 10px;
	}
	.wm-status-step {
		padding-left: 25px;
	}
	.wm-status-step::before {
		left: 5px;
	}
	.wm-status-icon {
		left: -25px;
	}
}


.wm-filter-toggle-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
		max-width: 30%;
}
.wm-filter-toggle-wrapper span {
    font-size: 15px;
    color: #333;
}
.wm-toggle-switch {
    position: relative;
    width: 48px;
    height: 24px;
}
.wm-toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.wm-toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .3s;
    border-radius: 24px;
}
.wm-toggle-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .3s;
    border-radius: 50%;
}
.wm-toggle-switch input:checked + .wm-toggle-slider {
    background-color: #0066cc;
}
.wm-toggle-switch input:checked + .wm-toggle-slider:before {
    transform: translateX(24px);
}

/* Esconde QUALQUER widget de menu do Elementor/HFE */
.wm-hide-menus [data-widget_type^="navigation-menu"],
.wm-hide-menus .hfe-nav-menu,
.wm-hide-menus .hfe-flyout-container,
.wm-hide-menus .hfe-nav-menu__toggle {
  display: none !important;
}

/* Esconde listas de ícones (links de conta/whishlist comuns em headers) */
.wm-hide-menus .elementor-widget-icon-list,
.wm-hide-menus .elementor-icon-list-items {
  display: none !important;
}

/* Esconde carrinho do HFE */
.wm-hide-menus #hfe-site-header-cart,
.wm-hide-menus .hfe-site-header-cart,
.wm-hide-menus .hfe-cart-container {
  display: none !important;
}

/* Ajax Search for Woo (campo de busca do header) */
.wm-hide-menus .dgwt-wcas-search-wrapp,
.wm-hide-menus .dgwt-wcas-search-form {
  display: none !important;
}

/* Menu do Woo Blocks (se usado) */
.wm-hide-menus nav.wp-block-navigation,
.wm-hide-menus .wp-block-navigation__responsive-container {
  display: none !important;
}
/* Escopo apenas quando a classe do body estiver presente */
body.wm-fornecedor-dashboard :is(
  header,
  .site-header,
  .elementor-location-header,
  .hfe-site-header,
  .hfe-sticky-header,
  nav,
  .main-navigation,
  .top-bar,
  .hfe-nav-menu,
  .hfe-flyout-container,
  #hfe-site-header-cart,
  .dgwt-wcas-search-wrapp,
  footer,
  .site-footer,
  .elementor-location-footer,
  .hfe-site-footer
){
  display: none !important;
}

/* Se quiser remover também qualquer "barra do tema" acima do conteúdo */
body.wm-fornecedor-dashboard .wp-block-navigation,
body.wm-fornecedor-dashboard .wp-block-navigation__responsive-container {
  display: none !important;
}