/* PAGINA: carrinho */
/*
 * ================================================================
 *    AJUSTES PAGINA: carrinho vazio → só no carrinho
 * ================================================================
 */

/* Oculta o ícone de informação padrão do bloco */
.wc-block-components-notice-banner.is-info svg {
	display: none !important;
}

/* Modifica o bloco de aviso original para remover as bordas e fundos feios */
.wc-block-components-notice-banner.is-info {
	border: none !important;
	background: transparent !important;
	padding: 0 !important;
	box-shadow: none !important;
}

/* Centraliza e estrutura o container principal */
.wc-empty-cart-message {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}

/* Injeta a imagem customizada do carrinho vazio acima do texto */
.wc-empty-cart-message::before {
	content: "";
	display: block;
	width: 300px; /* Ajuste o tamanho da imagem se necessário */
	height: 120px;
	background-image: url('https://tarcoshop.com.br/wp-content/plugins/side-cart-woocommerce/assets/images/empty-cart.png') !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	margin-bottom: 25px !important;
}

/* Ajusta o espaçamento do texto interno */
.wc-block-components-notice-banner__content {
	font-size: 1.2rem !important;
	font-weight: 500 !important;
	color: #333 !important;
}

.return-to-shop .button {
    font-size: 1.1rem !important;
    padding: 12px 24px !important;
}

@media (max-width: 768px) {
  .wopb-product-wrapper.wopb-cart-table-wrapper:has(.wc-empty-cart-message) .return-to-shop {
    display: block !important;
    position: absolute !important;
    text-align: center !important;
    margin: 400px 0px 0px 25px !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  .wopb-product-wrapper.wopb-cart-table-wrapper:has(.wc-empty-cart-message) .return-to-shop .button {
    position: static !important;
    writing-mode: horizontal-tb !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    white-space: nowrap !important;
    padding: 12px 24px !important;
    font-size: 1.1rem !important;
  }
}