/* Kainé Fulfillment — checkout & My Account branding
   Targets WooCommerce Blocks' documented stable class names. Verify against
   the live DOM once guest checkout is enforced (this UI only renders in its
   "account required" shape after the Checkout_Gate::activate() settings are
   live), and adjust selectors here if the installed WC Blocks version differs. */

:root {
    --kfulfill-ink: #1a1a1a;
    --kfulfill-gold: #C9A84C;
    --kfulfill-muted: #888888;
    --kfulfill-border: #E8E4DE;
}

.wc-block-checkout__login-prompt,
.woocommerce-form-login,
.woocommerce-form-register {
    font-family: 'Jost', Arial, sans-serif;
    color: var(--kfulfill-ink);
}

.wc-block-checkout__login-prompt a,
.woocommerce-form-login a,
.woocommerce-form-register a,
.woocommerce-account .woocommerce-MyAccount-navigation a {
    color: var(--kfulfill-ink);
    text-decoration: underline;
    text-decoration-color: var(--kfulfill-gold);
    text-underline-offset: 3px;
}

.wc-block-components-checkbox__mark,
.wc-block-components-radio-control__input:checked {
    accent-color: var(--kfulfill-gold);
}

.wp-block-woocommerce-checkout-actions-block .wc-block-components-checkout-place-order-button,
.woocommerce-form-login button[type="submit"],
.woocommerce-form-register button[type="submit"],
.woocommerce-form-register input[type="submit"] {
    background: var(--kfulfill-ink) !important;
    border-color: var(--kfulfill-ink) !important;
    color: #fff !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 12px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    border: 1px solid var(--kfulfill-border);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    color: var(--kfulfill-gold);
    font-weight: 500;
}