/**
* Theme Name: Sebella Child
* Description: This is a child theme of Sebella, generated by Merlin WP.
* Author: Lusitec 
* Template: sebella
* Version: 1.9.7
*/

/* Container principal das variações */
.variation {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

/* Estilo para os termos (dt) e descrições (dd) */
.variation dt, 
.variation dd {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
}

/* Remove quebras de linha e margens nos parágrafos */
.variation dd p {
    display: inline;
    margin: 0;
    padding: 0;
}

/* Estilo específico para a cor */
.variation-cor {
    display: inline-flex !important;
    align-items: center;
    gap: 3px;
}

body.elementor-page-336 .site-header .site-topbar {background-color:#1e1e1e !important;}

.site-footer .footer-widgets, .site-footer .subfooter {
    background-color: #1e1e1e !important; }

/* Versão mobile */
@media (max-width: 768px) {
    .site-shop--filterbar {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }
    
    .product-results, 
    .product-result--sort {
        width: 100%;
    }
    
    .product-results {
        order: 1;
    }
    
    .product-result--sort {
        order: 2;
    }
    
    .product-results--filter.hide-desktop {
        display: flex !important;
        justify-content: center;
    }
    
    .product-results--view.hide-mobile {
        display: none;
    }
}

/* Diminui o tamanho do texto do TOTAL no carrinho */
.woocommerce .cart_totals .order-total td,
.woocommerce-checkout .order-total td {
    font-size:  1.10rem!important; /* Ajuste o valor conforme necessário */
}

/* Opcional: Ajustar apenas o valor (não o rótulo "Total") */
.woocommerce .cart_totals .order-total td .amount,
.woocommerce-checkout .order-total td .amount {
    font-size:  1.10rem!important;
}