/**
 * Vera WooCommerce – checkout CSS
 */

/* ─── Flex na formularzu adresu (żeby `order` zadziałał) ───────────────────── */

.wp-block-woocommerce-checkout-shipping-address-block .wc-block-components-address-form,
.wp-block-woocommerce-checkout-billing-address-block  .wc-block-components-address-form,
.wc-block-checkout__shipping-fields .wc-block-components-address-form,
.wc-block-checkout__billing-fields  .wc-block-components-address-form {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* ─── Telefon: fallback pozycja w adresie (zanim JS przeniesie do kontaktów) ─ */

.wc-block-checkout__shipping-fields .wc-block-components-address-form__phone {
    order: -10 !important;
    flex: 0 0 100% !important;
    width: 100%;
}

/* ─── Firma w adresie wysyłki: zawsze ukryta ────────────────────────────────── */

.wp-block-woocommerce-checkout-shipping-address-block .wc-block-components-address-form__company,
.wc-block-checkout__shipping-fields .wc-block-components-address-form__company {
    display: none !important;
}

/* ─── Firma w adresie płatności: zawsze ukryta (mamy vera-woo/company-name) ── */

.wp-block-woocommerce-checkout-billing-address-block .wc-block-components-address-form__company,
.wc-block-checkout__billing-fields .wc-block-components-address-form__company {
    display: none !important;
}

/* ─── Kraj / region select: dopasuj do pól tekstowych ──────────────────────── */
/*
 * WC Blocks renderuje kraj jako .wc-blocks-components-select > __container > select + svg.
 * Motta theme nadaje polom text: border 2px solid #dadfe3, border-radius: var(--mt-border__radius).
 * Select ma własny natywny border — usuwamy go i dodajemy border na kontener.
 */

.wp-block-woocommerce-checkout .wc-blocks-components-select__container {
    border-radius: var(--mt-border__radius, 4px) !important;
    border-width: var(--mt-input__border-width, 2px) !important;
    border-style: solid !important;
    border-color: #dadfe3 !important;
    overflow: hidden;
}

.wp-block-woocommerce-checkout .wc-blocks-components-select__container:focus-within {
    border-color: #1d2128 !important;
}

/* Usuń natywny border z elementu select — żeby nie było podwójnej ramki */
.wp-block-woocommerce-checkout .wc-blocks-components-select__select {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* ─── Walidacja: podświetl puste pola fakturowe ────────────────────────────── */

.wc-block-components-address-form__vera-woo-vat-number input[aria-invalid=true],
.wc-block-components-address-form__vera-woo-company-name input[aria-invalid=true] {
    border-color: #cc1818 !important;
}

/* ─── Fakturownia NIP block: ukryty gdy faktura niezaznaczona ───────────────── */
/* (JS .vera-checkout.js toggleuje display w oparciu o checkbox) */

.wp-block-woocommerce-eu-vat-number {
    border-left: 3px solid #c8a96e;
    padding-left: 14px;
    margin-bottom: 0 !important;
}