/**
 * Widget: woocommerce|cart — carrello WooCommerce nel layout del tema.
 * Stile minimo: il markup della tabella è di WooCommerce, qui solo il contorno.
 */

.woo-cart {
    padding: 0 0 var(--website-padding-top-bottom) 0;
}

.woo-cart .woo-cart-inner {
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
}

.woo-cart .woo-cart-title {
    margin: 0 0 24px;
    color: var(--icotea-brand-blue);
    font-family: var(--icotea-font-heading);
    font-size: 2.5rem;    /* 40px */
    line-height: 1.12;
    font-weight: 700;
}

.woocommerce-page .woo-cart tr.woocommerce-cart-form__cart-item.cart_item{
    background-color: var(--icotea-white);
}

.woocommerce-page .woo-cart .woocommerce-cart-form__cart-item.cart_item td.product-name a{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--icotea-second-title);
}
/* Icona cappello da laurea prima del nome corso */
.woocommerce-page .woo-cart .woocommerce-cart-form__cart-item.cart_item td.product-name a::before{
    content: '';
    flex: none;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230148E2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 1 8l11 5 11-5-11-5Z'/%3E%3Cpath d='M5 10.5V15c0 1.66 3.13 3 7 3s7-1.34 7-3v-4.5'/%3E%3Cpath d='M23 8v5'/%3E%3C/svg%3E");
}

/* Bottoni carrello */
/* "Procedi con l'ordine" (checkout) -> brand-blue */
.woocommerce-page .woo-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: var(--icotea-brand-blue);
    border-color: var(--icotea-brand-blue);
    color: #fff;
    transition: 0.3s all ease;
}
.woocommerce-page .woo-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: var(--icotea-brand-blue-dark);
    transition: 0.3s all ease;
}

/* "Aggiungi altri corsi" (plugin icotea-woo) -> accent */
.woocommerce-page .woo-cart .wc-proceed-to-checkout a.checkout-button.icotea-add-courses-btn {
    background-color: var(--icotea-accent);
    border-color: var(--icotea-accent);
    color: #1E2939;
}

/* Riga "Totale da pagare adesso": valore evidenziato brand-blue */
.woocommerce-page .woo-cart tr.order-paid td {
    background-color: var(--icotea-brand-blue) ;
    color: #fff ;
}
.woocommerce-page .woo-cart tr.order-paid td strong {
    color: #fff;
}

.woocommerce-page .woo-cart table.cart td.actions .input-text{
    width: auto;
}

.woocommerce-page .woo-cart .actions button.button[type=submit]{
    background-color: var(--icotea-accent);
    color: #333;
    border-radius: 4px;
    transition: 0.3s all ease;
    font-weight: 600;
}

.woocommerce-page .woo-cart .actions button.button[type=submit]:hover{
    background-color: var(--icotea-accent-dark);
    transition: 0.3s all ease;
}

.woocommerce-page .woo-cart .coupon button.button[type=submit]{
    background-color: var(--icotea-brand-blue);
    color: #fff;
    border-radius: 4px;
    transition: 0.3s all ease;
}

.woocommerce-page .woo-cart .coupon button.button[type=submit]:hover {
    background-color: var(--icotea-brand-blue-dark);
    transition: 0.3s all ease;
}

@media (max-width: 767px) {
    .woo-cart {
        padding: var(--website-padding-top-bottom-mini) 0;
    }
    .woo-cart .woo-cart-title {
        font-size: 2rem;
    }
}
