/**
 * 27. CSS för varukorg och kassa
 * 
 * Funktionalitet:
 * - Styling för mini-cart dropdown
 * - Anpassar knappar till button-primary/secondary
 * - Förhindrar radbrytning för pris
 */

/* Mini-cart dropdown */
.widget_shopping_cart .button {
    width: 100%;
    margin-bottom: 0.5rem;
}

.widget_shopping_cart .button.checkout {
    /* Använd button-primary styling */
    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.3rem 2rem !important;
    justify-content: center !important;
}

.widget_shopping_cart .button.checkout:hover {
    background-color: #a2caac !important;
    border-color: #a2caac !important;
}

.widget_shopping_cart .button:not(.checkout) {
    /* Använd button-secondary styling */
    align-items: center !important;
    color: var(--accent) !important;
    background-color: transparent !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.3rem 2rem !important;
    justify-content: center !important;
}

.widget_shopping_cart .button:not(.checkout):hover {
    background-color: var(--contrast-3) !important;
    color: var(--accent-2) !important;
}

/* Förhindra radbrytning för pris */
.woocommerce-Price-amount {
    white-space: nowrap;
}

/* Varukorg-sidan */
.woocommerce-cart .cart_totals .checkout-button {
    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.3rem 2rem !important;
    width: fit-content !important;
}

.woocommerce-cart .cart_totals .checkout-button:hover {
    background-color: #a2caac !important;
    border-color: #a2caac !important;
}

/* Kassa-sidan */
#place_order {
    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.3rem 2rem !important;
    width: fit-content !important;
    float: none !important;
    margin: 0 auto !important;
}

#place_order:hover {
    background-color: #a2caac !important;
    border-color: #a2caac !important;
}

/* REA-badge till KURSBOKNING */
.woocommerce span.onsale {
    background: var(--accent, #6A8D73) !important;
    color: var(--base-3, #ffffff) !important;
    font-size: 0.8rem !important;
    padding: 0.5rem 1rem !important;
    font-weight: 600 !important;
}

.woocommerce span.onsale:before {
    content: 'KURSBOKNING';
    font-size: 0;
}

.woocommerce span.onsale {
    font-size: 0;
}

.woocommerce span.onsale:before {
    font-size: 0.8rem;
}

/* Kursinfo-ruta */
.course-info-box {
    background: var(--contrast-3, #F3EFE8);
    padding: 1.5rem;
    border-radius: var(--br-large, 2rem);
    margin: 2rem 0;
}

.course-info-box h3 {
    font-size: var(--fs-h5);
    margin-bottom: 1rem;
    color: var(--accent, #6A8D73);
}

.course-info-item {
    margin-bottom: 0.5rem;
    color: var(--contrast, #A89F91);
}

.course-info-item strong {
    color: var(--contrast, #A89F91);
    font-weight: 600;
}

/* Kurspris styling */
.course-price-wrapper {
    margin: 1.5rem 0;
}

.course-price-wrapper .regular-price {
    font-size: var(--fs-p-1);
    text-transform: uppercase;
    color: var(--contrast, #A89F91);
    text-decoration: line-through;
    margin-bottom: 0.5rem;
}

.course-price-wrapper .course-price {
    font-size: var(--fs-h5);
    color: var(--accent, #6A8D73);
    font-weight: 300;
    font-family: var(--gp-font--merriweather);
}

/* REA-badge till KURSBOKNING (uppdaterad) */
.woocommerce span.onsale {
    background: var(--accent, #6A8D73) !important;
    color: var(--base-3, #ffffff) !important;
    font-size: 0 !important;
    padding: 0.5rem 1rem !important;
    font-weight: 600 !important;
}

.woocommerce span.onsale:after {
    content: 'KURSBOKNING';
    font-size: 0.8rem;
}

/* Förhindra radbrytning för pris */
.woocommerce-Price-amount,
.woocommerce-Price-currencySymbol {
    white-space: nowrap;
}

.woocommerce-mini-cart .amount {
    display: inline-block;
    white-space: nowrap;
}

/* Stapla knappar i mini-cart */
.widget_shopping_cart_content .buttons {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.widget_shopping_cart_content .buttons a {
    width: 100%;
    text-align: center;
}

/* Dölj rabattbelopp på kassan */
.woocommerce-checkout .cart-discount,
.woocommerce-checkout .fee {
    display: none;
}

/* Säkerställ att endast slutpris visas */
.woocommerce-checkout-review-order-table .order-total .amount {
    white-space: nowrap;
}

/* Dölj dubbel KURSBOKNING badge */
.custom-product-layout span.onsale + span.onsale {
    display: none !important;
}

/* Dölj WooCommerce standard prisinramning på bundles */
.woosb-price,
.product-type-woosb .price:not(.course-price-wrapper .price) {
    display: none !important;
}

/* Säkerställ att vår egen prissättning visas */
.course-price-wrapper {
    display: block !important;
}

/* Fixa mitt konto titel storlek */
.woocommerce-account h1 {
    font-size: var(--fs-h1) !important;
}

/* Säkerställ att endast en KURSBOKNING badge visas */
.product-type-woosb .onsale:not(:first-of-type) {
    display: none !important;
}

/* Fixa knappar i dropdown varukorg */
.widget_shopping_cart_content .buttons a {
    width: 100% !important;
    margin-inline: 4px !important;
    box-sizing: border-box;
}

.widget_shopping_cart_content .buttons {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0;
}

/* Säkerställ att knapparna får rätt stil */
.widget_shopping_cart_content .button.checkout {
    width: calc(100% - 8px) !important; /* 100% minus 2x4px margin */
}

.widget_shopping_cart_content .button:not(.checkout) {
    width: calc(100% - 8px) !important;
}