body.woocommerce-checkout{background:var(--jp-bg);color:var(--jp-text)}
body.woocommerce-checkout .site-main,body.woocommerce-checkout main{max-width:1440px;margin:0 auto;padding:28px 20px 56px}
body.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);gap:28px;align-items:start}
body.woocommerce-checkout #customer_details,body.woocommerce-checkout #order_review_heading,body.woocommerce-checkout #order_review{width:100%;float:none}
body.woocommerce-checkout #customer_details{display:block}
body.woocommerce-checkout #order_review_heading{display:none}
.jp-checkout-card,body.woocommerce-checkout #order_review{background:var(--jp-card);border:1px solid var(--jp-border);border-radius:var(--jp-radius);box-shadow:0 8px 28px rgba(16,24,40,.06)}
.jp-checkout-card{padding:28px;margin:0 0 22px}
.jp-checkout-card h2,body.woocommerce-checkout #order_review:before{display:block;font-size:25px;font-weight:800;line-height:1.15;margin:0 0 24px;color:var(--jp-text)}
body.woocommerce-checkout #order_review{padding:28px;position:sticky;top:24px}
body.woocommerce-checkout #order_review:before{content:'Din ordre'}
.jp-customer-main{display:flex;gap:18px;align-items:flex-start;padding:20px;background:color-mix(in srgb,var(--jp-bg) 70%,white);border-radius:calc(var(--jp-radius) - 4px)}
.jp-customer-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;background:color-mix(in srgb,var(--jp-primary) 12%,white);color:var(--jp-primary);font-size:28px;flex:none}
.jp-company{font-size:18px;display:block;margin-bottom:4px}.jp-contact{margin-top:8px;color:var(--jp-muted);font-size:14px}
.jp-address-note{margin-top:16px;padding:14px 16px;border-radius:12px;background:color-mix(in srgb,var(--jp-primary) 8%,white);color:color-mix(in srgb,var(--jp-primary) 80%,black);font-size:14px}
body.woocommerce-checkout .woocommerce-billing-fields>h3,body.woocommerce-checkout .woocommerce-shipping-fields,body.woocommerce-checkout .woocommerce-additional-fields>h3{display:none!important}
body.woocommerce-checkout .jp-checkout-hidden-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
body.woocommerce-checkout .woocommerce-additional-fields{background:var(--jp-card);border:1px solid var(--jp-border);border-radius:var(--jp-radius);padding:28px;box-shadow:0 8px 28px rgba(16,24,40,.06)}
body.woocommerce-checkout .woocommerce-additional-fields:before{content:'Yderligere information';display:block;font-size:25px;font-weight:800;margin-bottom:22px}
.jp-requisition-field label{font-weight:700!important;font-size:15px}.jp-requisition-field .required{color:#d92d20}
.jp-requisition-field input{height:54px;border:1px solid var(--jp-border)!important;border-radius:12px!important;padding:0 16px!important;background:white!important;font-size:16px!important;box-shadow:none!important}
.jp-requisition-field input:focus{border-color:var(--jp-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--jp-primary) 16%,transparent)!important}
.jp-requisition-help{margin-top:-20px;margin-bottom:26px;color:var(--jp-muted);font-size:14px}
body.woocommerce-checkout table.shop_table{border:0!important;border-collapse:collapse!important;margin:0!important}
body.woocommerce-checkout table.shop_table th,body.woocommerce-checkout table.shop_table td{padding:16px 0!important;border-color:var(--jp-border)!important;vertical-align:top}
body.woocommerce-checkout table.shop_table th.product-name{width:68%}
body.woocommerce-checkout .product-name{font-weight:700}.woocommerce-checkout-review-order-table .product-quantity{font-weight:500}
body.woocommerce-checkout dl.variation{margin:10px 0 0!important;display:grid;grid-template-columns:max-content 1fr;gap:5px 10px;font-size:13px;color:var(--jp-muted)}
body.woocommerce-checkout dl.variation dt,body.woocommerce-checkout dl.variation dd{float:none!important;clear:none!important;margin:0!important;padding:0!important}
body.woocommerce-checkout .cart-subtotal th,body.woocommerce-checkout .order-total th,body.woocommerce-checkout .tax-total th{font-weight:800}
body.woocommerce-checkout .order-total{background:color-mix(in srgb,var(--jp-primary) 8%,white)}
body.woocommerce-checkout .order-total th,body.woocommerce-checkout .order-total td{padding:20px 12px!important;font-size:20px!important}
body.woocommerce-checkout #payment{background:transparent!important;border-radius:0!important}
body.woocommerce-checkout #payment ul.payment_methods{padding:18px 0!important;border-color:var(--jp-border)!important}
body.woocommerce-checkout #payment div.form-row{padding:18px 0 0!important}
body.woocommerce-checkout #place_order{width:100%;min-height:58px;border:0;border-radius:12px;background:var(--jp-button)!important;color:#fff!important;font-size:16px;font-weight:800;letter-spacing:.02em;transition:.18s ease}
body.woocommerce-checkout #place_order:hover{background:var(--jp-button-hover)!important;transform:translateY(-1px)}
body.woocommerce-checkout #place_order[disabled]{opacity:.7;cursor:not-allowed;transform:none}
body.woocommerce-checkout .woocommerce-shipping-methods{list-style:none;margin:0;padding:0}
body.woocommerce-checkout .woocommerce-shipping-methods li{display:flex;justify-content:flex-end;gap:8px;align-items:center;margin:8px 0}
body.woocommerce-checkout .woocommerce-shipping-methods input{accent-color:var(--jp-primary)}
/* Skjul efterfølgende dublet af samme moms-række, hvis et andet plugin har indsat to identiske tax-total-rækker. */
body.woocommerce-checkout tr.tax-total+tr.tax-total{display:none!important}
body.woocommerce-checkout .woocommerce-privacy-policy-text{font-size:12px;color:var(--jp-muted)}
body.woocommerce-checkout .woocommerce-error,body.woocommerce-checkout .woocommerce-info,body.woocommerce-checkout .woocommerce-message{border-radius:12px;border-top:0;background:#fff;box-shadow:0 6px 22px rgba(16,24,40,.06)}
@media(max-width:980px){body.woocommerce-checkout form.checkout{grid-template-columns:1fr}body.woocommerce-checkout #order_review{position:static}.jp-checkout-card,body.woocommerce-checkout #order_review,body.woocommerce-checkout .woocommerce-additional-fields{padding:22px}}
@media(max-width:560px){body.woocommerce-checkout main{padding:18px 12px 40px}.jp-customer-main{padding:16px}.jp-checkout-card h2,body.woocommerce-checkout #order_review:before,body.woocommerce-checkout .woocommerce-additional-fields:before{font-size:21px}}

/* JP Checkout 1.0.1: kompatibilitet med JP Uniconta og tema-layout */
body.woocommerce-checkout .woocommerce{max-width:1440px!important;margin:0 auto!important;padding:0!important}
body.woocommerce-checkout form.checkout{width:100%!important;max-width:none!important}
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2{width:100%!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important}
body.woocommerce-checkout #customer_details .col-2:empty{display:none!important}
body.woocommerce-checkout .jucw-locked-address{display:none!important}
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{display:block!important}
body.woocommerce-checkout .jp-requisition-field{margin:0!important}
body.woocommerce-checkout .jp-requisition-field .description{display:block!important;margin:9px 0 0!important;color:var(--jp-muted)!important;font-size:14px!important;line-height:1.45!important}
body.woocommerce-checkout .jp-requisition-help{display:none!important}
body.woocommerce-checkout .woocommerce-additional-fields{margin-top:0!important}
body.woocommerce-checkout .jp-customer-card{margin-bottom:22px!important}
@media(min-width:981px){body.woocommerce-checkout form.checkout{grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr)!important}}

/* JP Checkout 1.0.2: Peakzy-tema kompatibilitet.
 * Peakzy indsætter clearfix-pseudoelementer som direkte børn af checkout-formen.
 * I et CSS-grid optager de hver sin grid-celle og skubber kundeoplysninger og ordreoversigt skævt.
 */
body.woocommerce-checkout form.checkout::before,
body.woocommerce-checkout form.checkout::after {
    content: none !important;
    display: none !important;
}

body.woocommerce-checkout form.checkout {
    clear: both !important;
    grid-auto-flow: row !important;
}

/* Nulstil Peakzys gamle float-layout, også hvis temaets CSS indlæses efter pluginets stylesheet. */
body.woocommerce-checkout form.checkout > #customer_details {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
}

body.woocommerce-checkout form.checkout > #order_review {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
}

body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
}

/* Hold alle venstre kort i samme kolonne og bredde. */
body.woocommerce-checkout #customer_details .woocommerce-billing-fields,
body.woocommerce-checkout #customer_details .woocommerce-additional-fields,
body.woocommerce-checkout #customer_details .jp-checkout-card {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

@media (max-width: 980px) {
    body.woocommerce-checkout form.checkout > #customer_details,
    body.woocommerce-checkout form.checkout > #order_review {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
}

/* JP Checkout 1.0.3: sidste visuelle tilpasninger til Peakzy. */
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td {
    width: 58% !important;
    text-align: right !important;
}

body.woocommerce-checkout .woocommerce-shipping-methods {
    width: 100% !important;
}

body.woocommerce-checkout .woocommerce-shipping-methods li {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
    line-height: 1.35 !important;
}

body.woocommerce-checkout .woocommerce-shipping-methods li label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

body.woocommerce-checkout .woocommerce-shipping-methods li input[type="radio"] {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

/* Totalen skal stå rent på hvid baggrund uden grøn boks. */
body.woocommerce-checkout .order-total {
    background: transparent !important;
}

body.woocommerce-checkout .order-total th,
body.woocommerce-checkout .order-total td {
    background: transparent !important;
    padding: 20px 0 !important;
}

body.woocommerce-checkout .order-total td {
    text-align: right !important;
}

@media (max-width: 560px) {
    body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td {
        width: auto !important;
    }

    body.woocommerce-checkout .woocommerce-shipping-methods li label {
        white-space: normal !important;
        text-align: right !important;
    }
}


/* JP Checkout 1.0.4: mindre luft over checkout-indholdet i Peakzy. */
body.woocommerce-checkout .site-content,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout main,
body.woocommerce-checkout .content-area,
body.woocommerce-checkout .woocommerce {
    margin-top: 0 !important;
}

body.woocommerce-checkout .site-main,
body.woocommerce-checkout main {
    padding-top: 8px !important;
}

body.woocommerce-checkout form.checkout {
    margin-top: 0 !important;
}

@media (max-width: 560px) {
    body.woocommerce-checkout .site-main,
    body.woocommerce-checkout main {
        padding-top: 6px !important;
    }
}