/* Checkout */
.woocommerce-checkout .woocommerce {
    max-width: 100%;
}

.woocommerce-checkout .col2-set {
    display: grid;
    gap: var(--space-6, 3rem);
}

@media (min-width: 900px) {
    .woocommerce-checkout .col2-set {
        grid-template-columns: 1fr 1fr;
    }
}

.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea {
    background: var(--petjes-surface, #121212) !important;
    border: 1px solid var(--petjes-border, rgba(255, 255, 255, 0.12)) !important;
    color: var(--petjes-text, #f2f2f2) !important;
    padding: 0.95rem 1rem 0.85rem 1rem !important;
    border-radius: 2px;
    font-size: 1rem;
    min-height: 3.25rem;
}

.woocommerce-checkout .form-row input[type="email"],
.woocommerce-checkout .form-row input[type="email"].input-text {
    padding-top: 1.05rem !important;
    padding-bottom: 0.9rem !important;
    min-height: 3.35rem !important;
}

.woocommerce-checkout select {
    background: var(--petjes-surface, #121212) !important;
    border: 1px solid var(--petjes-border, rgba(255, 255, 255, 0.12)) !important;
    color: var(--petjes-text, #f2f2f2) !important;
    padding: 1rem 2.5rem 0.85rem 1rem !important;
    border-radius: 2px;
    font-size: 1rem;
    min-height: 3.5rem !important;
    line-height: 1.45 !important;
}

.woocommerce-checkout .form-row label {
    font-size: 0.75rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--petjes-muted, #8c8c8c);
    margin-bottom: 0.35rem;
}

/* Land/regio: meer lucht tussen label en dropdown; veld iets los van vorige regel */
.woocommerce-checkout #billing_country_field,
.woocommerce-checkout #shipping_country_field {
    margin-top: 0.35rem;
    margin-bottom: 0.5rem;
}

.woocommerce-checkout #billing_country_field > label,
.woocommerce-checkout #shipping_country_field > label {
    margin-bottom: 0.65rem !important;
    display: block;
}

/* E-mail: extra marge onderaan (ook bij invullen / floating focus) zodat volgende veld niet klemt */
.woocommerce-checkout #billing_email_field,
.woocommerce-checkout #shipping_email_field {
    margin-bottom: 1.15rem !important;
}

.woocommerce-checkout #billing_email_field .input-text,
.woocommerce-checkout #shipping_email_field .input-text {
    margin-bottom: 0;
}

.woocommerce-checkout #order_review_heading,
.woocommerce-checkout h3 {
    font-family: var(--font-display, "Bebas Neue", sans-serif);
    font-size: 1.75rem;
}

.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order-table {
    background: var(--petjes-surface, #121212);
    border: 1px solid var(--petjes-border, rgba(255, 255, 255, 0.08));
    padding: var(--space-4, 2rem);
}

.woocommerce-checkout #place_order {
    width: 100%;
}

/* Classic checkout: Select2 (land / provincie) — leesbaar, geen overlappende tekst */
.woocommerce-checkout .select2-container--default .select2-selection--single {
    background: var(--petjes-surface, #121212) !important;
    border: 1px solid var(--petjes-border, rgba(255, 255, 255, 0.12)) !important;
    border-radius: 2px !important;
    min-height: 3.5rem !important;
    height: auto !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--petjes-text, #f2f2f2) !important;
    line-height: 1.45 !important;
    padding: 1rem 2.35rem 0.8rem 0.9rem !important;
    display: flex !important;
    align-items: center !important;
    min-height: 3.25rem !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
}

/* Standaard Select2 gebruikt #888 — koppel aan themaprimaire kleur */
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--petjes-primary, #c9a962) transparent transparent transparent !important;
}

/* Open state: pijl flipt; default kleurt dan de *onderste* rand (#888) */
.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--petjes-primary, #c9a962) transparent !important;
}

/* Geen overflow-hidden op ouders: dropdown mag niet worden geknipt */
.woocommerce-checkout form.checkout,
.woocommerce-checkout .col2-set,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout #customer_details {
    overflow: visible !important;
}

/* Select2 boven order review / sticky blokken (land & regio) */
.woocommerce-checkout .select2-container {
    z-index: 100060 !important;
}

.woocommerce-checkout .select2-container--open,
.woocommerce-checkout .select2-container.select2-container--open {
    z-index: 100100 !important;
}

.woocommerce-checkout .select2-dropdown {
    background: #1a1a1a !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    z-index: 100100 !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55) !important;
}

/* Lijst opties: leesbaar + voldoende hoogte per regel */
.woocommerce-checkout .select2-results__option {
    padding: 0.62rem 0.9rem !important;
    line-height: 1.45 !important;
    min-height: 2.65rem !important;
    display: flex !important;
    align-items: center !important;
    background: #1a1a1a !important;
}

.woocommerce-checkout .select2-results__option--highlighted,
.woocommerce-checkout .select2-results__option[aria-selected="true"] {
    background: rgba(201, 169, 98, 0.28) !important;
    color: #fff !important;
}

.woocommerce-checkout .select2-search--dropdown {
    padding: 0.5rem !important;
    background: #141414 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.woocommerce-checkout .select2-search__field {
    color: #f2f2f2 !important;
    background: #0a0a0a !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 2px !important;
    padding: 0.5rem 0.65rem !important;
}

/* Dropdown boven het veld: extra lucht tussen lijst en select (land/regio) */
.woocommerce-checkout .select2-dropdown--above {
    margin-bottom: 12px !important;
}

.woocommerce-checkout .select2-dropdown--below {
    margin-top: 10px !important;
}