/* bsine-b2b-personalization/assets/css/cart-compact.css */

/* 1. Força a lista a se comportar como bloco normal em qualquer lugar do site */
.woocommerce-mini-cart dl.variation, 
.woocommerce dl.variation,
dl.variation, 
.wc-item-meta { 
    display: block !important; 
    margin: 5px 0 !important; 
    padding: 0 !important;
    width: 100% !important;
}

/* 2. A linha que agrupa Rótulo e Valor (Força "Título: Dado") */
.woocommerce-mini-cart .bsine-meta-row,
.woocommerce .bsine-meta-row,
.bsine-meta-row {
    display: flex !important; 
    flex-direction: row !important;
    flex-wrap: wrap !important; /* Mantém sempre lado a lado */
    gap: 6px !important;
    margin-bottom: 6px !important; 
    align-items: flex-start !important; /* ALINHAMENTO SÊNIOR: Sempre pelo topo */
    width: 100% !important;
    clear: both !important;
}

/* Limpeza absoluta de sujeira do tema */
.woocommerce-mini-cart .bsine-meta-row dt, 
.woocommerce-mini-cart .bsine-meta-row dd,
.woocommerce-mini-cart .bsine-meta-row strong,
.woocommerce-mini-cart .bsine-meta-row p,
.woocommerce .bsine-meta-row dt, 
.woocommerce .bsine-meta-row dd,
.woocommerce .bsine-meta-row strong,
.woocommerce .bsine-meta-row p,
.bsine-meta-row dt, 
.bsine-meta-row dd,
.bsine-meta-row strong,
.bsine-meta-row p {
    margin: 0 !important; 
    padding: 0 !important; 
    clear: none !important; 
    float: none !important; 
    display: inline-block !important;
    line-height: 1.3 !important;
    border: none !important;
    background: transparent !important;
}

/* O Título (Ex: "Nome da Loja:") */
.woocommerce-mini-cart .bsine-meta-row dt,
.woocommerce-mini-cart .bsine-meta-row strong,
.woocommerce .bsine-meta-row dt,
.woocommerce .bsine-meta-row strong,
.bsine-meta-row dt,
.bsine-meta-row strong { 
    font-weight: 600 !important; 
    color: #333 !important; 
    white-space: nowrap !important; /* Impede o título de quebrar em duas linhas */
    flex-shrink: 0 !important; /* BLINDAGEM: Impede que o título seja esmagado */
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* O Dado (Ex: "AAAAAAAAAAAAAAAAAAAAA") */
.woocommerce-mini-cart .bsine-meta-row dd,
.woocommerce-mini-cart .bsine-meta-row p,
.woocommerce .bsine-meta-row dd,
.woocommerce .bsine-meta-row p,
.bsine-meta-row dd,
.bsine-meta-row p { 
    color: #666 !important; 
    margin: 0 !important;
    flex-grow: 1 !important; /* Manda o dado ocupar todo o espaço restante */
    min-width: 0 !important; /* O SEGREDO DO FLEXBOX */
    overflow-wrap: break-word !important; 
    word-break: break-word !important;
    line-height: 1.4 !important;
}

/* 3. Lógica de Ocultar Linhas */
.bsine-meta-collapsed .bsine-meta-row:not(:first-child) { 
    display: none !important; 
}

/* 4. Oculta botões de Remover nativos do Woo no meio das variações */
.woocommerce-mini-cart .bsine-meta-row .remove,
.woocommerce .bsine-meta-row .remove,
.bsine-meta-row .remove {
    display: none !important;
}

/* 5. Estilo do link de Toggle (Discreto, minimalista e sem fundo vermelho) */
a.bsine-meta-toggle {
    display: inline-flex !important; 
    align-items: center !important; 
    gap: 4px !important;
    margin: 4px 0 12px 0 !important; 
    font-size: 11px !important; 
    font-weight: 600 !important;
    color: #777 !important; 
    cursor: pointer !important; 
    transition: color 0.2s !important;
    background: transparent !important; 
    border: none !important; 
    padding: 0 !important; 
    outline: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

a.bsine-meta-toggle:hover { 
    color: var(--bsine-tier-border, #d63031) !important; 
    text-decoration: underline !important; 
    background: transparent !important;
}