/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* Jemnejší Hover efekt pre buttony
   - vypnuty na login / registracia v Moj ucet */
body:not(.woocommerce-account) button,
body:not(.woocommerce-account) input[type="button"],
body:not(.woocommerce-account) input[type="submit"],
body:not(.woocommerce-account) input[type="reset"],
body:not(.woocommerce-account) a.button,
body:not(.woocommerce-account) a.btn,
body:not(.woocommerce-account) .wp-block-button__link,
body:not(.woocommerce-account) .elementor-button,
body:not(.woocommerce-account) .elementor-widget-button a,
body:not(.woocommerce-account) .elementor-widget-button .elementor-button-link,
body.woocommerce-account.logged-in button,
body.woocommerce-account.logged-in input[type="button"],
body.woocommerce-account.logged-in input[type="submit"],
body.woocommerce-account.logged-in input[type="reset"],
body.woocommerce-account.logged-in a.button,
body.woocommerce-account.logged-in a.btn,
body.woocommerce-account.logged-in .wp-block-button__link,
body.woocommerce-account.logged-in .elementor-button,
body.woocommerce-account.logged-in .elementor-widget-button a,
body.woocommerce-account.logged-in .elementor-widget-button .elementor-button-link {
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    will-change: transform;
}

body:not(.woocommerce-account) button:hover,
body:not(.woocommerce-account) input[type="button"]:hover,
body:not(.woocommerce-account) input[type="submit"]:hover,
body:not(.woocommerce-account) input[type="reset"]:hover,
body:not(.woocommerce-account) a.button:hover,
body:not(.woocommerce-account) a.btn:hover,
body:not(.woocommerce-account) .wp-block-button__link:hover,
body:not(.woocommerce-account) .elementor-button:hover,
body:not(.woocommerce-account) .elementor-widget-button a:hover,
body:not(.woocommerce-account) .elementor-widget-button .elementor-button-link:hover,
body.woocommerce-account.logged-in button:hover,
body.woocommerce-account.logged-in input[type="button"]:hover,
body.woocommerce-account.logged-in input[type="submit"]:hover,
body.woocommerce-account.logged-in input[type="reset"]:hover,
body.woocommerce-account.logged-in a.button:hover,
body.woocommerce-account.logged-in a.btn:hover,
body.woocommerce-account.logged-in .wp-block-button__link:hover,
body.woocommerce-account.logged-in .elementor-button:hover,
body.woocommerce-account.logged-in .elementor-widget-button a:hover,
body.woocommerce-account.logged-in .elementor-widget-button .elementor-button-link:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
}

body:not(.woocommerce-account) button:focus,
body:not(.woocommerce-account) input[type="button"]:focus,
body:not(.woocommerce-account) input[type="submit"]:focus,
body:not(.woocommerce-account) input[type="reset"]:focus,
body:not(.woocommerce-account) a.button:focus,
body:not(.woocommerce-account) a.btn:focus,
body:not(.woocommerce-account) .wp-block-button__link:focus,
body:not(.woocommerce-account) .elementor-button:focus,
body:not(.woocommerce-account) .elementor-widget-button a:focus,
body:not(.woocommerce-account) .elementor-widget-button .elementor-button-link:focus,
body.woocommerce-account.logged-in button:focus,
body.woocommerce-account.logged-in input[type="button"]:focus,
body.woocommerce-account.logged-in input[type="submit"]:focus,
body.woocommerce-account.logged-in input[type="reset"]:focus,
body.woocommerce-account.logged-in a.button:focus,
body.woocommerce-account.logged-in a.btn:focus,
body.woocommerce-account.logged-in .wp-block-button__link:focus,
body.woocommerce-account.logged-in .elementor-button:focus,
body.woocommerce-account.logged-in .elementor-widget-button a:focus,
body.woocommerce-account.logged-in .elementor-widget-button .elementor-button-link:focus {
    outline: none;
}

[data-products] .product {
    border: 1px solid grey;
    padding: 15px;
    background: white;
    box-shadow: 0px 12px 18px -6px #b8b8b8;
    border-radius: 10px;
}

/* Zjednotenie pozadia pre košík aj súhrn objednávky */
.ct-woocommerce-cart-form .cart_totals,
.ct-order-review {
    background: white !important;
}

div.quantity[data-type] input[type="number"] {
    -moz-appearance: textfield;
    background: white;
}

.single-product .woocommerce-product-details__short-description h2 {
    font-size: 22px;
    line-height: 1.3;
}

#woo-filters-panel[data-behaviour="drop-down"] .ct-filter-content {
    display: grid;
    grid-template-columns: var(--grid-template-columns, repeat(4, 1fr));
    gap: 30px;
    margin-bottom: 25px;
    padding-block: 25px;
    border-block: 1px solid var(--theme-border-color);
    background: white;
    padding: 20px;
}

.woocommerce-product-attributes {
    background: white;
}

.ct-search-form {
    margin: 20px;
}

.woocommerce div.product div.woocommerce-tabs ul.tabs li {
    background: white;
}

/* Zacieli H1 iba na stránke obchodu a v kategóriách produktov */
.archive.woocommerce h1,
.archive.tax-product_cat h1 {
    font-size: 30px !important;
}

/* obrázok ako referenčný bod */
.woocommerce ul.products li.product .ct-media-container,
.woocommerce ul.products li.product .ct-image-container,
.woocommerce ul.products li.product .entry-card .ct-media-container,
.woocommerce ul.products li.product .product-thumbnail {
    position: relative !important;
    overflow: hidden !important;
}

/* badges dole vľavo v obrázku */
.woocommerce ul.products li.product .ct-woo-badges {
    position: absolute !important;
    top: auto !important;
    bottom: 12px !important;
    left: 12px !important;
    inset-inline-start: 12px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    z-index: 20 !important;
}

/* zrušenie pôvodného absolute na jednotlivých badges */
.woocommerce ul.products li.product .ct-woo-badges > *,
.woocommerce ul.products li.product .ct-woo-badges .onsale,
.woocommerce ul.products li.product .ct-woo-badges .out-of-stock-badge,
.woocommerce ul.products li.product .ct-woo-badges [class*="ct-woo-badge-"] {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    inset: auto !important;
    margin: 0 !important;
}

/* oko dole vpravo v obrázku */
.woocommerce ul.products li.product .ct-woo-card-extra[data-type="type-1"] {
    position: absolute !important;
    top: auto !important;
    right: 12px !important;
    bottom: 12px !important;
    left: auto !important;
    inset-inline-end: 12px !important;
    display: block !important;
    z-index: 21 !important;
}

/* zrušenie pôvodného absolute vo vnútri quick view */
.woocommerce ul.products li.product .ct-woo-card-extra[data-type="type-1"] > * {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    inset: auto !important;
    margin: 0 !important;
}

/* BIKEANGEL - Woo checkout - clean final */
@media (min-width: 769px) {
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        column-gap: 30px !important;
        row-gap: 16px !important;
        align-items: start !important;
    }

    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .form-row {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        float: none !important;
        clear: none !important;
        margin: 0 !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* 50% polia */
    .woocommerce-checkout #billing_first_name_field,
    .woocommerce-checkout #billing_last_name_field,
    .woocommerce-checkout #billing_postcode_field,
    .woocommerce-checkout #billing_city_field,
    .woocommerce-checkout #billing_phone_field,
    .woocommerce-checkout #billing_email_field,
    .woocommerce-checkout #shipping_first_name_field,
    .woocommerce-checkout #shipping_last_name_field,
    .woocommerce-checkout #shipping_postcode_field,
    .woocommerce-checkout #shipping_city_field,
    .woocommerce-checkout #shipping_phone_field,
    .woocommerce-checkout #shipping_email_field {
        grid-column: span 3 !important;
    }

    /* firemné polia - 33% */
    .woocommerce-checkout #billing_ic_field,
    .woocommerce-checkout #billing_dic_field,
    .woocommerce-checkout #billing_dic_dph_field,
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row:has([name="billing_ic"]),
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row:has([name="billing_dic"]),
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row:has([name="billing_dic_dph"]) {
        grid-column: span 2 !important;
    }

    /* bežné polia */
    .woocommerce-checkout .form-row input:not([type="checkbox"]):not([type="radio"]),
    .woocommerce-checkout .form-row select,
    .woocommerce-checkout .form-row textarea,
    .woocommerce-checkout .form-row .select2-container,
    .woocommerce-checkout .form-row .woocommerce-input-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* plné riadky */
    .woocommerce-checkout #billing_company_field,
    .woocommerce-checkout #shipping_company_field,
    .woocommerce-checkout #billing_country_field,
    .woocommerce-checkout #shipping_country_field,
    .woocommerce-checkout #billing_state_field,
    .woocommerce-checkout #shipping_state_field,
    .woocommerce-checkout #billing_address_1_field,
    .woocommerce-checkout #billing_address_2_field,
    .woocommerce-checkout #shipping_address_1_field,
    .woocommerce-checkout #shipping_address_2_field,
    .woocommerce-checkout .create-account,
    .woocommerce-checkout .woocommerce-account-fields,
    .woocommerce-checkout #ship-to-different-address,
    .woocommerce-checkout #order_comments_field {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }

    /* väčšia medzera pod Telefón / E-mail */
    .woocommerce-checkout .create-account,
    .woocommerce-checkout #ship-to-different-address {
        margin-top: 26px !important;
        margin-bottom: 18px !important;
    }
}

@media (max-width: 768px) {
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
        display: block !important;
    }

    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .form-row {
        width: 100% !important;
        float: none !important;
        clear: both !important;
        margin: 0 0 16px !important;
        box-sizing: border-box !important;
    }

    .woocommerce-checkout .create-account,
    .woocommerce-checkout #ship-to-different-address {
        margin-top: 20px !important;
        margin-bottom: 16px !important;
    }
}

/* checkboxy nech ostanú natívne */
.woocommerce-checkout .create-account label,
.woocommerce-checkout #ship-to-different-address label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
}

.woocommerce-checkout input[type="checkbox"] {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    accent-color: auto !important;
}

.woocommerce-MyAccount-navigation ul {
    font-size: 17px;
}

/* =========================
   PREMIUM WOOCOMMERCE - SAFE FINAL
   - thank you prehlad objednavky
   - detail objednavky
   - adresy
   - tabulka objednavok v ucte
   - login / registracia ostava default
========================= */

:root {
    --lux-bg: #ffffff;
    --lux-border: #212761;
    --lux-text: #212761;
    --lux-radius: 10px;
    --lux-gold-line: rgba(166, 132, 52, 0.58);
    --lux-shadow: 0 18px 40px rgba(33, 39, 97, 0.10), 0 8px 18px rgba(33, 39, 97, 0.06);
    --lux-header-bg: #f5f6fb;
}

/* =========================
   1. THANK YOU - HORNY PREHLAD OBJEDNAVKY
   funguje pre default ul.order_details aj pre theme verzie
========================= */

/* default Woo ul */
.woocommerce-order .woocommerce-order-overview,
.woocommerce-order ul.woocommerce-order-overview,
.woocommerce-order ul.order_details.woocommerce-thankyou-order-details,
.woocommerce-order .woocommerce-thankyou-order-details.order_details {
    list-style: none !important;
    margin: 24px 0 20px 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
    gap: 0 !important;
    background: var(--lux-bg) !important;
    border: 1px solid var(--lux-border) !important;
    border-radius: var(--lux-radius) !important;
    overflow: hidden !important;
    box-shadow: var(--lux-shadow) !important;
}

.woocommerce-order .woocommerce-order-overview li,
.woocommerce-order ul.order_details.woocommerce-thankyou-order-details li,
.woocommerce-order .woocommerce-thankyou-order-details.order_details li {
    margin: 0 !important;
    padding: 18px 20px !important;
    border-right: 1px solid var(--lux-gold-line) !important;
    border-bottom: 1px solid var(--lux-gold-line) !important;
    color: #2f355d !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    min-height: 76px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.woocommerce-order .woocommerce-order-overview li strong,
.woocommerce-order ul.order_details.woocommerce-thankyou-order-details li strong,
.woocommerce-order .woocommerce-thankyou-order-details.order_details li strong,
.woocommerce-order .woocommerce-order-overview li .amount,
.woocommerce-order ul.order_details.woocommerce-thankyou-order-details li .amount,
.woocommerce-order .woocommerce-thankyou-order-details.order_details li .amount {
    margin-top: 6px !important;
    color: #000000 !important;
    font-weight: 700 !important;
}

.woocommerce-order .woocommerce-order-overview li:nth-child(2n),
.woocommerce-order ul.order_details.woocommerce-thankyou-order-details li:nth-child(2n),
.woocommerce-order .woocommerce-thankyou-order-details.order_details li:nth-child(2n) {
    border-right: none !important;
}

.woocommerce-order .woocommerce-order-overview li:nth-last-child(-n+2),
.woocommerce-order ul.order_details.woocommerce-thankyou-order-details li:nth-last-child(-n+2),
.woocommerce-order .woocommerce-thankyou-order-details.order_details li:nth-last-child(-n+2) {
    border-bottom: none !important;
}

/* ak theme robi z horneho prehladu tabulku */
.woocommerce-order .woocommerce-order-overview-wrapper table,
.woocommerce-order .woocommerce-thankyou-order-details-wrapper table,
.woocommerce-order table.woocommerce-order-overview,
.woocommerce-order table.order_details-overview,
.woocommerce-order .woocommerce-order-overview table {
    width: 100% !important;
    background: var(--lux-bg) !important;
    border: 1px solid var(--lux-border) !important;
    border-radius: var(--lux-radius) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    box-shadow: var(--lux-shadow) !important;
    margin: 24px 0 20px 0 !important;
}

.woocommerce-order .woocommerce-order-overview-wrapper table th,
.woocommerce-order .woocommerce-order-overview-wrapper table td,
.woocommerce-order .woocommerce-thankyou-order-details-wrapper table th,
.woocommerce-order .woocommerce-thankyou-order-details-wrapper table td,
.woocommerce-order table.woocommerce-order-overview th,
.woocommerce-order table.woocommerce-order-overview td,
.woocommerce-order table.order_details-overview th,
.woocommerce-order table.order_details-overview td,
.woocommerce-order .woocommerce-order-overview table th,
.woocommerce-order .woocommerce-order-overview table td {
    padding: 18px 20px !important;
    border: none !important;
    box-shadow: none !important;
    vertical-align: middle !important;
}

.woocommerce-order .woocommerce-order-overview-wrapper table tr:not(:last-child) td,
.woocommerce-order .woocommerce-order-overview-wrapper table tr:not(:last-child) th,
.woocommerce-order .woocommerce-thankyou-order-details-wrapper table tr:not(:last-child) td,
.woocommerce-order .woocommerce-thankyou-order-details-wrapper table tr:not(:last-child) th,
.woocommerce-order table.woocommerce-order-overview tr:not(:last-child) td,
.woocommerce-order table.woocommerce-order-overview tr:not(:last-child) th,
.woocommerce-order table.order_details-overview tr:not(:last-child) td,
.woocommerce-order table.order_details-overview tr:not(:last-child) th,
.woocommerce-order .woocommerce-order-overview table tr:not(:last-child) td,
.woocommerce-order .woocommerce-order-overview table tr:not(:last-child) th {
    border-bottom: 1px solid var(--lux-gold-line) !important;
}

.woocommerce-order .woocommerce-order-overview-wrapper table td + td,
.woocommerce-order .woocommerce-order-overview-wrapper table th + th,
.woocommerce-order .woocommerce-order-overview-wrapper table th + td,
.woocommerce-order .woocommerce-order-overview-wrapper table td + th,
.woocommerce-order .woocommerce-thankyou-order-details-wrapper table td + td,
.woocommerce-order .woocommerce-thankyou-order-details-wrapper table th + th,
.woocommerce-order .woocommerce-thankyou-order-details-wrapper table th + td,
.woocommerce-order .woocommerce-thankyou-order-details-wrapper table td + th,
.woocommerce-order table.woocommerce-order-overview td + td,
.woocommerce-order table.woocommerce-order-overview th + th,
.woocommerce-order table.woocommerce-order-overview th + td,
.woocommerce-order table.woocommerce-order-overview td + th,
.woocommerce-order table.order_details-overview td + td,
.woocommerce-order table.order_details-overview th + th,
.woocommerce-order table.order_details-overview th + td,
.woocommerce-order table.order_details-overview td + th,
.woocommerce-order .woocommerce-order-overview table td + td,
.woocommerce-order .woocommerce-order-overview table th + th,
.woocommerce-order .woocommerce-order-overview table th + td,
.woocommerce-order .woocommerce-order-overview table td + th {
    border-left: 1px solid var(--lux-gold-line) !important;
}

/* text pod sposobom platby */
.woocommerce-order .woocommerce-bacs-bank-details,
.woocommerce-order .payment_method_bacs,
.woocommerce-order .woocommerce-order-overview + p,
.woocommerce-order .woocommerce-thankyou-order-received + p {
    color: #2f355d !important;
}

/* =========================
   2. DETAIL OBJEDNAVKY
========================= */

.woocommerce-order-details__title {
    color: var(--lux-text) !important;
    font-size: 1.3em !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    border: none !important;
}

.woocommerce-order-details {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
}

.woocommerce-order-details table.shop_table,
.woocommerce-order-details table.shop_table.order_details,
.woocommerce table.shop_table.order_details {
    width: 100% !important;
    background: var(--lux-bg) !important;
    border: 1px solid var(--lux-border) !important;
    border-radius: var(--lux-radius) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    box-shadow: var(--lux-shadow) !important;
    margin: 0 !important;
}

.woocommerce-order-details table.shop_table th,
.woocommerce-order-details table.shop_table td,
.woocommerce table.shop_table.order_details th,
.woocommerce table.shop_table.order_details td {
    border: none !important;
    box-shadow: none !important;
    padding: 22px 26px !important;
    vertical-align: middle !important;
}

.woocommerce-order-details table.shop_table thead th,
.woocommerce table.shop_table.order_details thead th {
    background: var(--lux-header-bg) !important;
    color: var(--lux-text) !important;
    font-weight: 700 !important;
    border-bottom: 1px solid var(--lux-gold-line) !important;
}

.woocommerce-order-details table.shop_table tbody tr:not(:last-child) td,
.woocommerce-order-details table.shop_table tbody tr:not(:last-child) th,
.woocommerce-order-details table.shop_table tfoot tr:not(:last-child) td,
.woocommerce-order-details table.shop_table tfoot tr:not(:last-child) th,
.woocommerce table.shop_table.order_details tbody tr:not(:last-child) td,
.woocommerce table.shop_table.order_details tbody tr:not(:last-child) th,
.woocommerce table.shop_table.order_details tfoot tr:not(:last-child) td,
.woocommerce table.shop_table.order_details tfoot tr:not(:last-child) th {
    border-bottom: 1px solid var(--lux-gold-line) !important;
}

.woocommerce-order-details table.shop_table td + td,
.woocommerce-order-details table.shop_table th + th,
.woocommerce-order-details table.shop_table th + td,
.woocommerce-order-details table.shop_table td + th,
.woocommerce table.shop_table.order_details td + td,
.woocommerce table.shop_table.order_details th + th,
.woocommerce table.shop_table.order_details th + td,
.woocommerce table.shop_table.order_details td + th {
    border-left: none !important;
}

.woocommerce-order-details table.shop_table tbody tr:last-child td,
.woocommerce-order-details table.shop_table tbody tr:last-child th,
.woocommerce-order-details table.shop_table tfoot tr:last-child td,
.woocommerce-order-details table.shop_table tfoot tr:last-child th,
.woocommerce table.shop_table.order_details tbody tr:last-child td,
.woocommerce table.shop_table.order_details tbody tr:last-child th,
.woocommerce table.shop_table.order_details tfoot tr:last-child td,
.woocommerce table.shop_table.order_details tfoot tr:last-child th {
    border-bottom: none !important;
}

.woocommerce-order-details table.shop_table thead tr:first-child th:first-child,
.woocommerce table.shop_table.order_details thead tr:first-child th:first-child {
    border-top-left-radius: var(--lux-radius) !important;
}

.woocommerce-order-details table.shop_table thead tr:first-child th:last-child,
.woocommerce table.shop_table.order_details thead tr:first-child th:last-child {
    border-top-right-radius: var(--lux-radius) !important;
}

.woocommerce-order-details table.shop_table tr:last-child td:first-child,
.woocommerce-order-details table.shop_table tr:last-child th:first-child,
.woocommerce table.shop_table.order_details tr:last-child td:first-child,
.woocommerce table.shop_table.order_details tr:last-child th:first-child {
    border-bottom-left-radius: var(--lux-radius) !important;
}

.woocommerce-order-details table.shop_table tr:last-child td:last-child,
.woocommerce-order-details table.shop_table tr:last-child th:last-child,
.woocommerce table.shop_table.order_details tr:last-child td:last-child,
.woocommerce table.shop_table.order_details tr:last-child th:last-child {
    border-bottom-right-radius: var(--lux-radius) !important;
}

/* =========================
   3. ADRESY
========================= */

.woocommerce-account .woocommerce-columns--addresses,
.woocommerce-account .u-columns.addresses,
.woocommerce-order .woocommerce-columns--addresses,
.woocommerce-order .u-columns.addresses {
    display: flex !important;
    gap: 30px !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    margin-top: 24px !important;
}

.woocommerce-account .woocommerce-columns--addresses .woocommerce-column--billing-address,
.woocommerce-account .woocommerce-columns--addresses .woocommerce-column--shipping-address,
.woocommerce-account .u-columns.addresses .u-column1,
.woocommerce-account .u-columns.addresses .u-column2,
.woocommerce-order .woocommerce-columns--addresses .woocommerce-column--billing-address,
.woocommerce-order .woocommerce-columns--addresses .woocommerce-column--shipping-address,
.woocommerce-order .u-columns.addresses .u-column1,
.woocommerce-order .u-columns.addresses .u-column2 {
    flex: 1 1 300px !important;
    min-width: 300px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-sizing: border-box !important;
}

.woocommerce-account .woocommerce-columns--addresses .woocommerce-column__title,
.woocommerce-account .u-columns.addresses .woocommerce-column__title,
.woocommerce-account .woocommerce-columns--addresses .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-columns--addresses .woocommerce-Address-title h3,
.woocommerce-account .u-columns.addresses .woocommerce-Address-title h2,
.woocommerce-account .u-columns.addresses .woocommerce-Address-title h3,
.woocommerce-order .woocommerce-columns--addresses .woocommerce-column__title,
.woocommerce-order .u-columns.addresses .woocommerce-column__title,
.woocommerce-order .woocommerce-columns--addresses .woocommerce-Address-title h2,
.woocommerce-order .woocommerce-columns--addresses .woocommerce-Address-title h3,
.woocommerce-order .u-columns.addresses .woocommerce-Address-title h2,
.woocommerce-order .u-columns.addresses .woocommerce-Address-title h3 {
    color: var(--lux-text) !important;
    font-size: 1.3em !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    border: none !important;
}

.woocommerce-account .woocommerce-columns--addresses .woocommerce-column--billing-address,
.woocommerce-account .woocommerce-columns--addresses .woocommerce-column--shipping-address,
.woocommerce-account .u-columns.addresses .u-column1,
.woocommerce-account .u-columns.addresses .u-column2,
.woocommerce-account .woocommerce-columns--addresses .woocommerce-Address,
.woocommerce-account .u-columns.addresses .woocommerce-Address,
.woocommerce-order .woocommerce-columns--addresses .woocommerce-column--billing-address,
.woocommerce-order .woocommerce-columns--addresses .woocommerce-column--shipping-address,
.woocommerce-order .u-columns.addresses .u-column1,
.woocommerce-order .u-columns.addresses .u-column2,
.woocommerce-order .woocommerce-columns--addresses .woocommerce-Address,
.woocommerce-order .u-columns.addresses .woocommerce-Address {
    background: #ffffff !important;
    border: 1px solid var(--lux-border) !important;
    border-radius: var(--lux-radius) !important;
    box-shadow: var(--lux-shadow) !important;
    padding: 30px !important;
    min-height: 250px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.woocommerce-account .woocommerce-columns--addresses .woocommerce-column__title,
.woocommerce-account .u-columns.addresses .woocommerce-column__title,
.woocommerce-account .woocommerce-columns--addresses .woocommerce-Address-title,
.woocommerce-account .u-columns.addresses .woocommerce-Address-title,
.woocommerce-order .woocommerce-columns--addresses .woocommerce-column__title,
.woocommerce-order .u-columns.addresses .woocommerce-column__title,
.woocommerce-order .woocommerce-columns--addresses .woocommerce-Address-title,
.woocommerce-order .u-columns.addresses .woocommerce-Address-title {
    margin-bottom: 20px !important;
    padding: 0 !important;
    border: none !important;
}

.woocommerce-account .woocommerce-columns--addresses .woocommerce-Address address,
.woocommerce-account .u-columns.addresses .woocommerce-Address address,
.woocommerce-account .woocommerce-columns--addresses address,
.woocommerce-account .u-columns.addresses address,
.woocommerce-order .woocommerce-columns--addresses .woocommerce-Address address,
.woocommerce-order .u-columns.addresses .woocommerce-Address address,
.woocommerce-order .woocommerce-columns--addresses address,
.woocommerce-order .u-columns.addresses address {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    font-style: normal !important;
    line-height: 1.75 !important;
    color: #2f355d !important;
}

.woocommerce-account .woocommerce-columns--addresses .woocommerce-Address-title .edit,
.woocommerce-account .u-columns.addresses .woocommerce-Address-title .edit,
.woocommerce-order .woocommerce-columns--addresses .woocommerce-Address-title .edit,
.woocommerce-order .u-columns.addresses .woocommerce-Address-title .edit {
    color: var(--lux-border) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

/* ak je na thank you stranke len jedna adresa */
.woocommerce-order .woocommerce-customer-details address,
.woocommerce-order .addresses address,
.woocommerce-order .col2-set.addresses address {
    background: #ffffff !important;
    border: 1px solid var(--lux-border) !important;
    border-radius: var(--lux-radius) !important;
    box-shadow: var(--lux-shadow) !important;
    padding: 30px !important;
    margin: 0 !important;
    font-style: normal !important;
    line-height: 1.75 !important;
}

/* =========================
   4. TABULKA OBJEDNAVOK V UCTE
========================= */

.woocommerce-account .woocommerce-orders-table,
.woocommerce-account table.shop_table.my_account_orders {
    width: 100% !important;
    background: var(--lux-bg) !important;
    border: 1px solid var(--lux-border) !important;
    border-radius: var(--lux-radius) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    box-shadow: var(--lux-shadow) !important;
    margin: 0 !important;
}

.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td,
.woocommerce-account table.shop_table.my_account_orders th,
.woocommerce-account table.shop_table.my_account_orders td {
    border: none !important;
    box-shadow: none !important;
    padding: 22px 26px !important;
    vertical-align: middle !important;
}

.woocommerce-account .woocommerce-orders-table thead th,
.woocommerce-account table.shop_table.my_account_orders thead th {
    background: var(--lux-header-bg) !important;
    color: var(--lux-text) !important;
    font-weight: 700 !important;
    border-bottom: 1px solid var(--lux-gold-line) !important;
}

.woocommerce-account .woocommerce-orders-table tbody tr:not(:last-child) td,
.woocommerce-account .woocommerce-orders-table tbody tr:not(:last-child) th,
.woocommerce-account table.shop_table.my_account_orders tbody tr:not(:last-child) td,
.woocommerce-account table.shop_table.my_account_orders tbody tr:not(:last-child) th {
    border-bottom: 1px solid var(--lux-gold-line) !important;
}

.woocommerce-account .woocommerce-orders-table td + td,
.woocommerce-account .woocommerce-orders-table th + th,
.woocommerce-account .woocommerce-orders-table th + td,
.woocommerce-account .woocommerce-orders-table td + th,
.woocommerce-account table.shop_table.my_account_orders td + td,
.woocommerce-account table.shop_table.my_account_orders th + th,
.woocommerce-account table.shop_table.my_account_orders th + td,
.woocommerce-account table.shop_table.my_account_orders td + th {
    border-left: none !important;
}

.woocommerce-account .woocommerce-orders-table tbody tr:last-child td,
.woocommerce-account .woocommerce-orders-table tbody tr:last-child th,
.woocommerce-account table.shop_table.my_account_orders tbody tr:last-child td,
.woocommerce-account table.shop_table.my_account_orders tbody tr:last-child th {
    border-bottom: none !important;
}

.woocommerce-account .woocommerce-orders-table thead tr:first-child th:first-child,
.woocommerce-account table.shop_table.my_account_orders thead tr:first-child th:first-child {
    border-top-left-radius: var(--lux-radius) !important;
}

.woocommerce-account .woocommerce-orders-table thead tr:first-child th:last-child,
.woocommerce-account table.shop_table.my_account_orders thead tr:first-child th:last-child {
    border-top-right-radius: var(--lux-radius) !important;
}

.woocommerce-account .woocommerce-orders-table tbody tr:last-child td:first-child,
.woocommerce-account table.shop_table.my_account_orders tbody tr:last-child td:first-child {
    border-bottom-left-radius: var(--lux-radius) !important;
}

.woocommerce-account .woocommerce-orders-table tbody tr:last-child td:last-child,
.woocommerce-account table.shop_table.my_account_orders tbody tr:last-child td:last-child {
    border-bottom-right-radius: var(--lux-radius) !important;
}

.woocommerce-account .woocommerce-orders-table__cell-order-number a,
.woocommerce-account .woocommerce-orders-table .order-number a {
    color: var(--lux-text) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.woocommerce-account .woocommerce-orders-table__cell-order-status,
.woocommerce-account .woocommerce-orders-table__cell-order-total {
    color: #2f355d !important;
    font-weight: 600 !important;
}

.woocommerce-account .woocommerce-orders-table__cell-order-total {
    color: var(--lux-text) !important;
    font-weight: 700 !important;
}

.woocommerce-account .woocommerce-orders-table .button,
.woocommerce-account table.shop_table.my_account_orders .button {
    background: var(--lux-border) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 12px 22px !important;
    min-width: 140px !important;
    text-align: center !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    box-shadow: 0 10px 24px rgba(33, 39, 97, 0.16) !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

.woocommerce-account .woocommerce-orders-table .button:hover,
.woocommerce-account table.shop_table.my_account_orders .button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 28px rgba(33, 39, 97, 0.20) !important;
    opacity: 0.96 !important;
}

/* =========================
   5. MOBIL
========================= */

@media (max-width: 768px) {
    .woocommerce-order .woocommerce-order-overview,
    .woocommerce-order ul.woocommerce-order-overview,
    .woocommerce-order ul.order_details.woocommerce-thankyou-order-details,
    .woocommerce-order .woocommerce-thankyou-order-details.order_details {
        grid-template-columns: 1fr !important;
    }

    .woocommerce-order .woocommerce-order-overview li,
    .woocommerce-order ul.order_details.woocommerce-thankyou-order-details li,
    .woocommerce-order .woocommerce-thankyou-order-details.order_details li {
        border-right: none !important;
    }

    .woocommerce-order .woocommerce-order-overview li:not(:last-child),
    .woocommerce-order ul.order_details.woocommerce-thankyou-order-details li:not(:last-child),
    .woocommerce-order .woocommerce-thankyou-order-details.order_details li:not(:last-child) {
        border-bottom: 1px solid var(--lux-gold-line) !important;
    }

    .woocommerce-account .woocommerce-columns--addresses,
    .woocommerce-account .u-columns.addresses,
    .woocommerce-order .woocommerce-columns--addresses,
    .woocommerce-order .u-columns.addresses {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .woocommerce-account .woocommerce-columns--addresses .woocommerce-column--billing-address,
    .woocommerce-account .woocommerce-columns--addresses .woocommerce-column--shipping-address,
    .woocommerce-account .u-columns.addresses .u-column1,
    .woocommerce-account .u-columns.addresses .u-column2,
    .woocommerce-account .woocommerce-columns--addresses .woocommerce-Address,
    .woocommerce-account .u-columns.addresses .woocommerce-Address,
    .woocommerce-order .woocommerce-columns--addresses .woocommerce-column--billing-address,
    .woocommerce-order .woocommerce-columns--addresses .woocommerce-column--shipping-address,
    .woocommerce-order .u-columns.addresses .u-column1,
    .woocommerce-order .u-columns.addresses .u-column2,
    .woocommerce-order .woocommerce-columns--addresses .woocommerce-Address,
    .woocommerce-order .u-columns.addresses .woocommerce-Address,
    .woocommerce-order .woocommerce-customer-details address,
    .woocommerce-order .addresses address,
    .woocommerce-order .col2-set.addresses address {
        padding: 22px !important;
        min-height: auto !important;
    }

    .woocommerce-order-details table.shop_table th,
    .woocommerce-order-details table.shop_table td,
    .woocommerce table.shop_table.order_details th,
    .woocommerce table.shop_table.order_details td,
    .woocommerce-account .woocommerce-orders-table th,
    .woocommerce-account .woocommerce-orders-table td,
    .woocommerce-account table.shop_table.my_account_orders th,
    .woocommerce-account table.shop_table.my_account_orders td {
        padding: 16px !important;
    }

    .woocommerce-account .woocommerce-orders-table .button,
    .woocommerce-account table.shop_table.my_account_orders .button {
        min-width: auto !important;
        width: 100% !important;
        padding: 12px 16px !important;
    }
}

/* THANK YOU PAGE - fakturačná aj dodacia adresa na default */
.woocommerce-order .woocommerce-columns--addresses .woocommerce-column--billing-address,
.woocommerce-order .woocommerce-columns--addresses .woocommerce-column--shipping-address,
.woocommerce-order .u-columns.addresses .u-column1,
.woocommerce-order .u-columns.addresses .u-column2,
.woocommerce-order .col2-set.addresses .col-1,
.woocommerce-order .col2-set.addresses .col-2,
.woocommerce-order .woocommerce-customer-details .woocommerce-column--billing-address,
.woocommerce-order .woocommerce-customer-details .woocommerce-column--shipping-address,
.woocommerce-order .woocommerce-columns--addresses .woocommerce-Address,
.woocommerce-order .u-columns.addresses .woocommerce-Address,
.woocommerce-order .col2-set.addresses .woocommerce-Address,
.woocommerce-order .woocommerce-columns--addresses address,
.woocommerce-order .u-columns.addresses address,
.woocommerce-order .col2-set.addresses address,
.woocommerce-order .woocommerce-customer-details address {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: auto !important;
    overflow: visible !important;
}

/* THANK YOU PAGE - nadpisy adries bez custom box štýlu */
.woocommerce-order .woocommerce-columns--addresses .woocommerce-column__title,
.woocommerce-order .woocommerce-columns--addresses .woocommerce-Address-title,
.woocommerce-order .u-columns.addresses .woocommerce-column__title,
.woocommerce-order .u-columns.addresses .woocommerce-Address-title,
.woocommerce-order .col2-set.addresses .woocommerce-column__title,
.woocommerce-order .col2-set.addresses .woocommerce-Address-title,
.woocommerce-order .woocommerce-customer-details .woocommerce-column__title,
.woocommerce-order .woocommerce-customer-details .woocommerce-Address-title {
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* ============================================================
   FIREMNÉ ÚDAJE - FINÁLNA VERZIA
   ============================================================ */

:root {
  --firm-blue: #212761;
  --firm-gold: #C99E45;
  --firm-bg: #f7f7f7;
  --firm-text: #667085;
  --firm-box-border: #212761;
  --firm-input-focus-bg: #FFECD7;
}

/* Reset wrapperov */
#billing_company_field,
#billing_ic_field,
#billing_ico_field,
#billing_dic_field,
#billing_dic_dph_field,
#billing_ic_dph_field {
  box-shadow: none !important;
}

/* Hlavný box firemných údajov */
#billing_company_field {
  margin-top: 24px !important;
  margin-bottom: 0 !important;
  padding: 24px 24px 155px 24px !important;
  background: var(--firm-bg) !important;
  border: 1px solid var(--firm-box-border) !important;
  border-radius: 5px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Nadpis sekcie */
#billing_company_field::before {
  content: "Firemné údaje";
  display: block;
  margin-bottom: 14px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 800;
  color: var(--firm-blue);
}

/* Pomocný text */
#billing_company_field::after {
  content: "Vyplňte iba pri nákupe na firmu.";
  display: block;
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.45;
  color: var(--firm-text);
}

/* Spodné firemné polia - spoločné nastavenie */
#billing_ic_field,
#billing_ico_field,
#billing_dic_field,
#billing_dic_dph_field,
#billing_ic_dph_field {
  position: relative !important;
  z-index: 2 !important;
  margin-top: -120px !important;
  margin-bottom: 16px !important;
  border: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

/* 1. stĺpec - väčší odsah od ľavého kraja, menší do stredu */
#billing_ic_field,
#billing_ico_field {
  padding-left: 24px !important;
  padding-right: 8px !important;
}

/* 2. stĺpec - malé medzery z oboch strán */
#billing_dic_field {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* 3. stĺpec - menší do stredu, väčší od pravého kraja */
#billing_dic_dph_field,
#billing_ic_dph_field {
  padding-left: 8px !important;
  padding-right: 24px !important;
}

/* Labely */
#billing_company_field label,
#billing_ic_field label,
#billing_ico_field label,
#billing_dic_field label,
#billing_dic_dph_field label,
#billing_ic_dph_field label {
  display: block !important;
  margin-bottom: 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--firm-blue) !important;
}

/* Inputy */
input[name="billing_company"],
input[name="billing_ic"],
input[name="billing_ico"],
input[name="billing_dic"],
input[name="billing_dic_dph"],
input[name="billing_ic_dph"] {
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  background: #ffffff !important;
  border: 1px solid var(--firm-gold) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  font-size: 15px !important;
  color: #111827 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

/* Hover */
input[name="billing_company"]:hover,
input[name="billing_ic"]:hover,
input[name="billing_ico"]:hover,
input[name="billing_dic"]:hover,
input[name="billing_dic_dph"]:hover,
input[name="billing_ic_dph"]:hover {
  border-color: var(--firm-gold) !important;
  background: #fff !important;
}

/* Focus */
input[name="billing_company"]:focus,
input[name="billing_ic"]:focus,
input[name="billing_ico"]:focus,
input[name="billing_dic"]:focus,
input[name="billing_dic_dph"]:focus,
input[name="billing_ic_dph"]:focus {
  border-color: #212761 !important;
  box-shadow: none !important;
  outline: none !important;
  background: var(--firm-input-focus-bg) !important;
}

/* Skrytie placeholderov */
input[name="billing_company"]::placeholder,
input[name="billing_ic"]::placeholder,
input[name="billing_ico"]::placeholder,
input[name="billing_dic"]::placeholder,
input[name="billing_dic_dph"]::placeholder,
input[name="billing_ic_dph"]::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

input[name="billing_company"]::-webkit-input-placeholder,
input[name="billing_ic"]::-webkit-input-placeholder,
input[name="billing_ico"]::-webkit-input-placeholder,
input[name="billing_dic"]::-webkit-input-placeholder,
input[name="billing_dic_dph"]::-webkit-input-placeholder,
input[name="billing_ic_dph"]::-webkit-input-placeholder {
  color: transparent !important;
}

input[name="billing_company"]::-moz-placeholder,
input[name="billing_ic"]::-moz-placeholder,
input[name="billing_ico"]::-moz-placeholder,
input[name="billing_dic"]::-moz-placeholder,
input[name="billing_dic_dph"]::-moz-placeholder,
input[name="billing_ic_dph"]::-moz-placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

/* ============================================================
   TABLET
   ============================================================ */
@media (max-width: 991px) {
  #billing_company_field {
    padding: 22px 20px 145px 20px !important;
  }

  #billing_ic_field,
  #billing_ico_field,
  #billing_dic_field,
  #billing_dic_dph_field,
  #billing_ic_dph_field {
    margin-top: -115px !important;
  }

  #billing_ic_field,
  #billing_ico_field {
    padding-left: 20px !important;
    padding-right: 6px !important;
  }

  #billing_dic_field {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  #billing_dic_dph_field,
  #billing_ic_dph_field {
    padding-left: 6px !important;
    padding-right: 20px !important;
  }
}

/* ============================================================
   MOBILE
   ============================================================ */
@media (max-width: 767px) {
  #billing_company_field {
    padding: 18px 16px !important;
    margin-top: 18px !important;
    margin-bottom: 14px !important;
    border: 1px solid var(--firm-box-border) !important;
    border-radius: 5px !important;
  }

  #billing_company_field::before {
    font-size: 17px !important;
    margin-bottom: 10px !important;
  }

  #billing_company_field::after {
    margin-top: 10px !important;
  }

  #billing_ic_field,
  #billing_ico_field,
  #billing_dic_field,
  #billing_dic_dph_field,
  #billing_ic_dph_field {
    margin-top: 12px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }

  #billing_dic_dph_field,
  #billing_ic_dph_field {
    margin-bottom: 30px !important;
  }

  input[name="billing_company"],
  input[name="billing_ic"],
  input[name="billing_ico"],
  input[name="billing_dic"],
  input[name="billing_dic_dph"],
  input[name="billing_ic_dph"] {
    height: 40px !important;
    min-height: 40px !important;
    font-size: 15px !important;
  }
}

/* ============================================================
   CHECKBOXY - len checkout
   ============================================================ */
.woocommerce-checkout label.checkbox,
.woocommerce-checkout .woocommerce-form__label-for-checkbox,
.woocommerce-checkout #ship-to-different-address label,
.woocommerce-checkout .woocommerce-account-fields label {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

.woocommerce-checkout label.checkbox input[type="checkbox"],
.woocommerce-checkout .woocommerce-form__label-for-checkbox input[type="checkbox"],
.woocommerce-checkout #ship-to-different-address label input[type="checkbox"],
.woocommerce-checkout .woocommerce-account-fields label input[type="checkbox"] {
  margin: 0 !important;
  margin-right: 0 !important;
  position: relative !important;
  top: -1px !important;
  flex: 0 0 auto !important;
}

.woocommerce-checkout label.checkbox span,
.woocommerce-checkout .woocommerce-form__label-for-checkbox span,
.woocommerce-checkout #ship-to-different-address label span,
.woocommerce-checkout .woocommerce-account-fields label span {
  display: inline-block !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

/* Moj ucet - prihlasenie - checkbox hore, button pod nim */
.woocommerce-account #customer_login form.woocommerce-form-login p.form-row,
.woocommerce-account #customer_login form.login p.form-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.woocommerce-account #customer_login form.woocommerce-form-login .woocommerce-form-login__rememberme,
.woocommerce-account #customer_login form.login .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 14px 0 !important;
    width: auto !important;
}

.woocommerce-account #customer_login form.woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"],
.woocommerce-account #customer_login form.login .woocommerce-form-login__rememberme input[type="checkbox"] {
    margin: 0 !important;
}

.woocommerce-account #customer_login form.woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-account #customer_login form.login .woocommerce-form-login__submit,
.woocommerce-account #customer_login form.woocommerce-form-login button[type="submit"],
.woocommerce-account #customer_login form.login button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
    align-self: flex-start !important;
}