/* EPN-007 | epn-checkout.css | Responsiv billetpopup til testvisning. */
.epn-preview-launch{padding:24px 0 44px}.epn-checkout{border:0;border-radius:18px;width:min(94vw,600px);max-height:90dvh;padding:0;box-shadow:0 24px 90px #081d3d55;color:#20324a;background:#fff;overflow-y:auto}.epn-checkout::backdrop{background:#091c3d9c}.epn-checkout-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:26px 30px 12px}.epn-checkout-head h2{margin:0 0 8px;color:#173d70;font-size:1.8rem}.epn-checkout-head p{margin:0}.epn-checkout-kicker{font-size:.73rem;font-weight:800;letter-spacing:.12em;color:#b4313b;margin-bottom:8px!important}.epn-checkout-close{background:#edf2f8;border:0;border-radius:50%;width:36px;height:36px;font-size:25px;cursor:pointer;flex-shrink:0}.epn-checkout-notice{margin:12px 30px;padding:13px 15px;background:#edf5fd;border-left:3px solid #2c6cab;border-radius:5px;font-size:.9rem}.epn-checkout form{padding:10px 30px 30px}.epn-checkout fieldset{border:0;padding:0;margin:0 0 20px}.epn-checkout legend{font-weight:750;margin-bottom:10px}.epn-checkout-type{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e5ebf2}.epn-checkout-type label{font-weight:700}.epn-checkout-type small{display:block;font-weight:400;color:#607087;margin-top:4px}.epn-checkout-type input{width:76px}.epn-checkout input:not([type=checkbox]){border:1px solid #aebfd2;border-radius:8px;padding:11px;font:inherit;min-width:0}.epn-checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.epn-checkout-fields label{font-weight:700;display:grid;gap:6px}.epn-checkout-consent{display:flex;align-items:flex-start;gap:9px;font-size:.91rem}.epn-checkout-consent input{margin-top:5px}.epn-checkout-small{font-size:.86rem}.epn-checkout-total{display:flex;justify-content:space-between;border-top:1px solid #dce4ef;padding:16px 0;margin-top:14px;font-size:1.15rem}.epn-checkout-total strong{color:#153e73}.epn-checkout-primary{background:#18549a;color:#fff;border:0;border-radius:9px;width:100%;padding:14px;font:inherit;font-weight:750;cursor:pointer}.epn-checkout-primary:hover{background:#113e75}.epn-checkout-error{color:#a51d2b;font-weight:700}.epn-order-review{line-height:1.8;margin:20px 0;white-space:pre-line}.epn-checkout h3{color:#173d70}@media(max-width:650px){.epn-checkout{width:100vw;max-width:none;max-height:100dvh;height:100dvh;border-radius:0}.epn-checkout-head{padding:20px 18px 10px}.epn-checkout-notice{margin:10px 18px}.epn-checkout form{padding:12px 18px 24px}.epn-checkout-fields{grid-template-columns:1fr}}


/* EPN-009 | Layoutjusteringer inspireret af Birthe Kjær-popup'en. */
.epn-checkout{width:min(94vw,620px)}
.epn-checkout-head{padding-bottom:16px}
.epn-checkout-head h2{font-size:1.75rem;line-height:1.25}
.epn-checkout-notice{background:#fff5df;border-left-color:#efa51c;color:#263a54}
.epn-checkout-types{margin-top:6px!important}
.epn-checkout-types legend{margin-bottom:14px;font-size:1rem}
.epn-checkout-type{align-items:center;padding:14px 0}
.epn-ticket-description{flex:1;min-width:0}
.epn-ticket-description label{display:block}
.epn-quantity{display:flex;gap:7px;align-items:center;flex-shrink:0}
.epn-checkout .epn-quantity input{width:57px;text-align:center;padding:10px 4px;appearance:textfield;-moz-appearance:textfield}
.epn-quantity input::-webkit-inner-spin-button,.epn-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.epn-quantity button{height:44px;width:39px;background:#edf2f8;color:#194d89;border:0;border-radius:5px;font-size:1.35rem;font-weight:700;cursor:pointer}
.epn-quantity button:hover{background:#dce8f5}
.epn-checkout-fields{grid-template-columns:1fr;gap:16px;margin-top:20px}
.epn-checkout-consent{align-items:center;gap:12px;margin-top:24px}
.epn-checkout-consent input{width:21px;height:21px;flex-shrink:0;margin:0;accent-color:#19549a}
.epn-checkout-small{line-height:1.6;margin:18px 0 24px}
.epn-checkout-total{font-size:1.2rem;margin-top:18px;padding:19px 0}
.epn-checkout-total strong{font-size:1.4rem}
.epn-checkout-primary{background:#e31822;border-radius:7px;min-height:52px}
.epn-checkout-primary:hover{background:#bd111a}
.epn-order-review{white-space:pre-line;padding:18px;background:#f6f9fc;border:1px solid #dfe7f1;border-radius:8px}
.epn-review-notice{margin:16px 0 20px}
.epn-checkout [hidden]{display:none!important}
@media(max-width:420px){.epn-checkout-type{align-items:flex-start;flex-direction:column;gap:10px}.epn-quantity{align-self:flex-end}}


/* EPN-010 | Fremhæv de vigtigste koncert- og prisoplysninger uden at ændre flowet. */
.epn-event-details{
    display:grid;
    gap:8px;
    padding:13px 16px;
    margin-top:16px;
    border:1px solid #dce8f5;
    border-radius:9px;
    background:#eff6fd;
    font-size:.94rem;
    line-height:1.45;
}
.epn-event-detail{display:flex;align-items:baseline;gap:11px;color:#264563}
.epn-event-detail strong{color:#153e73;font-size:1rem}
.epn-event-icon{color:#205b9b;font-size:1.15rem;flex:0 0 20px;text-align:center;font-weight:700}
.epn-ticket-description .epn-ticket-price{display:block;margin-top:5px;color:#173e73;font-size:1.25rem;line-height:1.3}
.epn-ticket-description small{margin-top:4px;line-height:1.45}
@media(max-width:650px){.epn-event-details{padding:12px 13px;font-size:.9rem}}