/* Zex Account: login modal + "my orders" page */
html.zacc-lock { overflow: hidden; }
.zacc-ov { position: fixed; inset: 0; z-index: 99999; display: none; align-items: center; justify-content: center; padding: 16px; background: rgba(5, 6, 8, .72); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.zacc-ov.is-open { display: flex; }
.zacc-card { position: relative; width: min(100%, 380px); padding: 28px 24px 22px; border-radius: 20px; background: #121317; border: 1px solid #2a2c33; color: #f3f4f6; box-shadow: 0 24px 60px rgba(0, 0, 0, .55); text-align: center; font-family: inherit; }
.zacc-card h3 { margin: 4px 0 6px; font-size: 22px; color: #fff; }
.zacc-sub { margin: 0 0 18px; color: #a3a7b0; font-size: 14px; line-height: 1.7; }
.zacc-sub b { color: #fff; word-break: break-all; }
.zacc-x { position: absolute; top: 10px; left: 12px; width: 34px; height: 34px; border: 0; border-radius: 50%; background: transparent; color: #a3a7b0; font-size: 24px; line-height: 1; cursor: pointer; }
.zacc-x:hover { background: #1d1f26; color: #fff; }
.zacc-email { width: 100%; height: 50px; padding: 0 14px; border-radius: 12px; border: 1px solid #2f323b; background: #0b0c0f; color: #fff; font-size: 16px; text-align: left; outline: none; box-sizing: border-box; }
.zacc-email:focus, .zacc-code input:focus { border-color: #D51F36; box-shadow: 0 0 0 3px rgba(213, 31, 54, .22); }
.zacc-btn { width: 100%; height: 50px; margin-top: 14px; border: 0; border-radius: 12px; background: #D51F36; color: #fff; font-size: 16px; font-weight: 700; cursor: pointer; transition: background .15s; }
.zacc-btn:hover { background: #F12A42; }
.zacc-btn:disabled { opacity: .6; cursor: default; }
.zacc-note { margin: 14px 0 0; color: #7d818b; font-size: 12.5px; }
.zacc-code { display: flex; gap: 10px; justify-content: center; margin: 4px 0 4px; }
.zacc-code input { width: 58px; height: 66px; border-radius: 12px; border: 1px solid #2f323b; background: #0b0c0f; color: #fff; font-size: 28px; font-weight: 700; text-align: center; outline: none; padding: 0; }
.zacc-links { display: flex; justify-content: space-between; gap: 8px; margin-top: 12px; }
.zacc-link { border: 0; background: transparent; color: #a3a7b0; font-size: 13px; cursor: pointer; padding: 6px 4px; }
.zacc-link:hover:not(:disabled) { color: #fff; }
.zacc-link:disabled { opacity: .55; cursor: default; }
.zacc-err { margin: 12px 0 0; padding: 9px 12px; border-radius: 10px; background: rgba(213, 31, 54, .12); color: #ff8a98; font-size: 13.5px; }
.zacc-err[hidden], .zacc-step[hidden] { display: none; }

/* my orders page */
body.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0 0 18px; padding: 0; display: flex; gap: 8px; flex-wrap: wrap; }
body.woocommerce-account .woocommerce-MyAccount-navigation a { display: inline-block; padding: 9px 16px; border-radius: 10px; border: 1px solid #2a2c33; color: #e5e7eb; text-decoration: none; background: #121317; }
body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a { background: #D51F36; border-color: #D51F36; color: #fff; }
body.woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: 100%; }
body.woocommerce-account .woocommerce-MyAccount-content { float: none; width: 100%; }
body.woocommerce-account table.shop_table { border-collapse: separate; border-spacing: 0; width: 100%; border: 1px solid #2a2c33; border-radius: 14px; overflow: hidden; background: #121317; }
body.woocommerce-account table.shop_table th, body.woocommerce-account table.shop_table td { padding: 12px 14px; border-color: #2a2c33; color: #e5e7eb; }
body.woocommerce-account table.shop_table a { color: #ff6b7e; }
.zacc-codes { margin: 22px 0; }
.zacc-code-item { margin: 0 0 12px; padding: 14px; border: 1px solid #2a2c33; border-radius: 12px; background: #121317; }
.zacc-code-item code { display: block; margin-top: 8px; padding: 10px 12px; background: #0b0c0f; border-radius: 8px; color: #fff; user-select: all; word-break: break-all; }

/* hide the WooCommerce email-verification notice: the login code already verifies the email */
.woocommerce-MyAccount-content .woocommerce-info:has(a[href*="wc_send_verification"]) { display: none !important; }