/* Nae 2.6.1 — stable trial access, checkout and coordinated public polish. */
:root {
    --nae-surface: rgba(255, 255, 255, .34);
    --nae-surface-strong: rgba(255, 255, 255, .52);
    --nae-surface-hover: rgba(255, 255, 255, .64);
    --nae-positive: #2f7653;
    --nae-negative: #a34f47;
    --nae-card-shadow: 0 18px 52px rgba(34, 31, 27, .075);
}

html[data-nae-theme="night"] {
    --nae-muted: rgba(244, 235, 221, .72);
    --nae-line: rgba(244, 235, 221, .2);
    --nae-surface: rgba(255, 255, 255, .055);
    --nae-surface-strong: rgba(255, 255, 255, .085);
    --nae-surface-hover: rgba(255, 255, 255, .12);
    --nae-positive: #87d9aa;
    --nae-negative: #ffaaa2;
    --nae-card-shadow: 0 20px 56px rgba(0, 0, 0, .24);
}

.nae-primary-action:focus-visible,
.nae-secondary-action:focus-visible,
.nae-card-action:focus-visible,
.nae-format-picker select:focus-visible,
.woocommerce-account a:focus-visible,
.woocommerce-account button:focus-visible,
.woocommerce-account input:focus-visible,
.woocommerce-account textarea:focus-visible,
.woocommerce-account select:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

/* Chat composer notice, format control and footer. */
.nae-chat-notice {
    order: -3;
    margin: 0 4px 9px;
    color: var(--nae-muted);
    font-size: 11px;
    line-height: 1.55;
    font-weight: 350;
    text-align: center;
}

.nae-chat-notice a,
.nae-pricing-footer a {
    color: var(--nae-text);
    text-decoration-color: var(--nae-line);
    text-underline-offset: 3px;
    transition: text-decoration-color .18s ease, opacity .18s ease;
}

.nae-chat-notice a:hover,
.nae-pricing-footer a:hover { text-decoration-color: currentColor; }

.nae-pricing-footer {
    width: min(100%, 940px);
    min-height: 42px;
    margin: 24px auto 0;
    padding: 17px 12px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 8px;
    border-top: 1px solid var(--nae-line);
    color: var(--nae-muted);
    font-size: 11px;
    line-height: 1.45;
    font-weight: 350;
    text-align: center;
}

.nae-pricing-footer-separator { opacity: .48; }

/* The header has one right-side control group: Rays, theme and Info. */
.nae-actions {
    align-items: center;
}

.nae-actions .nae-rays-header,
.nae-actions .nae-rays-header:link,
.nae-actions .nae-rays-header:visited,
.nae-actions .nae-rays-header:hover,
.nae-actions .nae-rays-header:focus,
.nae-actions .nae-rays-header:active {
    height: 42px;
    min-height: 42px;
    padding: 0 11px 0 9px;
    gap: 6px;
    border-color: var(--nae-line);
    background: transparent;
    color: var(--nae-text) !important;
    -webkit-text-fill-color: var(--nae-text);
    text-decoration: none !important;
}

.nae-actions .nae-rays-header:hover { background: var(--nae-surface-hover); }
.nae-actions .nae-rays-sun-header svg { width: 22px; height: 19px; }
.nae-actions .nae-rays-header strong { font-size: 13px; font-weight: 450; }

.nae-format-picker select {
    width: auto;
    min-width: 224px;
    min-height: 36px;
    padding: 0 36px 0 14px;
    border-color: var(--nae-line);
    background-color: var(--nae-surface-strong);
    color: var(--nae-text);
    color-scheme: light;
    font-size: 13px;
    font-weight: 400;
    -webkit-text-fill-color: var(--nae-text);
}

.nae-format-picker::after {
    right: 13px;
    color: var(--nae-text);
    opacity: .78;
}

.nae-format-picker select:hover { background-color: var(--nae-surface-hover); }
.nae-format-picker select option { background: #f4ebdd; color: #17202a; }

html[data-nae-theme="night"] .nae-format-picker select {
    color-scheme: dark;
    background-color: #10283d;
    color: #f4ebdd;
    border-color: rgba(244, 235, 221, .3);
    -webkit-text-fill-color: #f4ebdd;
}

html[data-nae-theme="night"] .nae-format-picker select option {
    background: #10283d;
    color: #f4ebdd;
}

html[data-nae-theme="night"] .nae-format-picker select:disabled {
    color: rgba(244, 235, 221, .66);
    -webkit-text-fill-color: rgba(244, 235, 221, .66);
}

/* Conversations use the same centered reading column at every width. */
body.nae-page-conversations .nae-page {
    width: min(100%, 1040px);
}

body.nae-page-conversations .nae-page-content,
body.nae-page-conversations .nae-conversation-archive,
body.nae-page-conversations .nae-archive-card,
body.nae-page-conversations .nae-archive-content {
    min-width: 0;
    max-width: 100%;
}

body.nae-page-conversations .nae-conversation-archive {
    width: 100%;
}

body.nae-page-conversations .nae-archive-card {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    overflow: hidden;
    background: var(--nae-surface);
    box-shadow: 0 9px 28px rgba(34, 31, 27, .025);
}

body.nae-page-conversations .nae-archive-card strong,
body.nae-page-conversations .nae-archive-card p,
body.nae-page-conversations .nae-archive-card span {
    max-width: 100%;
    overflow-wrap: anywhere;
}

body.nae-page-conversations .nae-card-actions {
    max-width: 100%;
    flex-wrap: wrap;
}

/* Premium WooCommerce account shell. */
body.logged-in.woocommerce-account .nae-page {
    width: min(100%, 1120px);
}

body.logged-in.woocommerce-account .woocommerce {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(205px, 244px) minmax(0, 1fr);
    align-items: start;
    gap: 26px;
}

body.logged-in.woocommerce-account .woocommerce > .nae-rays-account-summary {
    grid-column: 1 / -1;
}

body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
}

body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0 !important;
    padding: 10px !important;
    display: grid !important;
    gap: 5px !important;
    border: 1px solid var(--nae-line);
    border-radius: 24px;
    background: var(--nae-surface);
    box-shadow: var(--nae-card-shadow);
}

body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
    padding: 0 !important;
}

body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation a {
    min-height: 43px;
    padding: 10px 13px !important;
    display: flex;
    align-items: center;
    border: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
    color: var(--nae-text) !important;
    text-decoration: none !important;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 400 !important;
    transition: background-color .18s ease, transform .18s ease;
}

body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    background: var(--nae-surface-hover) !important;
    transform: translateX(2px);
}

body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
    background: var(--nae-text) !important;
    color: var(--nae-bg) !important;
}

body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid var(--nae-line);
}

body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a {
    color: var(--nae-negative) !important;
}

body.logged-in.woocommerce-account .woocommerce-MyAccount-content {
    width: auto !important;
    min-width: 0;
    float: none !important;
    margin: 0 !important;
    padding: clamp(24px, 3.3vw, 38px);
    border: 1px solid var(--nae-line);
    border-radius: 28px;
    background: var(--nae-surface);
    box-shadow: var(--nae-card-shadow);
}

body.logged-in.woocommerce-account .woocommerce-MyAccount-content > :first-child { margin-top: 0; }
body.logged-in.woocommerce-account .woocommerce-MyAccount-content > :last-child { margin-bottom: 0; }

body.logged-in.woocommerce-account .woocommerce-MyAccount-content p,
body.logged-in.woocommerce-account .woocommerce-MyAccount-content address {
    font-size: 16px;
    line-height: 1.7;
}

body.logged-in.woocommerce-account .woocommerce-MyAccount-content h2,
body.logged-in.woocommerce-account .woocommerce-MyAccount-content h3 {
    margin-bottom: 18px !important;
    font-weight: 350 !important;
}

body.logged-in.woocommerce-account .woocommerce button.button,
body.logged-in.woocommerce-account .woocommerce a.button,
body.logged-in.woocommerce-account .woocommerce input.button {
    min-height: 43px;
    padding: 10px 17px !important;
    border-color: var(--nae-text) !important;
    background: var(--nae-text) !important;
    color: var(--nae-bg) !important;
    font-weight: 400 !important;
    transition: opacity .18s ease, transform .18s ease;
}

body.logged-in.woocommerce-account .woocommerce button.button:hover,
body.logged-in.woocommerce-account .woocommerce a.button:hover,
body.logged-in.woocommerce-account .woocommerce input.button:hover {
    opacity: .88;
    transform: translateY(-1px);
}

body.logged-in.woocommerce-account .woocommerce form .form-row input.input-text,
body.logged-in.woocommerce-account .woocommerce form .form-row textarea,
body.logged-in.woocommerce-account .woocommerce select {
    width: 100%;
    min-height: 46px;
    border-color: var(--nae-line);
    background: var(--nae-surface-strong);
    color: var(--nae-text);
    font-size: 15px;
}

body.logged-in.woocommerce-account .woocommerce table.shop_table {
    width: 100%;
    margin: 0 0 24px;
    overflow: hidden;
    border: 1px solid var(--nae-line);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 18px;
}

body.logged-in.woocommerce-account .woocommerce table.shop_table th,
body.logged-in.woocommerce-account .woocommerce table.shop_table td {
    padding: 13px 14px;
    border-color: var(--nae-line);
}

/* Rays summary appears before account navigation. */
body.logged-in.woocommerce-account .nae-rays-account-summary {
    width: 100%;
    min-height: 112px;
    margin: 0 !important;
    padding: 22px 26px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    border-radius: 28px;
    background: var(--nae-surface-strong);
    box-shadow: var(--nae-card-shadow);
    transition: transform .18s ease, background-color .18s ease;
}

body.logged-in.woocommerce-account .nae-rays-account-summary:hover {
    background: var(--nae-surface-hover);
    transform: translateY(-1px);
}

.nae-rays-account-summary-copy {
    min-width: 0;
    display: grid !important;
    gap: 4px;
}

.nae-rays-account-summary-action {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    color: var(--nae-text) !important;
    font-size: 13px;
    font-weight: 400;
}

.nae-rays-account-summary-action > span {
    font-size: 22px;
    line-height: 1;
}

/* Rays endpoint shares the same account design language. */
.nae-rays-account { gap: 22px; }

.nae-rays-account-hero {
    min-height: 200px;
    padding: clamp(26px, 4vw, 44px);
    border-radius: 26px;
    background: var(--nae-surface-strong);
    box-shadow: 0 12px 36px rgba(34, 31, 27, .04);
}

.nae-rays-balance-copy { min-width: 0; }
.nae-rays-balance-copy > p { margin-bottom: 7px; font-size: 14px; }

.nae-rays-balance-line {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    line-height: 1;
}

.nae-rays-balance-line h2 { line-height: 1 !important; }
.nae-rays-balance-line span { font-size: clamp(17px, 2vw, 23px); }

.nae-rays-account-block {
    padding: clamp(22px, 3vw, 30px);
    border-radius: 22px;
    background: var(--nae-surface);
}

.nae-rays-account-block h3 {
    margin-bottom: 18px !important;
    font-size: clamp(21px, 2vw, 27px) !important;
}

.nae-rays-ledger > div { min-height: 76px; padding: 15px 0; }
.nae-rays-ledger strong { color: var(--nae-text); }
.nae-rays-ledger small { font-size: 13px; }
.nae-rays-ledger b.is-positive { color: var(--nae-positive); }
.nae-rays-ledger b.is-negative { color: var(--nae-negative); opacity: 1; }

.nae-rays-account .nae-rays-continue {
    min-width: 174px;
    box-shadow: 0 10px 24px rgba(23, 32, 42, .13);
}

html[data-nae-theme="night"] .nae-rays-account .nae-rays-continue {
    box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
}

/* Purchase page remains generous and aligned with the premium cards. */
body.nae-page-pricing .nae-page { width: min(100%, 1080px); }
body.nae-page-pricing .nae-rays-purchase {
    border-color: var(--nae-line);
    background: var(--nae-surface);
    box-shadow: var(--nae-card-shadow);
}

@media (max-width: 840px) {
    body.nae-page-conversations .nae-archive-card {
        grid-template-columns: 1fr;
        align-items: start;
        gap: 17px;
    }

    body.nae-page-conversations .nae-card-actions {
        width: 100%;
        justify-content: flex-start;
    }

    body.logged-in.woocommerce-account .woocommerce {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    body.logged-in.woocommerce-account .woocommerce > .nae-rays-account-summary,
    body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation,
    body.logged-in.woocommerce-account .woocommerce-MyAccount-content {
        grid-column: 1;
    }

    body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout {
        margin-top: 0 !important;
        padding-top: 0 !important;
        border-top: 0;
    }
}

@media (max-width: 640px) {
    .nae-chat-notice {
        margin-inline: 2px;
        font-size: 10px;
        text-align: left;
    }

    .nae-pricing-footer {
        justify-content: center;
        margin-top: 20px;
        padding: 15px 8px 0;
        font-size: 10px;
        text-align: center;
    }

    .nae-pricing-footer-separator { display: none; }
    .nae-pricing-footer > span:not(.nae-pricing-footer-separator) { flex: 1 1 100%; }

    .nae-actions .nae-rays-header,
    .nae-actions .nae-rays-header:link,
    .nae-actions .nae-rays-header:visited,
    .nae-actions .nae-rays-header:hover,
    .nae-actions .nae-rays-header:focus,
    .nae-actions .nae-rays-header:active {
        width: 38px;
        height: 38px;
        min-height: 38px;
        padding: 0;
        justify-content: center;
        gap: 0;
    }

    .nae-actions .nae-rays-header strong {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .nae-actions .nae-rays-sun-header svg { width: 22px; height: 19px; }

    .nae-format-picker { width: min(100%, 272px); }
    .nae-format-picker select { width: 100%; min-width: 0; }

    body.nae-page-conversations .nae-page,
    body.logged-in.woocommerce-account .nae-page,
    body.nae-page-pricing .nae-page { width: 100%; }

    body.nae-page-conversations .nae-archive-card { padding: 18px; }
    body.nae-page-conversations .nae-card-actions { display: grid; grid-template-columns: 1fr; }
    body.nae-page-conversations .nae-card-action { width: 100%; }

    body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation ul {
        grid-template-columns: 1fr;
        padding: 8px !important;
        border-radius: 20px;
    }

    body.logged-in.woocommerce-account .woocommerce-MyAccount-content {
        padding: 21px 18px;
        border-radius: 22px;
    }

    body.logged-in.woocommerce-account .nae-rays-account-summary {
        min-height: 0;
        padding: 19px;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 14px;
        border-radius: 22px;
    }

    .nae-rays-account-summary-action {
        grid-column: 1 / -1;
        justify-content: center;
        min-height: 39px;
        border-top: 1px solid var(--nae-line);
        padding-top: 11px;
    }

    .nae-rays-account-hero {
        min-height: 0;
        padding: 24px 20px;
        gap: 18px;
        border-radius: 22px;
    }

    .nae-rays-balance-line { justify-content: center; }
    .nae-rays-account .nae-rays-continue { width: 100%; }

    .nae-rays-ledger > div {
        align-items: flex-start;
        gap: 12px;
    }

    body.logged-in.woocommerce-account .woocommerce table.shop_table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation a,
    body.logged-in.woocommerce-account .nae-rays-account-summary,
    body.logged-in.woocommerce-account .woocommerce button.button,
    body.logged-in.woocommerce-account .woocommerce a.button,
    body.logged-in.woocommerce-account .woocommerce input.button {
        transition: none;
    }
}

/* Trial conversation and inline conversion actions. */
.nae-message-nae p a,
.nae-message-cta {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: var(--nae-line);
    text-underline-offset: 3px;
}

.nae-message-cta {
    width: fit-content;
    min-height: 36px;
    margin: 13px 0 0;
    padding: 8px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid currentColor;
    border-radius: 999px;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.2;
    transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.nae-message-cta:hover {
    background: var(--nae-text);
    color: var(--nae-bg);
    transform: translateY(-1px);
}

.nae-message-trial-exhausted,
.nae-message-paid-top-up {
    border-color: color-mix(in srgb, var(--nae-text) 26%, transparent);
    background: var(--nae-surface-strong);
}

.nae-composer textarea:disabled {
    cursor: not-allowed;
    opacity: .66;
}

/* Premium ray-only WooCommerce checkout (classic and Checkout Block). */
body.nae-rays-checkout .nae-page {
    width: min(100%, 1180px);
}

body.nae-rays-checkout .nae-page-content,
body.nae-rays-checkout .woocommerce,
body.nae-rays-checkout .wc-block-checkout {
    width: 100%;
    min-width: 0;
}

body.nae-rays-checkout .wc-block-checkout,
body.nae-rays-checkout form.checkout.woocommerce-checkout {
    gap: clamp(24px, 4vw, 48px);
}

body.nae-rays-checkout .wc-block-checkout__main,
body.nae-rays-checkout .wc-block-checkout__sidebar,
body.nae-rays-checkout form.checkout .col2-set,
body.nae-rays-checkout form.checkout #order_review {
    min-width: 0;
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid var(--nae-line);
    border-radius: 28px;
    background: var(--nae-surface);
    box-shadow: var(--nae-card-shadow);
}

body.nae-rays-checkout .wc-block-checkout__main,
body.nae-rays-checkout form.checkout .col2-set {
    width: auto;
}

body.nae-rays-checkout .wc-block-checkout__sidebar,
body.nae-rays-checkout form.checkout #order_review {
    width: auto;
    top: 24px;
}

body.nae-rays-checkout .wc-block-components-title,
body.nae-rays-checkout .wc-block-checkout__contact-fields .wc-block-components-checkout-step__title,
body.nae-rays-checkout .wc-block-checkout__billing-fields .wc-block-components-checkout-step__title,
body.nae-rays-checkout .woocommerce-billing-fields > h3,
body.nae-rays-checkout #order_review_heading {
    color: var(--nae-text);
    font-family: var(--nae-font);
    font-weight: 350;
}

body.nae-rays-checkout .wc-block-components-text-input input,
body.nae-rays-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
body.nae-rays-checkout .select2-container .select2-selection,
body.nae-rays-checkout .woocommerce form .form-row input.input-text,
body.nae-rays-checkout .woocommerce form .form-row textarea,
body.nae-rays-checkout .woocommerce select {
    min-height: 52px;
    border: 1px solid var(--nae-line) !important;
    border-radius: 15px !important;
    background: var(--nae-surface-strong) !important;
    color: var(--nae-text) !important;
    -webkit-text-fill-color: var(--nae-text);
    box-shadow: none !important;
}

body.nae-rays-checkout .wc-block-components-text-input label,
body.nae-rays-checkout .wc-block-components-combobox label,
body.nae-rays-checkout .woocommerce form .form-row label,
body.nae-rays-checkout .wc-block-components-checkbox label,
body.nae-rays-checkout .wc-block-components-radio-control__label,
body.nae-rays-checkout .wc-block-components-product-name,
body.nae-rays-checkout .wc-block-components-product-metadata,
body.nae-rays-checkout .wc-block-components-totals-item,
body.nae-rays-checkout .wc-block-components-checkout-step__description {
    color: var(--nae-text) !important;
    -webkit-text-fill-color: var(--nae-text);
}

body.nae-rays-checkout .wc-block-components-address-form__company,
body.nae-rays-checkout .wc-block-components-address-form__address_1,
body.nae-rays-checkout .wc-block-components-address-form__address_2,
body.nae-rays-checkout .wc-block-components-address-form__city,
body.nae-rays-checkout .wc-block-components-address-form__state,
body.nae-rays-checkout .wc-block-components-address-form__postcode,
body.nae-rays-checkout .wc-block-components-text-input:has(#billing-company),
body.nae-rays-checkout .wc-block-components-text-input:has(#billing-address_1),
body.nae-rays-checkout .wc-block-components-text-input:has(#billing-address_2),
body.nae-rays-checkout .wc-block-components-text-input:has(#billing-city),
body.nae-rays-checkout .wc-block-components-text-input:has(#billing-state),
body.nae-rays-checkout .wc-block-components-text-input:has(#billing-postcode),
body.nae-rays-checkout .wc-block-checkout__shipping-fields,
body.nae-rays-checkout .wc-block-checkout__use-address-for-billing,
body.nae-rays-checkout .woocommerce-shipping-fields {
    display: none !important;
}

body.nae-rays-checkout .wc-block-components-radio-control-accordion-option,
body.nae-rays-checkout .wc-block-components-panel,
body.nae-rays-checkout #payment,
body.nae-rays-checkout .woocommerce-checkout-review-order-table {
    overflow: hidden;
    border: 1px solid var(--nae-line) !important;
    border-radius: 18px !important;
    background: transparent !important;
    color: var(--nae-text) !important;
}

body.nae-rays-checkout .wc-block-components-radio-control-accordion-content,
body.nae-rays-checkout .payment_box {
    border-top: 1px solid var(--nae-line);
    background: var(--nae-surface-strong) !important;
    color: var(--nae-text) !important;
    font-size: 14px;
    line-height: 1.7;
}

body.nae-rays-checkout .wc-block-components-product-image,
body.nae-rays-checkout .wc-block-cart-item__image {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--nae-line);
    border-radius: 15px;
    background: var(--nae-surface-strong);
}

body.nae-rays-checkout .wc-block-components-product-image img[src*="placeholder"],
body.nae-rays-checkout .wc-block-cart-item__image img[src*="placeholder"] {
    opacity: 0;
}

body.nae-rays-checkout .wc-block-components-product-image:before,
body.nae-rays-checkout .wc-block-cart-item__image:before {
    content: "";
    position: absolute;
    width: 42px;
    height: 34px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background: var(--nae-text);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 18'%3E%3Cg fill='none' stroke='black' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 17a6.5 6.5 0 0 1 13 0'/%3E%3Cpath d='M3.7 14.2 1.5 13M6.2 9.1 4.6 7M9.2 7.2 8.7 4.7M12.8 7.2 13.3 4.7M15.8 9.1 17.4 7M18.3 14.2 20.5 13'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 18'%3E%3Cg fill='none' stroke='black' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 17a6.5 6.5 0 0 1 13 0'/%3E%3Cpath d='M3.7 14.2 1.5 13M6.2 9.1 4.6 7M9.2 7.2 8.7 4.7M12.8 7.2 13.3 4.7M15.8 9.1 17.4 7M18.3 14.2 20.5 13'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}

body.nae-rays-checkout .wc-block-components-button,
body.nae-rays-checkout #place_order {
    min-height: 52px;
    border: 1px solid var(--nae-text) !important;
    border-radius: 999px !important;
    background: var(--nae-text) !important;
    color: var(--nae-bg) !important;
    font-family: var(--nae-font);
    font-weight: 400;
    transition: opacity .18s ease, transform .18s ease;
}

body.nae-rays-checkout .wc-block-components-button:hover,
body.nae-rays-checkout #place_order:hover {
    opacity: .88;
    transform: translateY(-1px);
}

body.nae-rays-checkout a {
    color: var(--nae-text);
    text-decoration-color: var(--nae-line);
    text-underline-offset: 3px;
}

html[data-nae-theme="night"] body.nae-rays-checkout,
html[data-nae-theme="night"] body.nae-rays-checkout .wc-block-components-sidebar,
html[data-nae-theme="night"] body.nae-rays-checkout .wc-block-components-main,
html[data-nae-theme="night"] body.nae-rays-checkout .wc-block-components-radio-control-accordion-option,
html[data-nae-theme="night"] body.nae-rays-checkout .wc-block-components-radio-control-accordion-content,
html[data-nae-theme="night"] body.nae-rays-checkout #payment,
html[data-nae-theme="night"] body.nae-rays-checkout .payment_box {
    color: #f4ebdd !important;
    -webkit-text-fill-color: #f4ebdd;
}

html[data-nae-theme="night"] body.nae-rays-checkout input,
html[data-nae-theme="night"] body.nae-rays-checkout select,
html[data-nae-theme="night"] body.nae-rays-checkout textarea {
    color-scheme: dark;
}

html[data-nae-theme="night"] body.nae-rays-checkout input::placeholder,
html[data-nae-theme="night"] body.nae-rays-checkout textarea::placeholder {
    color: rgba(244, 235, 221, .68) !important;
    -webkit-text-fill-color: rgba(244, 235, 221, .68);
    opacity: 1;
}

@media (max-width: 780px) {
    body.nae-rays-checkout .wc-block-checkout,
    body.nae-rays-checkout form.checkout.woocommerce-checkout {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    body.nae-rays-checkout .wc-block-checkout__main,
    body.nae-rays-checkout .wc-block-checkout__sidebar,
    body.nae-rays-checkout form.checkout .col2-set,
    body.nae-rays-checkout form.checkout #order_review {
        width: 100% !important;
        margin: 0 !important;
        padding: 20px 16px;
        border-radius: 22px;
    }

    body.nae-rays-checkout .wc-block-checkout__sidebar {
        order: 2;
    }
}