/* =====================================================
   CART – STYLING (klassisk WooCommerce cart)
   ===================================================== */

/* ===============================
   PRODUKTNAMN
   =============================== */

.woocommerce-cart .product-name a {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: #0f172a;
    text-decoration: none;
}

/* ===============================
   TA BORT FRAKT FRÅN CART
   (ska bara visas i checkout)
   =============================== */

.woocommerce-cart .cart_totals .shipping,
.woocommerce-cart .woocommerce-shipping-totals,
.woocommerce-cart .shipping-calculator-button,
.woocommerce-cart .shipping-calculator-form {
    display: none !important;
}

/* ===============================
   SOPKORG (TA BORT PRODUKT)
   =============================== */

.woocommerce-cart a.remove {
    color: #f97316 !important;
    font-size: 18px;
}

.woocommerce-cart a.remove:hover {
    color: #6F3106 !important;
    background: transparent;
}

/* =====================================================
   CART – POLISH & PROPORTIONER
   ===================================================== */

/* ===============================
   VÄNSTER: PRODUKTLISTA – KORTARE KÄNSLA
   =============================== */

.woocommerce-cart table.shop_table {
    border-collapse: separate;
    border-spacing: 0 12px;
    /* mindre luft mellan rader */
}

.woocommerce-cart table.shop_table tbody tr {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.woocommerce-cart table.shop_table td {
    padding: 14px 16px;
    /* kortigare än default */
    vertical-align: middle;
}

/* Produktbild lite tightare */
.woocommerce-cart .product-thumbnail img {
    width: 56px;
}

/* ===============================
   HÖGER: VARUKORG TOTALBELOPP
   =============================== */

.woocommerce-cart .cart_totals {
    border: none;
    /* TA BORT SVART RAM */
    border-radius: 6px;
    padding: 20px;
    /* kortigare */
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    margin-top: 0;
    /* aligna mot vänster */
}

/* Rubrik – mindre & tightare */
.woocommerce-cart .cart_totals h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
}

/* Delsumma / Total – kortare rader */
.woocommerce-cart .cart_totals table td,
.woocommerce-cart .cart_totals table th {
    padding: 10px 0;
    font-size: 14px;
}

/* Total extra tydlig men kompakt */
.woocommerce-cart .cart_totals tr.order-total td,
.woocommerce-cart .cart_totals tr.order-total th {
    font-size: 16px;
    padding-top: 12px;
}

/* ===============================
   ALIGNMENT – SAMMA VISUELLA START
   =============================== */

/* Säkerställ att båda kolumner börjar lika högt */
.woocommerce-cart .woocommerce {
    align-items: flex-start;
}

/* ===============================
   CTA – FORTSÄTT TILL KASSAN
   (lite kortigare)
   =============================== */

.woocommerce-cart .checkout-button {
    margin-top: 16px;
    padding: 14px;
    font-size: 15px;
}

/* =====================================================
   CART – Booking / variation details
   Mindre font-size för start/slut-datum
   ===================================================== */

.woocommerce-cart .variation,
.woocommerce-cart .variation dt,
.woocommerce-cart .variation dd {
    font-size: 13px;
    line-height: 1.4;
}

/* =====================================================
   CART – ACTION BUTTONS
   Uppdatera varukorg + Rensa kundkorg
   Samma höjd & ingen border-radius
   ===================================================== */


/* Båda knapparna */
.woocommerce-cart td.actions button[name="update_cart"],
.woocommerce-cart td.actions a.button{
  min-height: 48px;
  padding: 0 28px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 0;
  font-size: 14px;
  line-height: 1.2;
  box-sizing: border-box;
}

/* =====================================================
CART - NÄR DEN ÄR TÖMD
styling för hur tom kundvagn ser ut.
   ===================================================== */
/* ===== Empty cart: card layout ===== */
/* Kort-layout ENDAST när kundvagnen är tom */
body.woocommerce-cart .wc-empty-cart-message~p.return-to-shop,
body.woocommerce-cart .wc-empty-cart-message {
    /* bara en "flagga" – används nedan */
}

body.woocommerce-cart .wc-empty-cart-message~p.return-to-shop~* {
    /* inget */
}

/* Själva kortet */
body.woocommerce-cart .wc-empty-cart-message,
body.woocommerce-cart .wc-empty-cart-message+p.return-to-shop,
body.woocommerce-cart .woocommerce-notices-wrapper {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

/* Wrapper runt empty-cart-content */
body.woocommerce-cart .wc-empty-cart-message {
    background: #fff;
    padding: 40px 48px 32px;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .08);
}

/* Knappen hamnar i samma "kort" visuellt */
body.woocommerce-cart .wc-empty-cart-message+p.return-to-shop {
    background: #fff;
    padding: 0 48px 40px;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .08);
}

/*spacing för knapparna i cart så dem inte stackar på varandra.*/
@media (max-width: 767px) {
    .woocommerce-cart .button {
        display: block;
        width: 100%;
        margin-bottom: 12px;
    }
}