/**
 * 34. CSS - Varukorg styling för kurser
 * 
 * Funktionalitet:
 * - Döljer rabattbelopp
 * - Förhindrar radbrytning för priser
 * - Styling för "Fortsätt till kassan" knapp
 * - Döljer bundlade produkter
 */

/* VARUKORG - Dölj rabattbelopp */
.woocommerce-cart .cart_totals .cart-discount,
.woocommerce-cart .cart_totals .coupon,
.woocommerce-cart .cart_totals tr.cart-discount,
.woocommerce-cart .cart_totals tr[class*="discount"],
.woocommerce-cart .cart_totals .fee {
    display: none !important;
}

/* Förhindra radbrytning för alla prisbelopp */
.woocommerce-cart .amount,
.woocommerce-cart .woocommerce-Price-amount,
.woocommerce-cart .woocommerce-Price-currencySymbol {
    white-space: nowrap !important;
    display: inline !important;
}

/* Varukorg totalsumma styling */
.woocommerce-cart .cart_totals .order-total {
    border-top: 2px solid var(--contrast-3, #F3EFE8) !important;
    font-weight: bold !important;
    font-size: var(--fs-h6) !important;
}

.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td {
    padding-top: 1rem !important;
    font-size: var(--fs-h6) !important;
}

/* Fortsätt till kassan knapp - använd button-primary styling */
.woocommerce-cart .cart_totals .checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a,
.woocommerce-cart .button-primary {
    align-items: center !important;
    background-color: var(--accent) !important;
    color: var(--base-3) !important;
    display: inline-flex !important;
    font-size: var(--fs-p-1) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.5s ease 0s !important;
    border: 2px solid var(--accent) !important;
    border-radius: 50px !important;
    padding: 0.5rem 2rem !important;
    width: 100% !important;
    justify-content: center !important;
    margin-top: 1rem !important;
    font-family: var(--gp-font--noto-sans) !important;
}

.woocommerce-cart .cart_totals .checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a:hover,
.woocommerce-cart .button-primary:hover {
    background-color: var(--accent-2, #609687) !important;
    border-color: var(--accent-2, #609687) !important;
    color: var(--base-3) !important;
}

/* Dölj bundlade produkter (enskilda klasser i kurser) */
.woocommerce-cart .cart_item[data-woosb_parent_id],
.woocommerce-cart .woosb-item {
    display: none !important;
}

/* Kvantitet för kurser */
.woocommerce-cart .product-quantity .quantity {
    color: var(--contrast, #A89F91);
    font-weight: 500;
}

/* Tabellhuvud styling */
.woocommerce-cart .shop_table thead th {
    font-size: var(--fs-p-1) !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: var(--contrast, #A89F91) !important;
    border-bottom: 2px solid var(--contrast-3, #F3EFE8) !important;
    padding: 1rem 0.5rem !important;
}

/* Produktrad styling */
.woocommerce-cart .shop_table tbody tr {
    border-bottom: 1px solid var(--contrast-3, #F3EFE8) !important;
}

.woocommerce-cart .shop_table tbody td {
    padding: 1.5rem 0.5rem !important;
    vertical-align: middle !important;
}

/* Produktnamn styling för kurser */
.woocommerce-cart .product-name a {
    color: var(--contrast, #A89F91) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    font-size: var(--fs-p) !important;
}

.woocommerce-cart .product-name a:hover {
    color: var(--accent, #6A8D73) !important;
}

/* Produktbild styling */
.woocommerce-cart .product-thumbnail img {
    border-radius: var(--br-small, 1rem) !important;
    max-width: 80px !important;
    height: auto !important;
}

/* Ta bort WooCommerce standardstyling som kan störa */
.woocommerce-cart .woocommerce-cart-form .actions .button {
    background: var(--contrast-3, #F3EFE8) !important;
    color: var(--contrast, #A89F91) !important;
    border: 2px solid var(--contrast-3, #F3EFE8) !important;
    border-radius: 50px !important;
    padding: 0.5rem 1.5rem !important;
    font-size: var(--fs-p-1) !important;
    font-weight: 600 !important;
}

.woocommerce-cart .woocommerce-cart-form .actions .button:hover {
    background: var(--accent, #6A8D73) !important;
    color: var(--base-3) !important;
    border-color: var(--accent, #6A8D73) !important;
}

/* Responsiv design */
@media (max-width: 768px) {
    .woocommerce-cart .shop_table.cart {
        font-size: 0.9rem;
    }
    
    .woocommerce-cart .product-thumbnail {
        width: 60px !important;
    }
    
    .woocommerce-cart .product-thumbnail img {
        max-width: 60px !important;
    }
}

/* Extra säkerhet för att dölja rabatter */
.cart-discount,
.discount-total,
tr[class*="discount"],
tr[class*="coupon"] {
    display: none !important;
}

/* Säkerställ att endast slutsumma visas tydligt */
.woocommerce-cart .cart_totals .order-total .amount {
    font-size: var(--fs-h5) !important;
    color: var(--accent, #6A8D73) !important;
    font-weight: 300 !important;
    font-family: var(--gp-font--merriweather) !important;
}

/* 5. Button-primary styling för "Fortsätt till kassan" */
.wc-block-components-totals-coupon__form button, .wc-block-cart__submit-button {
    align-items: center !important;
    background-color: var(--accent, #6A8D73) !important;
    color: var(--base-3, #ffffff) !important;
    display: inline-flex !important;
    font-size: var(--fs-p-1, 1rem) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.5s ease 0s !important;
    border: 2px solid var(--accent, #6A8D73) !important;
    border-radius: 50px !important;
    padding: 0.5rem 2rem !important;
    justify-content: center !important;
    width: 100% !important;
    font-family: var(--gp-font--noto-sans) !important;
}

.wc-block-components-totals-coupon__form button, .wc-block-cart__submit-button:hover {
    background-color: var(--accent-2, #609687) !important;
    border-color: var(--accent-2, #609687) !important;
    color: var(--base-3, #ffffff) !important;
}

/* 1. Dölj bundlade produkter (enskilda klasser) */
.woosb-bundled {
    display: none !important;
}

/* 4. Ändra "Product" till "KURS/KLASS" */
.wc-block-cart-items__header-image {
	font-size: 0px;
}

.wc-block-cart-items__header-image::before {
	content:'Klasser/kurser';
	position: absolute;
	color: var(--accent);
	font-size: 0.8rem;
	font-weight: 400;
}