/* Checkout dark appearance (pro-checkout.php). Applies only when the page is opened from a dark
   Client or Pro: html[data-theme=dark] is set by the inline script in the page head. The payment
   panel was already dark, so it keeps its own light text (--paper) inside. */
html[data-theme=dark]{color-scheme:dark;--paper:#0f0f0e;--paper-deep:#191917;--ink:#f0e9dc;--muted:#a49d8f;--line:#2e2d29;--red:#c4432f;--panel:#1a1b18;--panel-line:#34352f;--panel-muted:#a9ab9f}
html[data-theme=dark] body{background:var(--paper);color:var(--ink)}
html[data-theme=dark] ::selection{background:#c4432f;color:#fff}
html[data-theme=dark] .payment-section{--paper:#f0e9dc;border:1px solid #2a2b26;box-shadow:0 24px 60px -30px #000c}
html[data-theme=dark] .top{border-bottom-color:var(--line)}
html[data-theme=dark] .plan-section{background:#151514;border-color:var(--line)}
html[data-theme=dark] .plan-section>.section-label{color:var(--muted)}
html[data-theme=dark] .tabs a{border-color:var(--line)!important;color:var(--ink)}
html[data-theme=dark] .tabs a:hover{background:#1d1d1b}
html[data-theme=dark] .tabs a.on{background:#2a1714;color:#f2b3a6;border-color:#8f3a2e!important}
html[data-theme=dark] .included-label,html[data-theme=dark] .checkout-legal{color:var(--muted)}
html[data-theme=dark] .account-card{background:#1a1a18;border-color:var(--line)}
html[data-theme=dark] .account-card:before{opacity:.5}
html[data-theme=dark] .text-link:hover{color:#eca295}
html[data-theme=dark] .coming-pill{border-color:#5a5246;color:#c9bfae}
html[data-theme=dark] .zero-product-switch a[aria-current=page]{background:var(--ink);color:#0f0f0e}
html[data-theme=dark] .quantity-picker{border-color:var(--line)}
html[data-theme=dark] :is(.quantity-options a,.account-results a,.ccy-switch a){border-color:#3a3934;color:var(--ink)}
html[data-theme=dark] :is(.quantity-options a,.ccy-switch a)[aria-current=page]{background:#f0e9dc;color:#141412;border-color:#f0e9dc}
html[data-theme=dark] :is(.quantity-picker small,.checkout-currency-note,.ccy-switch>span){color:var(--muted)}
html[data-theme=dark] .skip{background:var(--ink);color:#0f0f0e}
html[data-theme=dark] .mz-currency select option{background:#191917;color:var(--ink)}
html[data-theme=dark] .mz-ccy__btn .mz-ccy__sym{background:#f0e9dc;color:#141412}
html[data-theme=dark] .mz-ccy__menu{background:#191917;border-color:#34352f;color:var(--ink)}
html[data-theme=dark] :is(.mz-ccy__opt:hover,.mz-ccy__opt:focus){background:#24241f}
html[data-theme=dark] .mz-ccy__opt .mz-ccy__sym{background:#26261f;color:var(--ink)}
html[data-theme=dark] :is(.mz-ccy__head,.mz-ccy__txt small){color:var(--muted)}
html[data-theme=dark] .mz-currency--nav .mz-ccy__note{border-top-color:#34352f}