/* Checkout - Add Attendee Button */
.add-attendee {
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    display: block;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

/* Checkout - Attendee Items */
.jak-attendee-item {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.jak-attendee-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Checkout - Customer Details Sections */
.jak-checkout-fields {
    display: block;
    width: 100%;
}

.jak-checkout-section {
    display: block;
    width: 100%;
}

.jak-checkout-section h3 {
    margin-bottom: 10px;
}

.jak-billing-section {
    margin-bottom: 20px;
}

.jak-additional-section {
    margin-bottom: 20px;
}

/* Checkout - Fieldsets (Du, Kund, Fakturering) */
.jak-checkout-fieldset {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

/* Checkout - Order Row Labels */
.order-row-name {
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: normal;
}

.jak-quantity-row .order-row-name {
    padding-top: 18px;
    padding-bottom: 18px;
}

/* Checkout - Form Row Labels */
.woocommerce form.checkout .form-row label {
    float: left;
    width: 25%;
    font-weight: normal;
}

/* Checkout - Form Elements */
.woocommerce form #customer_details .form-row input,
.woocommerce form #customer_details .form-row select {
    float: right;
    width: 75%;
}

.woocommerce form #customer_details .form-row .woocommerce-input-wrapper label {
    width: auto;
}

.woocommerce form #customer_details .form-row label input {
    float: none;
    width: auto;
}

.woocommerce form #customer_details .form-row label {
    padding: 11px 0;
    margin: 0;
}

.woocommerce form #order_review .form-row .order-row-name {
    margin: 0;
}

.woocommerce form .form-row {
    margin: 0px;
    padding: 3px 0;
}

.woocommerce form #customer_details .form-row {
    margin-bottom: 0px;
    padding: 5px 0;
}

.woocommerce form .form-row .order-row-name {
    float: left;
    width: 25%;
    font-weight: normal;
}

.woocommerce form .form-row .order-row-value {
    float: left;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 75%;
}

/* Checkout - Headers and Sections */
.woocommerce .checkout h1 {
    margin: 0;
    margin-top: 8px;
    margin-bottom: 15px;
}

.woocommerce .checkout h2 {
    margin-top: 20px;
    margin-bottom: 15px;
}

.woocommerce-checkout h3#order_review_heading {
    margin-top: 0px;
}

.woocommerce-checkout-review-order {
    margin-bottom: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
}

/* Säkerställ att order review och deltagare stannar inuti formuläret */
form.checkout #order_review {
    position: relative !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    clear: both !important;
    display: block !important;
}

form.checkout #order_review,
form.checkout #order_review * {
    box-sizing: border-box;
}

/* Förhindra att WooCommerce flyttar order review utanför formuläret */
.woocommerce-checkout form.checkout #order_review {
    display: block !important;
}

/* Säkerställ att order review är direkt efter h1 och före customer_details */
form.checkout h1 + #order_review {
    order: 1 !important;
}

/* Förhindra att något flyttar order review utanför formuläret */
body:not(.popup) form.checkout #order_review,
body.popup form.checkout #order_review {
    position: relative !important;
    float: none !important;
}

/* Checkout - Order Review */
.woocommerce .order-review-rows {
    margin-bottom: 20px;
}


.order-review-rows .form-row:first-child {
    border-top: 1px solid #d3ced2;
}

/* Checkout - Coupon */
.woocommerce-form-coupon-toggle .wc-block-components-notice-banner {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.woocommerce-form-coupon-toggle .wc-block-components-notice-banner > svg {
    display: none !important;
}

/* Checkout - Terms and Privacy */
.woocommerce-privacy-policy-text,
.woocommerce-terms-and-conditions {
    margin-bottom: 15px;
}

/* Checkout - Payment */
#order_review #payment {
    padding: 0;
    margin: 0;
}

.woocommerce #payment div.payment_box {
    background: #dfdcde !important;
    background-color: #dfdcde !important;
}

.woocommerce #payment ul.payment_methods {
    padding: 0;
    padding-bottom: 10px;
}

/* Checkout - Buttons */
.woocommerce button.button.alt,
.woocommerce button.button.alt:hover {
    background: #139bc4;
    font-weight: 700;
}

/* Checkout - Container */
.jak-checkout-container {
    padding: 20px;
    margin: 0;
}

/* Säkerställ att woocommerce-klassen ger padding i popup */
.popup-box-content .woocommerce.jak-checkout-container {
    padding: 20px;
}

/* Checkout - Responsive */
@media only screen and (max-width: 450px) {
    .woocommerce form #customer_details .form-row label {
        width: 100%;
    }
    .woocommerce form #customer_details .form-row input {
        float: left;
        width: 100%;
    }
}