/* generated by scripts/css-min.php from ../shop-account.css — edit the source, never this file */
.woocommerce-account #customer_login h2 { font-size: var(--vonnik-text-xxl); font-weight: var(--vonnik-weight-black); text-transform: uppercase; margin-bottom: var(--vonnik-gap-control); } .woocommerce-account #customer_login .col-1, .woocommerce-account #customer_login .col-2 { background: var(--vonnik-surface); border: var(--vonnik-border-hairline) solid var(--vonnik-border); border-radius: var(--vonnik-radius); padding: var(--vonnik-card-pad); align-self: start; } .vonnik-account-benefits { list-style: none; margin: 0 0 var(--vonnik-space-5); padding: 0; } .vonnik-account-benefits li { position: relative; padding: var(--vonnik-space-1) 0 var(--vonnik-space-1) var(--vonnik-space-7); font-size: var(--vonnik-text-m); } .vonnik-account-benefits li::before { content: ""; position: absolute; left: 0; top: var(--vonnik-space-3); width: 15px; height: 15px; -webkit-mask: var(--lucide-check) center / contain no-repeat; mask: var(--lucide-check) center / contain no-repeat; background-color: var(--vonnik-blue); } body.woocommerce-account.logged-in .hero-section[data-type="type-1"] { margin-bottom: 0; } body.woocommerce-account.logged-in .hero-section[data-type="type-1"] .ct-breadcrumbs { margin-bottom: 0; } .woocommerce-account.logged-in .vonnik-account-hero { background: var(--vonnik-ink); color: var(--vonnik-on-action); max-width: var(--vonnik-layout-content-max); margin: 0 auto var(--vonnik-space-7); padding: var(--vonnik-space-7) 0; box-shadow: 0 0 0 100vmax var(--vonnik-ink); clip-path: inset(0 -100vmax); } .woocommerce-account.logged-in .vonnik-account-hero p { color: var(--vonnik-on-action); } .woocommerce-account.logged-in .vonnik-account-hero h1 { color: var(--vonnik-on-action); } .vonnik-account-hero__meta { margin: var(--vonnik-space-2) 0 0; font-size: var(--vonnik-text-s); } .vonnik-account-hero { margin: 0 0 var(--vonnik-space-6); } .vonnik-account-hero h1 { font-size: var(--vonnik-text-xxl); overflow-wrap: normal; font-weight: var(--vonnik-weight-black); text-transform: uppercase; letter-spacing: var(--vonnik-tracking-display); margin: 0; } .vonnik-account-hero p { margin: var(--vonnik-space-1) 0 0; color: var(--vonnik-ink-soft); font-size: var(--vonnik-text-s); } body.woocommerce-account #main { background: var(--vonnik-grey-band); } body.woocommerce-account:not(.logged-in) #customer_login { gap: var(--vonnik-space-6); margin: calc(var(--vonnik-space-10) * 2) 0 calc(var(--vonnik-space-10) * 2.5); } body.woocommerce-account:not(.logged-in) #customer_login .u-column1, body.woocommerce-account:not(.logged-in) #customer_login .u-column2 { background: var(--vonnik-surface); padding: var(--vonnik-card-pad); } body.woocommerce-account:not(.logged-in) #customer_login button[type="submit"] { text-transform: uppercase; font-weight: var(--vonnik-weight-bold); } .vonnik-otp__divider { display: flex; align-items: center; gap: var(--vonnik-gap-control); color: var(--vonnik-ink-soft); font-size: var(--vonnik-text-s); text-transform: uppercase; font-weight: var(--vonnik-weight-medium); letter-spacing: var(--vonnik-tracking-text); margin: var(--vonnik-space-6) 0 var(--vonnik-gap-control); } .vonnik-otp__divider::before, .vonnik-otp__divider::after { content: ""; flex: 1; border-top: var(--vonnik-border-hairline) solid var(--vonnik-border); } .vonnik-otp h3 { font-size: var(--vonnik-text-l); font-weight: var(--vonnik-weight-black); text-transform: uppercase; margin: 0 0 var(--vonnik-space-2); } .vonnik-otp p { font-size: var(--vonnik-text-s); } .vonnik-otp button { text-transform: uppercase; font-weight: var(--vonnik-weight-bold); } .vonnik-otp__again { margin-top: var(--vonnik-space-3); } #vonnik_otp_code { letter-spacing: .35em; font-weight: var(--vonnik-weight-bold); font-size: var(--vonnik-text-l); } @media (min-width: 1000px) { .woocommerce-account .woocommerce-MyAccount-navigation { flex: 0 0 280px; width: 280px; } .woocommerce-account .woocommerce-MyAccount-content { flex: 1 1 auto; min-width: 0; } } .woocommerce-account .woocommerce-MyAccount-content table.shop_table th:last-child, .woocommerce-account .woocommerce-MyAccount-content table.shop_table td:last-child { text-align: right; } .woocommerce-account table.woocommerce-orders-table td:last-child { text-align: right; } .woocommerce-account .woocommerce-MyAccount-navigation { background: var(--vonnik-surface); padding: var(--vonnik-space-3) 0; } .vonnik-acct-navtitle { font-size: var(--vonnik-text-xl); font-weight: var(--vonnik-weight-black); text-transform: uppercase; margin: var(--vonnik-space-2) var(--vonnik-space-6) var(--vonnik-stack-s); } .woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th, .woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody th { background: transparent; vertical-align: middle; } .woocommerce-account .woocommerce-Addresses .woocommerce-Address, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address { border: 0; } .woocommerce-account .woocommerce-Addresses header.woocommerce-Address-title { border-bottom: var(--vonnik-border-hairline) solid var(--vonnik-border); margin-bottom: var(--vonnik-gap-control); } .woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; padding: var(--vonnik-space-4) var(--vonnik-space-6); font-size: var(--vonnik-text-m); font-weight: var(--vonnik-weight-medium); color: var(--vonnik-ink); } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--vonnik-grey-card); color: var(--vonnik-blue); } .woocommerce-account .woocommerce-MyAccount-content h2, .woocommerce-account .woocommerce-MyAccount-content h3 { font-size: var(--vonnik-text-xl); font-weight: var(--vonnik-weight-black); text-transform: uppercase; } .woocommerce-account .woocommerce-MyAccount-content table.shop_table, .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm, .woocommerce-account .woocommerce-MyAccount-content form[action*="edit-address"], .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields { background: var(--vonnik-surface); padding: var(--vonnik-card-pad); border: 0; } .woocommerce-account .woocommerce-MyAccount-content table.shop_table { border-collapse: separate; border-spacing: 0; } .vonnik-order-head { margin: 0 0 var(--vonnik-space-5); } .vonnik-order-head h2 { margin: 0 0 var(--vonnik-space-1); } .vonnik-order-head__meta { margin: 0; font-size: var(--vonnik-text-s); color: var(--vonnik-ink-soft); display: flex; flex-wrap: wrap; align-items: center; gap: var(--vonnik-gap-control); } .vonnik-order-status { display: inline-flex; align-items: center; gap: var(--vonnik-icon-gap); font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-bold); text-transform: uppercase; color: var(--vonnik-ink); } .vonnik-order-status::before { content: ""; width: var(--vonnik-icon-dot); height: var(--vonnik-icon-dot); border-radius: var(--vonnik-radius-round); } .vonnik-order-status--green::before { background: var(--vonnik-green); } .vonnik-order-status--amber::before { background: var(--vonnik-amber); } .vonnik-order-status--grey::before { background: var(--vonnik-grey-dot); } .vonnik-acct-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); gap: var(--vonnik-space-6); } .vonnik-acct-card { background: var(--vonnik-surface); padding: var(--vonnik-card-pad); } .vonnik-acct-card__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: var(--vonnik-space-2) var(--vonnik-gap-control); margin-bottom: var(--vonnik-stack-s); } .vonnik-acct-card__head h2 { font-size: var(--vonnik-text-l) !important; margin: 0; } .vonnik-acct-card__head a { font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-bold); } .vonnik-acct-row { display: flex; flex-direction: column; padding: var(--vonnik-stack-s) 0; border-bottom: var(--vonnik-border-hairline) solid var(--vonnik-border); } .vonnik-acct-row:last-child { border-bottom: 0; } .vonnik-acct-row span { font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-medium); color: var(--vonnik-ink-soft); } .vonnik-acct-row strong { font-size: var(--vonnik-text-m); font-weight: var(--vonnik-weight-regular); color: var(--vonnik-ink); overflow-wrap: anywhere; } .vonnik-acct-lead { margin: var(--vonnik-space-6) 0 0; font-size: var(--vonnik-text-m); color: var(--vonnik-ink-soft); } .vonnik-acct-address { font-style: normal; font-size: var(--vonnik-text-m); line-height: var(--vonnik-line-text); } .vonnik-btw-form { display: flex; flex-direction: column; gap: var(--vonnik-space-3); padding-top: var(--vonnik-space-1); } .vonnik-btw-form label { font-size: var(--vonnik-text-m); display: flex; gap: var(--vonnik-stack-s); align-items: center; } @media (max-width: 767.98px) { body.woocommerce-account:not(.logged-in) #customer_login { margin: var(--vonnik-space-8) 0 var(--vonnik-space-10); } } .woocommerce-account table.woocommerce-orders-table th { font-size: var(--vonnik-text-s); font-weight: var(--vonnik-weight-medium); text-transform: uppercase; color: var(--vonnik-ink-soft); background: var(--vonnik-grey-card); }