/* =========================
   CSI CHECKOUT LAYOUT
   ========================= */

/* customer details blokk */
body.woocommerce-checkout #customer_details {
    display: block !important;
}

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

body.woocommerce-checkout #customer_details .col-2 {
    margin-top: 24px;
}

/* billing mezők */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
}

/* shipping mezők */
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
}

/* alap mező */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .form-row {
    float: none !important;
    clear: none !important;
    margin-bottom: 15px !important;
    box-sizing: border-box !important;
}

/* teljes szélesség */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row-wide,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .form-row-wide,
body.woocommerce-checkout #order_comments_field,
body.woocommerce-checkout .woocommerce-additional-fields {
    width: 100% !important;
}

/* fél szélesség */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row-first,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row-last,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .form-row-first,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .form-row-last {
    width: calc(50% - 8px) !important;
}

/* textarea */
body.woocommerce-checkout #order_comments {
    min-height: 90px;
}

/* mobil */
@media (max-width: 768px) {
    body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row-first,
    body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row-last,
    body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .form-row-first,
    body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .form-row-last {
        width: 100% !important;
    }
}


# {
  padding: 32px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #e0e0e0;
}
/* =========================
   CÉGES SZÁMLÁZÁS
   ========================= */
body.woocommerce-checkout #billing_company_field,
body.woocommerce-checkout #billing_tax_number_field {
    display: none !important;
}

/* A checkbox bekapcsolásakor a JS ezt az osztályt adja a két céges mezőhöz. */
body.woocommerce-checkout #billing_company_field.csi-company-visible,
body.woocommerce-checkout #billing_tax_number_field.csi-company-visible {
    display: block !important;
}

body.woocommerce-checkout #billing_is_company_field label {
    cursor: pointer;
}

/* Az adószámnál ne jelenjen meg a WooCommerce „nem kötelező” szövege. */
body.woocommerce-checkout #billing_tax_number_field .optional {
    display: none !important;
}