/* =========================
   Patch: gör orderdetaljer-sektionen snyggare
   ========================= */

/* Lite mer mellanrum mellan blocken */
.woocommerce-order-details,
.woocommerce-customer-details {
    margin-top: 18px;
}

/* Rubriker: Beställningsdetaljer + Faktureringsadress */
.woocommerce-order-details__title,
.woocommerce-column__title,
.woocommerce-customer-details h2,
.woocommerce-order-details h2 {
 
    font-weight: 500;
    margin: 18px 0 10px;
}

/* Woo Product Add-ons – rubrikstorlek */
.wc-pao-addon-name {
    font-size: 20px;
    line-height: 1.4;
    color: black;
    font-weight: 700; /* eller 500 om du vill mjuka upp */
    margin-bottom: 8px;
}


/* Order-tabellen som “card” */
.woocommerce-order-details table.shop_table {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .08);
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
}

/* Header-rad */
.woocommerce-order-details table.shop_table thead th {
    background: rgba(0, 0, 0, .03);
    font-weight: 500;
}

/* Rad-separering mjukare */
.woocommerce-order-details table.shop_table tr td,
.woocommerce-order-details table.shop_table tr th {
    border-color: rgba(0, 0, 0, .06);
}

/* Produktcell lite tydligare */
.woocommerce-order-details table.shop_table .product-name {
    font-weight: 700;
}

/* Totals (tfoot) */
.woocommerce-order-details table.shop_table tfoot th,
.woocommerce-order-details table.shop_table tfoot td {
    font-weight: 800;
    background: rgba(0, 0, 0, .02);
}

/* “Åtgärder” (Faktura-knapp etc.) */
.woocommerce-order-details .wc-item-meta,
.woocommerce-order-details .order-again {
    margin-top: 12px;
}

/* Knappar: Beställ igen + Faktura */
.woocommerce .woocommerce-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    border-radius: 0px;
    padding: 10px 14px;
    font-weight: 800;
    border: 1px solid rgba(0, 0, 0, .10);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
}

/* Gör “Beställ igen” tydligare men inte för skrikig */
.woocommerce .order-again .button {
    margin-top: 8px;
}

/* Kunddetaljer / adress som kort */
.woocommerce-customer-details address {
    border-radius: 0px;
    border: 1px solid rgba(0, 0, 0, .08);
    background: #fff;
    padding: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
    line-height: 1.5;
}

/* Om du kör accordion (rullgardin) från tidigare: lite extra polish */
.sjr-accordion {
    box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
}

.sjr-accordion__summary {
    background: rgba(0, 0, 0, .02);
}