/*!
 * WooCommerce Styles - Eliane Brazão
 * Estilos específicos para páginas de produtos
 */

/*--------------------------------------------------------------
PÁGINA DA LOJA - ARCHIVE PRODUCT
--------------------------------------------------------------*/

/* Hero da Loja */
.loja-hero {
    background: linear-gradient(135deg, var(--marrom-rico) 0%, var(--marrom-medio-claro) 100%);
    padding: var(--espacamento-xl) var(--espacamento-md);
    text-align: center;
    color: var(--branco);
}

.loja-hero-content h1 {
    font-family: var(--fonte-primaria);
    font-size: var(--fonte-3xl);
    color: var(--branco);
    margin-bottom: var(--espacamento-sm);
}

.loja-hero .hero-subtitle {
    font-size: var(--fonte-lg);
    color: var(--bege-claro);
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.loja-hero .term-description {
    font-size: var(--fonte-md);
    color: var(--bege-claro);
    max-width: 800px;
    margin: var(--espacamento-sm) auto 0;
    line-height: 1.6;
}

/* Toolbar */
.loja-toolbar {
    background-color: var(--cinza-claro);
    padding: var(--espacamento-md) 0;
    border-bottom: 2px solid var(--marrom-medio-claro);
}

.toolbar-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--espacamento-md);
}

.woocommerce-result-count {
    font-size: var(--fonte-sm);
    color: var(--marrom-medio);
    font-weight: 600;
    margin: 0;
}

.woocommerce-ordering select {
    padding: var(--espacamento-xs) var(--espacamento-md);
    border: 2px solid var(--marrom-medio);
    border-radius: 4px;
    font-size: var(--fonte-sm);
    color: var(--marrom-rico);
    background-color: var(--branco);
    cursor: pointer;
    transition: border-color 0.2s ease;
}

.woocommerce-ordering select:focus {
    outline: none;
    border-color: var(--marrom-rico);
}

/* Seção de Produtos */
.loja-produtos {
    padding: var(--espacamento-xl) var(--espacamento-md);
    background-color: var(--bege-claro);
}

/* Grid de Produtos */
.woocommerce ul.products {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: var(--espacamento-lg) !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none !important;
}

/* Card do Produto */
.woocommerce ul.products li.product {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: var(--branco) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: var(--sombra-leve) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-8px) !important;
    box-shadow: var(--sombra-forte) !important;
}

/* Link do Produto */
.produto-link {
    text-decoration: none !important;
    color: inherit !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

/* Imagem do Produto */
.produto-imagem {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    background-color: var(--cinza-claro);
}

.produto-imagem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.woocommerce ul.products li.product:hover .produto-imagem img {
    transform: scale(1.1);
}

/* Badge de Promoção */
.woocommerce ul.products li.product .onsale {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    margin: 0 !important;
    background-color: var(--marrom-rico) !important;
    color: var(--branco) !important;
    padding: 4px 12px !important;
    border-radius: 4px !important;
    font-size: var(--fonte-xs) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    z-index: 2 !important;
    width: 100px !important;
    min-height: auto !important;
}

/* Informações do Produto */
.produto-info {
    padding: var(--espacamento-md);
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-xs);
    flex: 1;
}

.produto-categoria {
    font-size: var(--fonte-xs);
    color: var(--marrom-medio);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* Título */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15pt !important;
    color: var(--marrom-rico) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    min-height: 2.8em !important; /* 1.3 (line-height) × 3 (linhas) = 3.9em */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* alterado de 2 para 3 */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    padding: 0 !important;
}

/* Avaliação */
.produto-rating {
    display: flex;
    align-items: center;
    gap: var(--espacamento-xs);
}

.woocommerce .star-rating {
    font-size: var(--fonte-sm);
    color: var(--marrom-rico);
}

/* Preço */
.produto-preco {
    font-size: var(--fonte-xl) !important;
    color: var(--marrom-rico) !important;
    font-weight: 700 !important;
    margin-top: auto !important;
}

.produto-preco del {
    font-size: var(--fonte-md) !important;
    color: var(--marrom-medio) !important;
    opacity: 0.6 !important;
    margin-right: var(--espacamento-xs) !important;
}

.produto-preco ins {
    text-decoration: none !important;
    color: var(--marrom-rico) !important;
}

/* Botão Adicionar ao Carrinho */
.produto-actions {
    padding: 0 var(--espacamento-md) var(--espacamento-md);
}

.woocommerce ul.products li.product .button {
    display: block !important;
    width: 100% !important;
    background-color: var(--marrom-rico) !important;
    color: var(--branco) !important;
    padding: var(--espacamento-sm) !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: var(--fonte-md) !important;
    font-weight: 600 !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
    text-decoration: none !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: var(--marrom-medio) !important;
    transform: translateY(-2px) !important;
    color: var(--branco) !important;
}

.woocommerce ul.products li.product .button.loading {
    opacity: 0.6 !important;
    cursor: wait !important;
}

.woocommerce ul.products li.product .button.added::after {
    content: " ✓";
}

/* Mensagem Sem Produtos */
.woocommerce-info,
.woocommerce-no-products-found {
    background-color: var(--cinza-claro) !important;
    padding: var(--espacamento-xl) !important;
    border-radius: 8px !important;
    text-align: center !important;
    border-left: 4px solid var(--marrom-rico) !important;
    color: var(--marrom-medio) !important;
}

.woocommerce-info::before,
.woocommerce-no-products-found::before {
    display: none !important;
}

/* Paginação */
.woocommerce-pagination {
    margin-top: var(--espacamento-xl) !important;
    text-align: center !important;
}

.woocommerce-pagination ul {
    display: inline-flex !important;
    gap: var(--espacamento-xs) !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.woocommerce-pagination ul li {
    margin: 0 !important;
}

.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
    display: block !important;
    padding: var(--espacamento-xs) var(--espacamento-md) !important;
    background-color: var(--branco) !important;
    color: var(--marrom-rico) !important;
    border: 2px solid var(--marrom-medio) !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.woocommerce-pagination ul li a:hover,
.woocommerce-pagination ul li span.current {
    background-color: var(--marrom-rico) !important;
    color: var(--branco) !important;
    border-color: var(--marrom-rico) !important;
}

/*--------------------------------------------------------------
PÁGINA DE PRODUTO INDIVIDUAL - SINGLE PRODUCT
--------------------------------------------------------------*/

/* Hero do Produto */
.produto-hero {
    background-color: var(--cinza-claro);
    padding: var(--espacamento-md) 0;
    border-bottom: 2px solid var(--marrom-medio-claro);
}

.woocommerce-breadcrumb {
    font-size: var(--fonte-sm);
    color: var(--marrom-medio);
}

.woocommerce-breadcrumb a {
    color: var(--marrom-rico);
    text-decoration: none;
    transition: color 0.2s ease;
}

.woocommerce-breadcrumb a:hover {
    color: var(--marrom-medio-claro);
}

/* Conteúdo Principal */
.produto-content {
    padding: var(--espacamento-xl) var(--espacamento-md);
    background-color: var(--bege-claro);
}

.produto-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--espacamento-xl);
    max-width: 1200px;
    margin: 0 auto;
}

/* Galeria de Imagens */
.produto-galeria {
    position: relative;
}

.woocommerce-product-gallery {
    margin: 0;
}

.woocommerce-product-gallery__wrapper {
    margin: 0;
}

.woocommerce-product-gallery__image {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--sombra-media);
    margin-bottom: var(--espacamento-sm);
}

.woocommerce-product-gallery__image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Badge de Promoção */
.woocommerce div.product .onsale {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: var(--marrom-rico);
    color: var(--branco);
    padding: 8px 16px;
    border-radius: 4px;
    font-size: var(--fonte-sm);
    font-weight: 700;
    text-transform: uppercase;
    z-index: 10;
    width: 100px !important;
    min-height: auto;
    margin: 0;
    line-height: 1;
}

/* Informações do Produto */
.produto-info-detalhes {
    background-color: var(--branco);
    padding: var(--espacamento-lg);
    border-radius: 8px;
    box-shadow: var(--sombra-leve);
}

/* Título do Produto */
.woocommerce div.product .product_title {
    font-family: var(--fonte-secundaria);
    font-size: var(--fonte-2xl);
    color: var(--marrom-rico);
    font-weight: 600;
    margin-bottom: var(--espacamento-sm);
    line-height: 1.3;
}

/* Avaliação */
.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: var(--espacamento-md);
    display: flex;
    align-items: center;
    gap: var(--espacamento-sm);
}

/* Preço */
.woocommerce div.product p.price {
    font-size: var(--fonte-3xl);
    color: var(--marrom-rico);
    font-weight: 700;
    margin-bottom: var(--espacamento-md);
}

.woocommerce div.product p.price del {
    font-size: var(--fonte-xl);
    color: var(--marrom-medio);
    opacity: 0.6;
    margin-right: var(--espacamento-sm);
}

.woocommerce div.product p.price ins {
    text-decoration: none;
    color: var(--marrom-rico);
}

/* Descrição Curta */
.woocommerce div.product .woocommerce-product-details__short-description {
    font-size: var(--fonte-md);
    color: var(--marrom-medio);
    line-height: 1.8;
    margin-bottom: var(--espacamento-lg);
    padding-bottom: var(--espacamento-md);
    border-bottom: 1px solid var(--cinza-claro);
}

/* Formulário de Adicionar ao Carrinho */
.woocommerce div.product form.cart {
    margin-bottom: var(--espacamento-lg);
}

.woocommerce div.product form.cart .quantity {
    display: inline-block;
    margin-right: var(--espacamento-sm);
}

.woocommerce div.product form.cart .quantity input.qty {
    width: 80px;
    padding: var(--espacamento-sm);
    border: 2px solid var(--marrom-medio);
    border-radius: 4px;
    font-size: var(--fonte-md);
    text-align: center;
}

/* Botão Adicionar ao Carrinho */
.woocommerce div.product form.cart .single_add_to_cart_button {
    background-color: var(--marrom-rico);
    color: var(--branco);
    padding: 16px 40px;
    border: none;
    border-radius: 4px;
    font-size: var(--fonte-lg);
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover {
    background-color: var(--marrom-medio);
    transform: translateY(-2px);
}

.woocommerce div.product form.cart .single_add_to_cart_button.loading {
    opacity: 0.6;
    cursor: wait;
}

/* Meta Informações */
.woocommerce div.product .product_meta {
    font-size: var(--fonte-sm);
    color: var(--marrom-medio);
    padding-top: var(--espacamento-md);
    border-top: 1px solid var(--cinza-claro);
}

.woocommerce div.product .product_meta > span {
    display: block;
    margin-bottom: var(--espacamento-xs);
}

.woocommerce div.product .product_meta a {
    color: var(--marrom-rico);
    text-decoration: none;
    transition: color 0.2s ease;
}

.woocommerce div.product .product_meta a:hover {
    color: var(--marrom-medio-claro);
}

/* Detalhes Completos (Abas) */
.produto-detalhes-completos {
    padding: var(--espacamento-xl) var(--espacamento-md);
    background-color: var(--cinza-claro);
}

.woocommerce div.product .woocommerce-tabs {
    background-color: var(--branco);
    border-radius: 8px;
    padding: var(--espacamento-lg);
    box-shadow: var(--sombra-leve);
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--espacamento-lg) 0;
    display: flex;
    gap: var(--espacamento-sm);
    border-bottom: 2px solid var(--cinza-claro);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block;
    padding: var(--espacamento-sm) var(--espacamento-md);
    color: var(--marrom-medio);
    text-decoration: none;
    font-weight: 600;
    border-bottom: 3px solid transparent;
    transition: all 0.2s ease;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: var(--marrom-rico);
    border-bottom-color: var(--marrom-rico);
}

.woocommerce div.product .woocommerce-tabs .panel {
    color: var(--marrom-medio);
    line-height: 1.8;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-size: var(--fonte-xl);
    color: var(--marrom-rico);
    margin-bottom: var(--espacamento-md);
    font-weight: 600;
}

/* Produtos Relacionados */
.woocommerce .related.products,
.woocommerce .upsells.products {
    margin-top: var(--espacamento-xl);
}

.woocommerce .related.products h2,
.woocommerce .upsells.products h2 {
    font-size: var(--fonte-2xl);
    color: var(--marrom-rico);
    margin-bottom: var(--espacamento-lg);
    font-weight: 600;
    text-align: center;
}

.woocommerce .related.products ul.products,
.woocommerce .upsells.products ul.products {
    grid-template-columns: repeat(4, 1fr) !important;
}

/*--------------------------------------------------------------
RESPONSIVIDADE
--------------------------------------------------------------*/

/* Tablets Grande (1024px - 1399px) */
@media screen and (max-width: 1399px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Tablets (768px - 1023px) */
@media screen and (max-width: 1023px) {
    .loja-hero-content h1 {
        font-size: var(--fonte-2xl);
    }

    .toolbar-flex {
        flex-direction: column;
        align-items: stretch;
    }

    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--espacamento-md) !important;
    }

    .produto-grid {
        grid-template-columns: 1fr;
        gap: var(--espacamento-lg);
    }

    .woocommerce .related.products ul.products,
    .woocommerce .upsells.products ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Mobile (até 767px) */
@media screen and (max-width: 767px) {
    .loja-hero {
        padding: var(--espacamento-lg) var(--espacamento-md);
    }

    .loja-hero-content h1 {
        font-size: var(--fonte-xl);
    }

    .loja-hero .hero-subtitle {
        font-size: var(--fonte-md);
    }

    .loja-produtos {
        padding: var(--espacamento-lg) var(--espacamento-sm);
    }

    .woocommerce ul.products {
        gap: var(--espacamento-sm) !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: var(--fonte-md) !important;
        min-height: auto !important;
    }

    .produto-preco {
        font-size: var(--fonte-lg) !important;
    }

    .woocommerce div.product .product_title {
        font-size: var(--fonte-xl);
    }

    .woocommerce div.product p.price {
        font-size: var(--fonte-2xl);
    }

    .woocommerce div.product form.cart .single_add_to_cart_button {
        width: 100%;
        text-align: center;
    }

    .woocommerce .related.products ul.products,
    .woocommerce .upsells.products ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs {
        flex-direction: column;
    }
	.produto-actions {
    padding: 0;
	
	}
	.woocommerce ul.products li.product .button{font-size: 10pt !important;}
	.woocommerce ul.products li.product  {top:55px; padding-bottom:55px !important;}
}

@media screen and (max-width: 480px) {
    .woocommerce .related.products ul.products,
    .woocommerce .upsells.products ul.products {
        grid-template-columns: 1fr !important;
    }
}

/*--------------------------------------------------------------
PÁGINA DO CARRINHO
--------------------------------------------------------------*/

/* Hero Carrinho */
.carrinho-hero {
    background: linear-gradient(135deg, var(--marrom-rico) 0%, var(--marrom-medio-claro) 100%);
    padding: var(--espacamento-xl) var(--espacamento-md);
    text-align: center;
    color: var(--branco);
}

.carrinho-hero-content h1 {
    font-family: var(--fonte-primaria);
    font-size: var(--fonte-3xl);
    color: var(--marrom-rico);
    margin-bottom: var(--espacamento-sm);
}

.carrinho-hero .hero-subtitle {
    font-size: var(--fonte-lg);
    color: var(--bege-claro);
}

/* Conteúdo do Carrinho */
.carrinho-content {
    padding: var(--espacamento-xl) var(--espacamento-md);
    background-color: var(--bege-claro);
}

.carrinho-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--espacamento-xl);
    max-width: 1200px;
    margin: 0 auto;
}

/* Produtos no Carrinho */
.carrinho-produtos {
    background-color: var(--branco);
    padding: var(--espacamento-lg);
    border-radius: 8px;
    box-shadow: var(--sombra-leve);
}

.carrinho-produtos h2 {
    font-size: var(--fonte-2xl);
    color: var(--marrom-rico);
    margin-bottom: var(--espacamento-md);
    font-weight: 600;
}

/* Tabela do Carrinho */
.woocommerce-cart-form__contents {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-cart-form__contents thead {
    background-color: var(--marrom-medio-claro);
    color: var(--branco);
}

.woocommerce-cart-form__contents thead th {
    padding: var(--espacamento-sm);
    text-align: left;
    font-weight: 600;
    font-size: var(--fonte-sm);
}

.woocommerce-cart-form__contents tbody tr {
    border-bottom: 1px solid var(--cinza-claro);
}

.woocommerce-cart-form__contents tbody td {
    padding: var(--espacamento-md);
    vertical-align: middle;
}

.product-thumbnail img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
}

.product-name a {
    color: var(--marrom-rico);
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease;
}

.product-name a:hover {
    color: var(--marrom-medio-claro);
}

.product-price,
.product-subtotal {
    font-size: var(--fonte-lg);
    color: var(--marrom-rico);
    font-weight: 700;
}

.product-quantity input.qty {
    width: 60px;
    padding: var(--espacamento-xs);
    border: 2px solid var(--marrom-medio);
    border-radius: 4px;
    text-align: center;
}

.product-remove a {
    color: var(--marrom-rico);
    font-size: var(--fonte-2xl);
    text-decoration: none;
    transition: color 0.2s ease;
}

.product-remove a:hover {
    color: #c0392b;
}

/* Ações do Carrinho */
.carrinho-acoes {
    margin-top: var(--espacamento-md);
    padding-top: var(--espacamento-md);
    border-top: 2px solid var(--cinza-claro);
}

.carrinho-acoes button {
    background-color: var(--marrom-rico);
    color: var(--branco);
    padding: 12px 32px;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.carrinho-acoes button:hover {
    background-color: var(--marrom-medio);
}

/* Totais do Carrinho */
.carrinho-totais {
    background-color: var(--branco);
    padding: var(--espacamento-lg);
    border-radius: 8px;
    box-shadow: var(--sombra-leve);
    height: fit-content;
    position: sticky;
    top: 20px;
}

.cart_totals h2 {
    font-size: var(--fonte-xl);
    color: var(--marrom-rico);
    margin-bottom: var(--espacamento-md);
    font-weight: 600;
}

.cart_totals table {
    width: 100%;
    border-collapse: collapse;
}

.cart_totals th,
.cart_totals td {
    padding: var(--espacamento-sm);
    text-align: left;
    border-bottom: 1px solid var(--cinza-claro);
}

.cart_totals th {
    font-weight: 600;
    color: var(--marrom-medio);
}

.cart_totals td {
    text-align: right;
    color: var(--marrom-rico);
    font-weight: 700;
}

.cart_totals .order-total th,
.cart_totals .order-total td {
    font-size: var(--fonte-xl);
    color: var(--marrom-rico);
    border-top: 2px solid var(--marrom-medio-claro);
    padding-top: var(--espacamento-md);
}

.wc-proceed-to-checkout {
    margin-top: var(--espacamento-md);
}

.wc-proceed-to-checkout .checkout-button {
    display: block;
    width: 100%;
    background-color: var(--marrom-rico);
    color: var(--branco);
    padding: 16px;
    border: none;
    border-radius: 4px;
    font-size: var(--fonte-lg);
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.wc-proceed-to-checkout .checkout-button:hover {
    background-color: var(--marrom-medio);
    transform: translateY(-2px);
}

/* Cupom de Desconto */
.coupon {
    display: flex;
    gap: var(--espacamento-sm);
    margin-bottom: var(--espacamento-md);
}

.coupon input[type="text"] {
    flex: 1;
    padding: var(--espacamento-sm);
    border: 2px solid var(--marrom-medio);
    border-radius: 4px;
}

.coupon button {
    background-color: var(--marrom-medio-claro);
    color: var(--branco);
    padding: var(--espacamento-sm) var(--espacamento-md);
    border: none;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.coupon button:hover {
    background-color: var(--marrom-rico);
}

/*--------------------------------------------------------------
PÁGINA DO CHECKOUT
--------------------------------------------------------------*/

/* Hero Checkout */
.checkout-hero {
    background: linear-gradient(135deg, var(--marrom-rico) 0%, var(--marrom-medio-claro) 100%);
    padding: var(--espacamento-xl) var(--espacamento-md);
    text-align: center;
    color: var(--branco);
}

.checkout-hero-content h1 {
    font-family: var(--fonte-primaria);
    font-size: var(--fonte-3xl);
    color: var(--branco);
    margin-bottom: var(--espacamento-sm);
}

.checkout-hero .hero-subtitle {
    font-size: var(--fonte-lg);
    color: var(--bege-claro);
}

/* Conteúdo do Checkout */
.checkout-content {
    padding: var(--espacamento-xl) var(--espacamento-md);
    background-color: var(--bege-claro);
}

.checkout-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: var(--espacamento-xl);
    max-width: 1200px;
    margin: 0 auto;
}

/* Dados de Cobrança */
.checkout-billing {
    background-color: var(--branco);
    padding: var(--espacamento-lg);
    border-radius: 8px;
    box-shadow: var(--sombra-leve);
}

.checkout-billing h3 {
    font-size: var(--fonte-xl);
    color: var(--marrom-rico);
    margin-bottom: var(--espacamento-md);
    font-weight: 600;
}

.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row,
.woocommerce-additional-fields .form-row {
    margin-bottom: var(--espacamento-md);
}

.woocommerce-billing-fields label,
.woocommerce-shipping-fields label,
.woocommerce-additional-fields label {
    display: block;
    font-weight: 600;
    color: var(--marrom-rico);
    margin-bottom: var(--espacamento-xs);
}

.woocommerce-billing-fields input[type="text"],
.woocommerce-billing-fields input[type="email"],
.woocommerce-billing-fields input[type="tel"],
.woocommerce-billing-fields select,
.woocommerce-shipping-fields input[type="text"],
.woocommerce-shipping-fields select,
.woocommerce-additional-fields textarea {
    width: 100%;
    padding: var(--espacamento-sm);
    border: 2px solid var(--cinza-medio);
    border-radius: 4px;
    font-size: var(--fonte-md);
    color: var(--marrom-rico);
    transition: border-color 0.2s ease;
}

.woocommerce-billing-fields input:focus,
.woocommerce-billing-fields select:focus,
.woocommerce-shipping-fields input:focus,
.woocommerce-shipping-fields select:focus,
.woocommerce-additional-fields textarea:focus {
    outline: none;
    border-color: var(--marrom-rico);
}

/* Resumo do Pedido */
.checkout-order {
    background-color: var(--branco);
    padding: var(--espacamento-lg);
    border-radius: 8px;
    box-shadow: var(--sombra-leve);
    height: fit-content;
    position: sticky;
    top: 20px;
}

.checkout-order h3 {
    font-size: var(--fonte-xl);
    color: var(--marrom-rico);
    margin-bottom: var(--espacamento-md);
    font-weight: 600;
}

.woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: var(--espacamento-md);
}

.woocommerce-checkout-review-order-table thead {
    background-color: var(--marrom-medio-claro);
    color: var(--branco);
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding: var(--espacamento-sm);
    text-align: left;
    border-bottom: 1px solid var(--cinza-claro);
}

.woocommerce-checkout-review-order-table .product-name {
    font-weight: 600;
    color: var(--marrom-rico);
}

.woocommerce-checkout-review-order-table .product-total {
    text-align: right;
    font-weight: 700;
    color: var(--marrom-rico);
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
    font-size: var(--fonte-xl);
    color: var(--marrom-rico);
    border-top: 2px solid var(--marrom-medio-claro);
    padding-top: var(--espacamento-md);
}

/* Métodos de Pagamento */
.woocommerce-checkout-payment {
    background-color: var(--cinza-claro);
    padding: var(--espacamento-md);
    border-radius: 4px;
    margin-top: var(--espacamento-md);
}

.wc_payment_methods {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wc_payment_method {
    margin-bottom: var(--espacamento-sm);
    padding: var(--espacamento-sm);
    background-color: var(--branco);
    border-radius: 4px;
}

.wc_payment_method label {
    font-weight: 600;
    color: var(--marrom-rico);
    cursor: pointer;
}

.payment_box {
    padding: var(--espacamento-sm);
    background-color: var(--bege-claro);
    border-radius: 4px;
    margin-top: var(--espacamento-xs);
}

#place_order {
    width: 100%;
    background-color: var(--marrom-rico);
    color: var(--branco);
    padding: 16px;
    border: none;
    border-radius: 4px;
    font-size: var(--fonte-lg);
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
    margin-top: var(--espacamento-md);
}

#place_order:hover {
    background-color: var(--marrom-medio);
    transform: translateY(-2px);
}

/* Carrinho Vazio */
.checkout-vazio {
    text-align: center;
    padding: var(--espacamento-xl);
    background-color: var(--branco);
    border-radius: 8px;
    box-shadow: var(--sombra-leve);
}

.checkout-vazio p {
    font-size: var(--fonte-lg);
    color: var(--marrom-medio);
    margin-bottom: var(--espacamento-md);
}

/*--------------------------------------------------------------
PÁGINA MINHA CONTA
--------------------------------------------------------------*/

/* Hero Minha Conta */
.minha-conta-hero {
    background: linear-gradient(135deg, var(--marrom-rico) 0%, var(--marrom-medio-claro) 100%);
    padding: var(--espacamento-xl) var(--espacamento-md);
    text-align: center;
    color: var(--branco);
}

.minha-conta-hero-content h1 {
    font-family: var(--fonte-primaria);
    font-size: var(--fonte-3xl);
    color: var(--branco);
    margin-bottom: var(--espacamento-sm);
}

.minha-conta-hero .hero-subtitle {
    font-size: var(--fonte-lg);
    color: var(--bege-claro);
}

/* Conteúdo Minha Conta */
.minha-conta-content {
    padding: var(--espacamento-xl) var(--espacamento-md);
    background-color: var(--bege-claro);
}

.minha-conta-grid {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: var(--espacamento-xl);
    max-width: 1200px;
    margin: 0 auto;
}

/* Navegação Minha Conta */
.minha-conta-nav {
    background-color: var(--branco);
    padding: var(--espacamento-lg);
    border-radius: 8px;
    box-shadow: var(--sombra-leve);
    height: fit-content;
    position: sticky;
    top: 20px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation li {
    margin-bottom: var(--espacamento-xs);
}

.woocommerce-MyAccount-navigation a {
    display: block;
    padding: var(--espacamento-sm) var(--espacamento-md);
    color: var(--marrom-medio);
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    transition: all 0.2s ease;
}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation li.is-active a {
    background-color: var(--marrom-rico);
    color: var(--branco);
}

/* Conteúdo da Conta */
.minha-conta-conteudo {
    background-color: var(--branco);
    padding: var(--espacamento-lg);
    border-radius: 8px;
    box-shadow: var(--sombra-leve);
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    color: var(--marrom-rico);
    margin-bottom: var(--espacamento-md);
    font-weight: 600;
}

/* Formulário de Login */
.minha-conta-login {
    max-width: 500px;
    margin: 0 auto;
    background-color: var(--branco);
    padding: var(--espacamento-xl);
    border-radius: 8px;
    box-shadow: var(--sombra-leve);
}

.woocommerce-form-login label,
.woocommerce-form-register label {
    display: block;
    font-weight: 600;
    color: var(--marrom-rico);
    margin-bottom: var(--espacamento-xs);	
}

.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="password"],
.woocommerce-form-register input[type="text"],
.woocommerce-form-register input[type="email"],
.woocommerce-form-register input[type="password"] {
    width: 100%;
    padding: var(--espacamento-sm);
    border: 2px solid var(--cinza-medio);
    border-radius: 4px;
    font-size: var(--fonte-md);
    margin-bottom: var(--espacamento-md);
    transition: border-color 0.2s ease;
	height:45px !important;
}

.woocommerce-form-login input:focus,
.woocommerce-form-register input:focus {
    outline: none;
    border-color: var(--marrom-rico);
}

.woocommerce-form-login button,
.woocommerce-form-register button {
    background-color: var(--marrom-rico);
    color: var(--branco);
    padding: 12px;
    border: none;
    border-radius: 4px;
    font-size: var(--fonte-md);
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.woocommerce-form-login button:hover,
.woocommerce-form-register button:hover {
    background-color: var(--marrom-medio);
}

/* Tabela de Pedidos */
.woocommerce-orders-table {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-orders-table thead {
    background-color: var(--marrom-medio-claro);
    color: var(--branco);
}

.woocommerce-orders-table th,
.woocommerce-orders-table td {
    padding: var(--espacamento-sm);
    text-align: left;
    border-bottom: 1px solid var(--cinza-claro);
}

.woocommerce-orders-table a {
    color: var(--marrom-rico);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

.woocommerce-orders-table a:hover {
    color: var(--marrom-medio-claro);
}

/*--------------------------------------------------------------
RESPONSIVIDADE - CARRINHO, CHECKOUT E MINHA CONTA
--------------------------------------------------------------*/

@media screen and (max-width: 1024px) {
    .carrinho-grid,
    .checkout-grid {
        grid-template-columns: 1fr;
    }

    .carrinho-totais,
    .checkout-order {
        position: static;
    }

    .minha-conta-grid {
        grid-template-columns: 1fr;
    }

    .minha-conta-nav {
        position: static;
    }
}

@media screen and (max-width: 768px) {
    .carrinho-hero-content h1,
    .checkout-hero-content h1,
    .minha-conta-hero-content h1 {
        font-size: var(--fonte-2xl);
    }

    .woocommerce-cart-form__contents thead {
        display: none;
    }

    .woocommerce-cart-form__contents tbody tr {
        display: block;
        margin-bottom: var(--espacamento-md);
        border: 1px solid var(--cinza-claro);
        border-radius: 4px;
        padding: var(--espacamento-sm);
    }

    .woocommerce-cart-form__contents tbody td {
        display: block;
        text-align: left;
        padding: var(--espacamento-xs) 0;
        border: none;
    }

    .woocommerce-cart-form__contents tbody td::before {
        content: attr(data-title) ": ";
        font-weight: 600;
        color: var(--marrom-medio);
    }

    .product-thumbnail {
        text-align: center;
    }

    .product-thumbnail img {
        margin: 0 auto;
    }
}

/*--------------------------------------------------------------
WOOCOMMERCE BLOCKS - BOTÕES E ELEMENTOS GUTENBERG
--------------------------------------------------------------*/

/* Botão do Carrinho (Blocks) */
.wc-block-cart__submit-container .wc-block-components-button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-components-button.wp-element-button {
    background-color: var(--marrom-rico) !important;
    color: var(--branco) !important;
    border: none !important;
    padding: 16px 32px !important;
    border-radius: 4px !important;
    font-size: var(--fonte-lg) !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
}

.wc-block-cart__submit-container .wc-block-components-button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button.wp-element-button:hover {
    background-color: var(--marrom-medio) !important;
    transform: translateY(-2px) !important;
    color: var(--branco) !important;
}

/* Texto do Botão */
.wc-block-components-button__text {
    color: var(--branco) !important;
    font-weight: 600 !important;
}

/* Botão Adicionar ao Carrinho (Blocks) */
.wc-block-grid__product-add-to-cart .wp-element-button,
.wc-block-components-product-button .wp-element-button {
    background-color: var(--marrom-rico) !important;
    color: var(--branco) !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    transition: background-color 0.2s ease !important;
}

.wc-block-grid__product-add-to-cart .wp-element-button:hover,
.wc-block-components-product-button .wp-element-button:hover {
    background-color: var(--marrom-medio) !important;
    color: var(--branco) !important;
}

/* Botão "Ver Carrinho" */
.wc-block-mini-cart__footer .wc-block-components-button,
.wc-block-mini-cart__footer-cart {
    background-color: var(--marrom-medio-claro) !important;
    color: var(--branco) !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: background-color 0.2s ease !important;
}

.wc-block-mini-cart__footer .wc-block-components-button:hover,
.wc-block-mini-cart__footer-cart:hover {
    background-color: var(--marrom-rico) !important;
}

/* Botão "Finalizar Compra" no Mini Cart */
.wc-block-mini-cart__footer-checkout {
    background-color: var(--marrom-rico) !important;
    color: var(--branco) !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: background-color 0.2s ease !important;
}

.wc-block-mini-cart__footer-checkout:hover {
    background-color: var(--marrom-medio) !important;
}

/* Botões Secundários (Outline) */
.wc-block-components-button--outlined,
.wc-block-components-button.outlined {
    background-color: transparent !important;
    color: var(--marrom-rico) !important;
    border: 2px solid var(--marrom-rico) !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.wc-block-components-button--outlined:hover,
.wc-block-components-button.outlined:hover {
    background-color: var(--marrom-rico) !important;
    color: var(--branco) !important;
    border-color: var(--marrom-rico) !important;
}

/* Spinner de Loading */
.wc-block-components-spinner {
    color: var(--marrom-rico) !important;
}

/* Links de Ação */
.wc-block-components-product-badge {
    background-color: var(--marrom-rico) !important;
    color: var(--branco) !important;
    padding: 4px 12px !important;
    border-radius: 4px !important;
    font-size: var(--fonte-xs) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* Campos de Input (Blocks) */
.wc-block-components-text-input input,
.wc-block-components-textarea textarea,
.wc-block-components-select select {
    border: 2px solid var(--cinza-medio) !important;
    border-radius: 4px !important;
    padding: var(--espacamento-sm) !important;
    font-size: var(--fonte-md) !important;
    color: var(--marrom-rico) !important;
    transition: border-color 0.2s ease !important;
}

.wc-block-components-text-input input:focus,
.wc-block-components-textarea textarea:focus,
.wc-block-components-select select:focus {
    outline: none !important;
    border-color: var(--marrom-rico) !important;
}

/* Labels */
.wc-block-components-text-input label,
.wc-block-components-textarea label,
.wc-block-components-select label {
    color: var(--marrom-rico) !important;
    font-weight: 600 !important;
    margin-bottom: var(--espacamento-xs) !important;
}

/* Checkbox e Radio */
.wc-block-components-checkbox input[type="checkbox"],
.wc-block-components-radio-control input[type="radio"] {
    accent-color: var(--marrom-rico) !important;
}

/* Totais do Carrinho (Blocks) */
.wc-block-components-totals-item {
    border-bottom: 1px solid var(--cinza-claro) !important;
    padding: var(--espacamento-sm) 0 !important;
}

.wc-block-components-totals-item__label {
    color: var(--marrom-medio) !important;
    font-weight: 600 !important;
}

.wc-block-components-totals-item__value {
    color: var(--marrom-rico) !important;
    font-weight: 700 !important;
}

/* Total Final */
.wc-block-components-totals-footer-item {
    border-top: 2px solid var(--marrom-medio-claro) !important;
    padding-top: var(--espacamento-md) !important;
    margin-top: var(--espacamento-md) !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: var(--fonte-xl) !important;
    color: var(--marrom-rico) !important;
}

/* Mensagens de Erro */
.wc-block-components-validation-error {
    background-color: #fff3cd !important;
    border-left: 4px solid #ffc107 !important;
    color: #856404 !important;
    padding: var(--espacamento-sm) !important;
    border-radius: 4px !important;
    margin-bottom: var(--espacamento-sm) !important;
}

/* Mensagens de Sucesso */
.wc-block-components-notice-banner.is-success {
    background-color: #d4edda !important;
    border-left: 4px solid #28a745 !important;
    color: #155724 !important;
    padding: var(--espacamento-sm) !important;
    border-radius: 4px !important;
}

/* Painel de Pagamento (Blocks) */
.wc-block-components-radio-control-accordion-option {
    border: 2px solid var(--cinza-claro) !important;
    border-radius: 4px !important;
    margin-bottom: var(--espacamento-sm) !important;
}

.wc-block-components-radio-control-accordion-option.is-selected {
    border-color: var(--marrom-rico) !important;
    background-color: var(--bege-claro) !important;
}

/* Cupom de Desconto (Blocks) */
.wc-block-components-totals-coupon {
    background-color: var(--cinza-claro) !important;
    padding: var(--espacamento-md) !important;
    border-radius: 4px !important;
    margin-bottom: var(--espacamento-md) !important;
}

.wc-block-components-totals-coupon__button {
    background-color: var(--marrom-medio-claro) !important;
    color: var(--branco) !important;
    border: none !important;
    padding: var(--espacamento-xs) var(--espacamento-md) !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

.wc-block-components-totals-coupon__button:hover {
    background-color: var(--marrom-rico) !important;
}

/* Responsivo - Blocks */
@media screen and (max-width: 768px) {
    .wc-block-cart__submit-container .wc-block-components-button,
    .wc-block-components-checkout-place-order-button {
        padding: 14px 24px !important;
        font-size: var(--fonte-md) !important;
    }
}

/*--------------------------------------------------------------
BOTÃO ADICIONAR AO CARRINHO - WOOCOMMERCE BLOCKS
--------------------------------------------------------------*/

/* Botão Adicionar ao Carrinho (Grid de Produtos - Blocks) */
.wc-block-grid__product-add-to-cart .wp-block-button__link,
.wc-block-grid__product-add-to-cart a,
.add_to_cart_button,
.ajax_add_to_cart {
    background-color: var(--marrom-rico) !important;
    color: var(--branco) !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    font-size: var(--fonte-md) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
    box-shadow: none !important;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart a:hover,
.add_to_cart_button:hover,
.ajax_add_to_cart:hover {
    background-color: var(--marrom-medio) !important;
    color: var(--branco) !important;
    transform: translateY(-2px) !important;
}

/* Estado de Loading */
.wc-block-grid__product-add-to-cart .wp-block-button__link.loading,
.add_to_cart_button.loading,
.ajax_add_to_cart.loading {
    opacity: 0.6 !important;
    cursor: wait !important;
}

/* Estado Adicionado */
.wc-block-grid__product-add-to-cart .wp-block-button__link.added,
.add_to_cart_button.added,
.ajax_add_to_cart.added {
    background-color: #4CAF50 !important;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link.added::after,
.add_to_cart_button.added::after,
.ajax_add_to_cart.added::after {
    content: " ✓" !important;
}

/* Container do Botão */
.wp-block-button.wc-block-grid__product-add-to-cart {
    margin: 0 !important;
    width: 100% !important;
}

/* Remover estilos padrão do WordPress */
.wp-block-button__link {
    border-radius: 4px !important;
}

/* Botão dentro do Card de Produto */
.wc-block-grid__product .wc-block-grid__product-add-to-cart {
    margin-top: auto !important;
    padding: 0 var(--espacamento-md) var(--espacamento-md) !important;
}

/* Botão "Ver Opções" (para produtos variáveis) */
.wc-block-grid__product-add-to-cart .product_type_variable,
.wc-block-grid__product-add-to-cart .product_type_grouped {
    background-color: var(--marrom-medio-claro) !important;
}

.wc-block-grid__product-add-to-cart .product_type_variable:hover,
.wc-block-grid__product-add-to-cart .product_type_grouped:hover {
    background-color: var(--marrom-rico) !important;
}

/* Responsivo */
@media screen and (max-width: 768px) {
    .wc-block-grid__product-add-to-cart .wp-block-button__link,
    .wc-block-grid__product-add-to-cart a {
        padding: 10px 16px !important;
        font-size: var(--fonte-sm) !important;
    }
}
/*--------------------------------------------------------------
SELECT DE VARIAÇÕES DE PRODUTO - WOOCOMMERCE
--------------------------------------------------------------*/

/* Container da Variação */
.variations {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: var(--espacamento-lg);
}

.variations td,
.variations th {
    padding: 0;
    border: none;
    vertical-align: middle;
}

.variations .label {
    padding-right: var(--espacamento-md);
    padding-bottom: var(--espacamento-md);
    white-space: nowrap;
}

.variations .label label {
    font-family: var(--fonte-secundaria);
    font-size: var(--fonte-md);
    font-weight: 600;
    color: var(--marrom-rico);
    margin: 0;
}

.variations .value {
    width: 100%;
    padding-bottom: var(--espacamento-md);
}

/* Select de Variação */
.variations select,
.woocommerce div.product .variations select,
select#cores-da-flor,
select[data-attribute_name] {
    width: 100% !important;
    padding: 12px 44px 12px 16px !important;
    border: 2px solid var(--cinza-medio) !important;
    border-radius: 4px !important;
    font-family: var(--fonte-secundaria) !important;
    font-size: var(--fonte-md) !important;
    color: var(--marrom-rico) !important;
    background-color: var(--branco) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    /* Seta personalizada com cor marrom-rico */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%237D5331' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 14px !important;

    /* Sombra interna sutil */
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

/* Focus no Select */
.variations select:focus,
.woocommerce div.product .variations select:focus,
select#cores-da-flor:focus,
select[data-attribute_name]:focus {
    outline: none !important;
    border-color: var(--marrom-rico) !important;
    box-shadow: 0 0 0 3px rgba(125, 83, 49, 0.1) !important;
}

/* Hover no Select */
.variations select:hover,
.woocommerce div.product .variations select:hover,
select[data-attribute_name]:hover {
    border-color: var(--marrom-medio) !important;
}

/* Opção Padrão "Escolha uma opção" */
.variations select option[value=""] {
    color: var(--marrom-medio) !important;
    font-style: italic !important;
}

/* Opções do Select */
.variations select option {
    color: var(--marrom-rico) !important;
    background-color: var(--branco) !important;
    padding: var(--espacamento-sm) !important;
    font-size: var(--fonte-md) !important;
}

/* Opção Habilitada */
.variations select option.enabled {
    color: var(--marrom-rico) !important;
    font-weight: 500 !important;
}

/* Opção Desabilitada */
.variations select option.disabled,
.variations select option:disabled {
    color: var(--cinza-medio) !important;
    font-style: italic !important;
}

/* Botão "Limpar" a Seleção */
.woocommerce div.product .reset_variations,
.reset_variations {
    display: inline-block !important;
    margin-top: var(--espacamento-xs) !important;
    font-size: var(--fonte-sm) !important;
    color: var(--marrom-medio) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
    visibility: visible !important;
}

.woocommerce div.product .reset_variations:hover,
.reset_variations:hover {
    color: var(--marrom-rico) !important;
    text-decoration: underline !important;
}

/* Descrição da Variação Selecionada */
.woocommerce-variation-description {
    background-color: var(--cinza-claro);
    padding: var(--espacamento-sm) var(--espacamento-md);
    border-radius: 4px;
    border-left: 3px solid var(--marrom-rico);
    margin-bottom: var(--espacamento-md);
}

.woocommerce-variation-description p {
    font-size: var(--fonte-sm);
    color: var(--marrom-medio);
    margin: 0;
    line-height: 1.6;
}

/* Preço da Variação */
.woocommerce-variation-price {
    margin-bottom: var(--espacamento-md);
}

.woocommerce-variation-price .price {
    font-size: var(--fonte-2xl) !important;
    color: var(--marrom-rico) !important;
    font-weight: 700 !important;
}

.woocommerce-variation-price .price del {
    font-size: var(--fonte-lg) !important;
    color: var(--marrom-medio) !important;
    opacity: 0.6 !important;
    margin-right: var(--espacamento-xs) !important;
}

.woocommerce-variation-price .price ins {
    text-decoration: none !important;
    color: var(--marrom-rico) !important;
}

/* Disponibilidade do Estoque */
.woocommerce-variation-availability {
    margin-bottom: var(--espacamento-sm);
}

.woocommerce-variation-availability .stock {
    font-size: var(--fonte-sm);
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 20px;
    display: inline-block;
}

/* Em estoque */
.woocommerce-variation-availability .in-stock {
    background-color: #d4edda;
    color: #155724;
}

/* Fora de estoque */
.woocommerce-variation-availability .out-of-stock {
    background-color: #f8d7da;
    color: #721c24;
}

/* Disponível para encomenda */
.woocommerce-variation-availability .available-on-backorder {
    background-color: #fff3cd;
    color: #856404;
}

/* Animação quando Selecionado */
.variations select:valid,
.variations select option:checked {
    background-color: var(--bege-claro) !important;
}

/*--------------------------------------------------------------
RESPONSIVIDADE - SELECT DE VARIAÇÕES
--------------------------------------------------------------*/

@media screen and (max-width: 768px) {
    .variations select,
    select[data-attribute_name] {
        font-size: 16px !important; /* Previne zoom no iOS */
        padding: 14px 44px 14px 16px !important;
    }

    .variations .label {
        padding-right: 0;
        padding-bottom: var(--espacamento-xs);
        display: block;
        width: 100%;
    }

    .variations td {
        display: block;
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .variations select,
    select[data-attribute_name] {
        padding: 12px 40px 12px 14px !important;
    }
}