/* * Block checkout laid out like the previous CheckoutWC "Futurist" checkout (see * inc/woo-custom/block-checkout.php). Sizes, colours and spacing are taken from CheckoutWC. */ body.evess-checkout-page { margin: 0; padding: 0; background: #fff; color: #333; font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 16px; line-height: 1; letter-spacing: .3px; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; text-rendering: optimizeLegibility; } .evess-checkout-page *, .evess-checkout-page *::before, .evess-checkout-page *::after { box-sizing: border-box; } /* The theme gives headings its own fonts ("Volvo Novum", wide letter spacing); the checkout uses the system font throughout, like before */ .evess-checkout-page :is(h1, h2, h3, h4, h5, h6, p, a, span, label, button, li, legend, small, strong, abbr, div) { font-family: inherit; -webkit-font-smoothing: inherit; } /* The theme sets paragraphs and links to its light weight (300); the checkout text is 400, like before */ .evess-checkout-page :is(p, a, span, label, li, div, small, legend) { font-weight: inherit; } .evess-checkout-page :is(h1, h2, h3, h4, h5, h6) { letter-spacing: .3px; } .evess-checkout-page input, .evess-checkout-page select, .evess-checkout-page textarea { letter-spacing: normal !important; } .evess-checkout-page a { color: #0073aa; text-decoration: none; } .evess-checkout-page .wc-block-checkout, .evess-checkout-page .wc-block-components-form, .evess-checkout-page .wc-block-components-checkout-step, .evess-checkout-page .wc-block-components-text-input input, .evess-checkout-page .wc-block-components-title { font-family: inherit !important; letter-spacing: .3px; } /* ---------- Header: logo and steps ---------- */ .evc-head { text-align: center; padding: 12px 5px 0; } .evc-logo { display: flex; align-items: center; justify-content: center; height: 64px; } .evc-logo img { height: 45px; width: auto; display: block; } .evc-steps { display: flex; justify-content: center; list-style: none; margin: 12px auto 32px; padding: 0; max-width: 566px; height: 40px; letter-spacing: .3px; } .evc-steps li { flex: 1; position: relative; text-align: center; font-size: 10.5px; line-height: 10.5px; text-transform: uppercase; color: #222; cursor: pointer; } .evc-steps li.is-current { font-weight: 500; } .evc-steps li a { color: inherit; display: block; } .evc-steps li span { display: block; width: 20px; height: 20px; margin: 0 auto 10px; border-radius: 50%; border: 2px solid #222; background: #fff; } .evc-steps li.is-done span { background: #222; } .evc-steps li + li::before { content: ""; position: absolute; top: 12px; left: -12px; width: 24px; height: 1px; background: #222; } /* ---------- Columns: form 640 + grey summary 450 ---------- */ .evess-checkout-page .evc-main { padding: 0 5px; } .evess-checkout-page .wp-block-woocommerce-checkout { max-width: 1140px; margin: 0 auto; padding: 0; } .evess-checkout-page .wc-block-components-sidebar-layout { margin: 0 !important; display: flex; flex-wrap: wrap; align-items: flex-start; } .evess-checkout-page .wc-block-components-sidebar-layout.is-large .wc-block-checkout__main { width: 665px !important; padding: 0 20px 0 5px !important; margin: 0 !important; } .evess-checkout-page .wc-block-components-sidebar-layout.is-large .wc-block-checkout__sidebar { width: 475px !important; padding: 0 5px 0 20px !important; margin: 0 !important; border-left: 1px solid #eee; top: 0 !important; } .evess-checkout-page .wc-block-components-sidebar-layout.is-large .wp-block-woocommerce-checkout-order-summary-block { background: #f8f8f8; border: 0 !important; border-radius: 0; padding: 24px 25px 30px; margin: 0; } .evess-checkout-page .wc-block-components-checkout-order-summary__title { margin: 0 !important; padding: 0 0 13px !important; border-bottom: 1px solid #d9d9d9; } .evess-checkout-page .wc-block-components-checkout-order-summary__title-text, .evess-checkout-page .evc-msummary-title { font-size: 24px !important; line-height: 24px !important; font-weight: 700 !important; text-transform: uppercase; color: #333 !important; letter-spacing: .3px; margin: 0 !important; padding: 0 !important; } .evess-checkout-page .wc-block-components-checkout-order-summary__content { padding: 0 !important; border: 0 !important; } /* WooCommerce's own summary parts are replaced by .evc-summary (rendered from the same cart data) */ .evess-checkout-page .wc-block-components-checkout-order-summary__content > :not(.evc-summary) { display: none !important; } .evess-checkout-page .wc-block-checkout__main .wp-block-woocommerce-checkout-order-summary-block { display: none !important; } .evess-checkout-page .wc-block-components-sidebar-layout.is-large .wc-block-components-checkout-order-summary__title-price, .evess-checkout-page .wc-block-components-sidebar-layout.is-large .wc-block-components-checkout-order-summary__title-icon { display: none; } /* ---------- The form and its steps ---------- */ .evess-checkout-page .wc-block-checkout__form { display: flex !important; flex-direction: column; margin: 0 !important; } .evess-checkout-page .wc-block-checkout__form > * { display: none !important; order: 50; margin: 0; } .evess-checkout-page .wc-block-checkout__form > div:first-child { order: 1; } .evess-checkout-page #evc-review { order: 2; } .evess-checkout-page #contact-fields { order: 3; } .evess-checkout-page #shipping-fields { order: 4; } .evess-checkout-page #evc-msummary { order: 5; } .evess-checkout-page #evc-nav1 { order: 6; } .evess-checkout-page #shipping-option { order: 7; } .evess-checkout-page #evc-nav2 { order: 8; } .evess-checkout-page #payment-method { order: 9; } .evess-checkout-page #evc-billing { order: 10; } .evess-checkout-page #billing-fields { order: 11; } .evess-checkout-page #evc-terms { order: 12; } .evess-checkout-page .wc-block-checkout__actions { order: 13; } .evess-checkout-page .wc-block-checkout__form[data-evc-step="1"] > div:first-child, .evess-checkout-page .wc-block-checkout__form[data-evc-step="1"] > #contact-fields, .evess-checkout-page .wc-block-checkout__form[data-evc-step="1"] > #shipping-fields, .evess-checkout-page .wc-block-checkout__form[data-evc-step="2"] > #evc-review, .evess-checkout-page .wc-block-checkout__form[data-evc-step="2"] > #shipping-option, .evess-checkout-page .wc-block-checkout__form[data-evc-step="3"] > #evc-review, .evess-checkout-page .wc-block-checkout__form[data-evc-step="3"] > #payment-method, .evess-checkout-page .wc-block-checkout__form[data-evc-step="3"] > #evc-billing, .evess-checkout-page .wc-block-checkout__form[data-evc-step="3"] > #billing-fields, .evess-checkout-page .wc-block-checkout__form[data-evc-step="3"] > #evc-terms, .evess-checkout-page .wc-block-checkout__form[data-evc-step="3"] > .wc-block-checkout__actions { display: block !important; } .evess-checkout-page .wc-block-checkout__form[data-evc-step="1"] > #evc-nav1, .evess-checkout-page .wc-block-checkout__form[data-evc-step="2"] > #evc-nav2 { display: flex !important; } /* Billing choice lives in step 3; WooCommerce's checkbox stays hidden but in use */ .evess-checkout-page .wc-block-checkout__use-address-for-billing { display: none !important; } /* Empty WooCommerce notice areas under each heading take no space */ .evess-checkout-page .wc-block-components-checkout-step__content > .wc-block-components-notices, .evess-checkout-page .wc-block-components-checkout-step__content > .wc-block-components-notices__snackbar { margin: 0 !important; padding: 0 !important; } .evess-checkout-page .wc-block-components-checkout-step__content > .wc-block-components-notices:empty { display: none !important; } .evess-checkout-page #shipping-fields { margin-bottom: 0 !important; } .evess-checkout-page #shipping-option { margin-bottom: 10px !important; } .evess-checkout-page #payment-method .wc-block-components-checkout-step__heading { margin-bottom: 48px !important; } /* Section titles */ .evess-checkout-page .wc-block-components-checkout-step { margin: 0 0 27px !important; padding: 0 !important; border: 0; } .evess-checkout-page .wc-block-components-checkout-step__heading { margin: 0 0 8px !important; display: block !important; } .evess-checkout-page .wc-block-components-checkout-step__title, .evess-checkout-page .evc-section-title { font-size: 24px !important; line-height: 24px !important; font-weight: 700 !important; text-transform: uppercase; color: #333; letter-spacing: .3px; margin: 0 !important; } .evess-checkout-page .wc-block-components-checkout-step__heading-content, .evess-checkout-page .wc-block-checkout__login-prompt, .evess-checkout-page .wc-block-checkout__guest-checkout-notice, .evess-checkout-page .wc-block-components-checkout-step__description { display: none !important; } .evess-checkout-page .wc-block-components-checkout-step__container::after, .evess-checkout-page .wc-block-components-checkout-step::before, .evess-checkout-page .wc-block-components-checkout-step::after { display: none !important; } .evess-checkout-page .wc-block-components-checkout-step__content { padding: 0 !important; } .evess-checkout-page .evc-login-line { font-size: 14px; line-height: 17px; color: #333; margin: -2px 0 7px; } .evess-checkout-page .evc-section-desc { font-size: 14px; line-height: 14px; font-weight: 300; color: #333; margin: 24px 0 20px; } /* ---------- Fields: 46px, #d9d9d9 border, 5px corners, floating 12px labels ---------- */ .evess-checkout-page .wc-block-components-address-form { display: flex !important; flex-wrap: wrap; gap: 13px 10px; margin: 0 !important; } .evess-checkout-page .wc-block-components-address-form > * { margin: 0 !important; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } .evess-checkout-page #shipping .wc-block-components-address-form__first_name { order: 1; flex-basis: calc(50% - 5px) !important; width: calc(50% - 5px) !important; } .evess-checkout-page #shipping .wc-block-components-address-form__last_name { order: 2; flex-basis: calc(50% - 5px) !important; width: calc(50% - 5px) !important; } .evess-checkout-page #shipping .evc-add-company { order: 3; } .evess-checkout-page #shipping .wc-block-components-address-form__company { order: 4; } .evess-checkout-page #shipping .wc-block-components-address-form__address_1 { order: 5; } .evess-checkout-page #shipping .evc-add-address2 { order: 6; } .evess-checkout-page #shipping .wc-block-components-address-form__address_2 { order: 7; } .evess-checkout-page #shipping .wc-block-components-address-form__country { order: 8; flex-basis: calc(33.333% - 6.67px) !important; width: calc(33.333% - 6.67px) !important; } .evess-checkout-page #shipping .wc-block-components-address-form__state { order: 9; flex-basis: calc(33.333% - 6.67px) !important; width: calc(33.333% - 6.67px) !important; } .evess-checkout-page #shipping .wc-block-components-address-form__postcode { order: 10; flex-basis: calc(33.333% - 6.67px) !important; width: calc(33.333% - 6.67px) !important; margin-right: auto !important; } .evess-checkout-page #shipping .wc-block-components-address-form__city { order: 11; } .evess-checkout-page #shipping .wc-block-components-address-form__phone { order: 12; } .evess-checkout-page .wc-block-components-address-form__address_2-toggle, .evess-checkout-page .evc-collapsed { display: none !important; } .evess-checkout-page .evc-add-field { display: flex; align-items: center; gap: 4px; font-size: 14px; line-height: 15px; color: #0073aa; margin: -2px 0 0 -5px !important; } .evess-checkout-page .evc-add-field::before { content: ""; width: 14px; height: 14px; flex: 0 0 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='none' stroke='%230073aa' stroke-width='1.3'/%3E%3Cpath d='M8 4.5v7M4.5 8h7' stroke='%230073aa' stroke-width='1.3'/%3E%3C/svg%3E") center/14px no-repeat; } .evess-checkout-page .wc-block-components-text-input, .evess-checkout-page .wc-blocks-components-select { margin: 0 !important; position: relative; } .evess-checkout-page .wc-block-components-text-input input, .evess-checkout-page .wc-blocks-components-select .wc-blocks-components-select__select { height: 46px !important; min-height: 46px !important; border: 1px solid #d9d9d9 !important; border-radius: 5px !important; background: #fff !important; color: #333 !important; font-size: 16px !important; line-height: normal !important; padding: 0 13px !important; box-shadow: none !important; } .evess-checkout-page .wc-block-components-text-input.is-active input { padding: 17px 13px 0 !important; } .evess-checkout-page .wc-blocks-components-select .wc-blocks-components-select__select { padding: 17px 36px 0 13px !important; } .evess-checkout-page .wc-block-components-text-input label, .evess-checkout-page .wc-blocks-components-select__label { left: 13px !important; top: 23px !important; /* middle of the 46px field, also when an error text is shown below it */ transform: translateY(-50%) !important; font-size: 16px !important; line-height: 19.5px !important; color: #737373 !important; margin: 0 !important; transition: all .15s ease; } .evess-checkout-page .wc-block-components-text-input.is-active label, .evess-checkout-page .wc-blocks-components-select__label { top: 3px !important; transform: none !important; font-size: 12px !important; } .evess-checkout-page .wc-block-components-text-input input:focus, .evess-checkout-page .wc-blocks-components-select .wc-blocks-components-select__select:focus { border-color: #d9d9d9 !important; box-shadow: 0 0 0 1px #333 !important; outline: 0 !important; } /* Field errors as in CheckoutWC: red ring round the field, light red text below, no icon */ .evess-checkout-page .has-error input, .evess-checkout-page .has-error select, .evess-checkout-page .has-error input:focus, .evess-checkout-page .has-error select:focus { box-shadow: 0 0 0 1px #f04f63 !important; } .evess-checkout-page .wc-block-components-validation-error { margin: 0 !important; padding: 0 !important; font-size: 14px !important; font-weight: 300 !important; line-height: normal !important; color: #f04f63 !important; } .evess-checkout-page .wc-block-components-validation-error > p { display: block !important; margin: 10px 0 0 !important; padding: 0 !important; font-size: 14px !important; font-weight: 300 !important; line-height: normal !important; color: #f04f63 !important; } .evess-checkout-page .wc-block-components-validation-error svg { display: none !important; } /* Checkboxes and radios like before */ .evess-checkout-page .wc-block-components-checkbox { margin: 13px 0 0 !important; } .evess-checkout-page #contact .wc-block-checkout__create-account { margin-top: 13px !important; } .evess-checkout-page #contact { gap: 0 !important; } .evess-checkout-page .wc-block-components-checkbox label { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #333; } /* Same checkbox as CheckoutWC: grey outline, fills black with a white tick that grows in */ .evess-checkout-page .wc-block-components-checkbox__input[type=checkbox], .evess-checkout-page #evc-terms input[type=checkbox] { appearance: none; -webkit-appearance: none; position: relative; width: 18px !important; height: 18px !important; min-width: 18px !important; margin: 0 !important; padding: 0 !important; background: #fff !important; border: 1px solid #d9d9d9 !important; border-radius: 5px !important; box-shadow: inset 0 0 0 0 #000 !important; outline: 0 !important; cursor: pointer; transition: all .2s ease-in-out; } .evess-checkout-page .wc-block-components-checkbox__input[type=checkbox]:checked, .evess-checkout-page #evc-terms input[type=checkbox]:checked { border: none !important; box-shadow: inset 0 0 0 10px #000 !important; } .evess-checkout-page .wc-block-components-checkbox__input[type=checkbox]::after, .evess-checkout-page #evc-terms input[type=checkbox]::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 10px; height: 8px; margin: -4px 0 0 -5px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4zIiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjguOSAwLjMgMTAuMyA4Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTIuNiA4LjEgOC45IDQuM2wxLTEuMSAyLjcgMi43TDE4LjEuNWwxIDF6Ii8+PC9zdmc+) no-repeat; opacity: 0; transform: scale(.2); transition: all .2s ease-in-out .1s; } .evess-checkout-page .wc-block-components-checkbox__input[type=checkbox]:checked::after, .evess-checkout-page #evc-terms input[type=checkbox]:checked::after { opacity: 1; transform: scale(1); } .evess-checkout-page .wc-block-components-checkbox__mark { display: none !important; } /* ---------- Express area ("Snabbetalning") and "Eller" ---------- */ .evess-checkout-page .wc-block-components-express-payment--checkout { margin: 0 !important; } .evess-checkout-page .wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container { margin: 0 !important; padding: 0 !important; height: 0 !important; display: flex; justify-content: center; align-items: flex-start; position: relative; z-index: 2; overflow: visible; } .evess-checkout-page .wc-block-components-express-payment--checkout .wc-block-components-express-payment__content { margin-top: 0 !important; } .evess-checkout-page .wc-block-components-express-payment__title-container::before, .evess-checkout-page .wc-block-components-express-payment__title-container::after { display: none !important; } .evess-checkout-page .wc-block-components-express-payment__title { font-family: inherit !important; font-size: 14px !important; font-weight: 400 !important; line-height: 14px !important; letter-spacing: .3px !important; color: #333 !important; background: #fff; padding: 0 16px !important; text-transform: none !important; margin: 0 !important; height: 14px; flex: 0 0 auto; transform: translateY(-5px); } .evess-checkout-page .wc-block-components-express-payment--checkout .wc-block-components-express-payment__content { border: 1px solid #e6e6e6 !important; border-radius: 5px !important; padding: 16px !important; } .evess-checkout-page .wc-block-components-express-payment__content::after { display: none !important; } .evess-checkout-page .wc-block-components-express-payment__event-buttons { display: flex !important; flex-direction: column; gap: 10px; margin: 0 !important; padding: 0 !important; list-style: none; } .evess-checkout-page .wc-block-components-express-payment__event-buttons > * { width: 100% !important; margin: 0 !important; padding: 0 !important; order: 0; min-height: 0 !important; height: auto !important; line-height: 0; display: block; } .evess-checkout-page .wc-block-components-express-payment__event-buttons > :has(.evess-klarna-express) { order: 1; } .evess-checkout-page .wc-block-components-express-payment__event-buttons > :has(.evess-swish-express) { order: 2; } .evess-checkout-page .wc-block-components-express-payment-continue-rule { display: flex !important; align-items: center; gap: 15px; margin: 0 0 16px !important; padding: 0 !important; font-family: inherit !important; font-size: 16px !important; font-weight: 400 !important; line-height: 16px; height: 16px; letter-spacing: .3px !important; color: #333 !important; text-transform: none !important; background: none !important; } .evess-checkout-page .wc-block-components-express-payment-continue-rule::before, .evess-checkout-page .wc-block-components-express-payment-continue-rule::after { content: "" !important; display: block !important; flex: 1 1 auto; height: 1px; margin: 0 !important; background: #e6e6e6 !important; border: 0 !important; position: static !important; width: auto !important; } .evess-checkout-page .evess-swish-express { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 42px; margin: 0; padding: 0 12px; background: #fff; border: 0; border-radius: 4px; box-shadow: inset 0 0 0 1px #c8c8c8; font: inherit; font-size: 16px; font-weight: 600; line-height: 18.4px; color: #191919; cursor: pointer; white-space: nowrap; } .evess-checkout-page .evess-swish-express:hover { box-shadow: inset 0 0 0 1px #191919; } /* Only the 2px inset line, as in CheckoutWC (swish-button.php also adds a 2px border to the selected button) */ .evess-checkout-page .evess-swish-express.is-selected { border: 0 !important; box-shadow: inset 0 0 0 2px #191919; } .evess-checkout-page .evess-swish-express img { height: 24px; width: auto; display: block; } .evess-checkout-page .evess-klarna-express { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 42px; margin: 0; padding: 0 12px; background: #e4eeed; border: 0; border-radius: 4px; font: inherit; font-size: 13px; color: #111; cursor: pointer; } .evess-checkout-page .evess-klarna-express:hover { background: #d6e4e2; } .evess-checkout-page .evess-klarna-logo svg { display: block; height: 12px; width: auto; fill: #111; } /* ---------- Step 1 / 2 navigation ---------- */ .evess-checkout-page #evc-nav1, .evess-checkout-page #evc-nav2 { align-items: center; justify-content: space-between; margin: 13px 0 0 !important; } .evess-checkout-page .evc-back { font-size: 16px; line-height: 18px; color: #0073aa; } .evess-checkout-page .evc-next, .evess-checkout-page .wc-block-components-checkout-place-order-button { height: 56px !important; min-height: 56px !important; padding: 0 16px !important; background: #333 !important; border: 1px solid #333 !important; border-radius: 5px !important; color: #fff !important; font: inherit; font-size: 16px !important; font-weight: 400 !important; letter-spacing: .3px; cursor: pointer; box-shadow: none !important; width: auto !important; } .evess-checkout-page .wc-block-components-checkout-place-order-button { height: 58px !important; padding: 0 24px !important; } .evess-checkout-page .evc-next:hover, .evess-checkout-page .wc-block-components-checkout-place-order-button:hover { background: #555 !important; border-color: #555 !important; } /* The theme makes block buttons light blue with bold blue text on hover (woo-critical-style.css), which also widened the button; here hover only darkens it, as in CheckoutWC. */ .evess-checkout-page .wc-block-components-checkout-place-order-button:not(.is-link):hover, .evess-checkout-page .wc-block-components-checkout-place-order-button:not(.is-link):focus { background-color: #555 !important; border: 1px solid #555 !important; border-radius: 5px !important; color: #fff !important; font-weight: 400 !important; box-shadow: none !important; text-decoration: none !important; } .evess-checkout-page .wc-block-components-checkout-place-order-button:hover *, .evess-checkout-page .wc-block-components-checkout-place-order-button:focus * { color: #fff !important; font-weight: 400 !important; } /* ---------- Review box (Kontakt / Skicka till / Metod) ---------- */ .evess-checkout-page #evc-review { border: 1px solid #d9d9d9; border-radius: 5px; padding: 0 13px; margin: 0 0 25px !important; } .evess-checkout-page .evc-review-row { display: flex; align-items: flex-start; padding: 12px 0; font-size: 14px; line-height: 14px; } .evess-checkout-page .evc-review-row + .evc-review-row { border-top: 1px solid #d9d9d9; } .evess-checkout-page .evc-review-label { flex: 0 0 84px; color: #737373; } .evess-checkout-page .evc-review-row:nth-child(2) .evc-review-label { flex-basis: 112px; } .evess-checkout-page .evc-review-value { flex: 1; color: #333; } .evess-checkout-page .evc-review-change { font-size: 12.25px; color: #b3b3b3; margin-left: 12px; } /* ---------- Shipping and payment options ---------- */ .evess-checkout-page .wc-block-components-radio-control { border: 1px solid #d9d9d9 !important; border-radius: 5px !important; } .evess-checkout-page .wc-block-components-radio-control--highlight-checked::after, .evess-checkout-page .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .evess-checkout-page .wc-block-components-radio-control__option--checked-option-highlighted { box-shadow: none !important; } .evess-checkout-page .wc-block-components-radio-control__option, .evess-checkout-page .wc-block-components-radio-control-accordion-option { border-color: #d9d9d9 !important; } .evess-checkout-page .wc-block-components-radio-control__option { padding: 13px 13px 13px 43px !important; margin: 0 !important; font-size: 16px; line-height: 16px; color: #333; min-height: 46px; } .evess-checkout-page .wc-block-components-radio-control__input { width: 18px !important; height: 18px !important; min-width: 18px !important; left: 13px !important; border: 1px solid #d9d9d9 !important; background: #fff !important; } .evess-checkout-page .wc-block-components-radio-control__input:checked { border: 1px solid #333 !important; background: #fff !important; box-shadow: inset 0 0 0 6px #000 !important; border-color: #000 !important; outline: 0 !important; } .evess-checkout-page .wc-block-components-radio-control__input::before, .evess-checkout-page .wc-block-components-radio-control__input::after { display: none !important; } .evess-checkout-page .wc-block-components-radio-control__label, .evess-checkout-page .wc-block-components-payment-method-label { font-size: 16px !important; font-weight: 400 !important; color: #333 !important; } .evess-checkout-page #shipping-option .wc-block-components-radio-control__secondary-label, .evess-checkout-page #shipping-option .wc-block-components-radio-control__description { display: none !important; } .evess-checkout-page .wc-block-components-radio-control-accordion-content { background: #fafafa; border-top: 1px solid #d9d9d9; padding: 23px 13px 16px !important; font-size: 13.2px; line-height: 16.5px; color: #333; } .evess-checkout-page .wc-swish-inline-element { font-size: 13.2px; line-height: 16.5px; color: #333; margin: 0 0 21px; } .evess-checkout-page .wc-inline-card-element { display: flex; flex-direction: column-reverse; gap: 6px; } .evess-checkout-page .wc-inline-card-element label { position: static !important; transform: none !important; font-size: 13.2px !important; line-height: 16.5px; color: #333 !important; } .evess-checkout-page .wc-inline-card-element input { width: 100%; height: 46px; border: 1px solid #d9d9d9 !important; border-radius: 5px !important; padding: 0 13px !important; font: inherit; font-size: 16px !important; color: #333; background: #fff; box-shadow: none !important; } .evess-checkout-page .wc-inline-card-element input::placeholder { color: #737373; } .evess-checkout-page .evc-kco-icons { height: 14px !important; width: auto !important; max-width: none !important; } .evess-checkout-page #payment-method img[src*="kustom_logo_primary"] { display: none !important; } .evess-checkout-page .wc-swish-label-container { line-height: 32px; } .evess-checkout-page .wc-swish-label-container img { height: 32px; width: auto; vertical-align: middle; } .evess-checkout-page .evc-secure { font-size: 14px; line-height: 14px; font-weight: 300; color: #333; margin: -24px 0 0; text-transform: none; letter-spacing: .3px; } /* Billing address choice (step 3) */ .evess-checkout-page #evc-billing { margin: 0 0 34px !important; } .evess-checkout-page .evc-choice-list { border: 1px solid #d9d9d9; border-radius: 5px; } .evess-checkout-page .evc-choice { display: flex; align-items: center; gap: 8px; padding: 16px 13px; font-size: 16px; line-height: 16px; color: #333; cursor: pointer; margin: 0; } .evess-checkout-page .evc-choice + .evc-choice { border-top: 1px solid #d9d9d9; } .evess-checkout-page .evc-choice input { appearance: none; -webkit-appearance: none; width: 18px; height: 18px; margin: 0; border: 1px solid #d9d9d9; border-radius: 50%; background: #fff; display: grid; place-content: center; } .evess-checkout-page .evc-choice input:checked { border-color: #000; background: #000; } .evess-checkout-page .evc-choice input:checked::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: #fff; } /* Privacy text and terms checkbox */ .evess-checkout-page #evc-terms { margin: 0 0 33px !important; } .evess-checkout-page .evc-privacy { font-size: 16px; line-height: 16px; color: #333; margin: 0 0 24px; } .evess-checkout-page .evc-terms-check { display: flex; align-items: flex-start; gap: 13px; font-size: 16px; line-height: 18px; color: #333; cursor: pointer; } .evess-checkout-page .evc-terms-check.has-error span { color: #f04f63; } .evess-checkout-page .evc-terms-error { font-size: 14px; font-weight: 300; color: #f04f63; margin-top: 10px; } .evess-checkout-page .evc-terms-check abbr { text-decoration: none; color: #e2401c; } .evess-checkout-page .wc-block-checkout__terms, .evess-checkout-page #order-notes { display: none !important; } /* Place order row: "« Återgå till frakt" left, button right */ .evess-checkout-page .wc-block-checkout__actions { margin: 0 !important; padding: 0 !important; } .evess-checkout-page .wc-block-checkout__actions_row { display: flex !important; flex-direction: row; justify-content: space-between; align-items: center; } .evess-checkout-page .wc-block-components-checkout-return-to-cart-button { font-size: 16px; color: #0073aa !important; padding: 0 !important; text-decoration: none !important; } .evess-checkout-page .wc-block-components-checkout-return-to-cart-button svg { display: none; } /* ---------- Cart summary ("Din varukorg") ---------- */ .evess-checkout-page .evc-summary { color: #333; } .evess-checkout-page .evc-items { padding: 24px 0 31px; } .evess-checkout-page .evc-item { display: grid; grid-template-columns: 60px 1fr auto auto; gap: 0 16px; align-items: start; padding: 0 0 16px; } .evess-checkout-page .evc-item-image img { width: 60px; height: 60px; object-fit: cover; border-radius: 5px; display: block; } .evess-checkout-page .evc-item-name { font-size: 16px; line-height: 18px; } .evess-checkout-page .evc-item-prices { font-size: 16px; line-height: 18px; margin-top: 2px; } .evess-checkout-page .evc-item-prices del { color: #333; } .evess-checkout-page .evc-item-prices ins { text-decoration: underline; background: none; color: #333; } .evess-checkout-page .evc-item-meta { font-size: 13px; line-height: 15px; color: #737373; margin-top: 4px; } .evess-checkout-page .evc-item-actions { display: flex; align-items: center; gap: 10px; margin-top: 8px; } .evess-checkout-page .evc-qty { display: inline-flex; align-items: center; border: 1px solid #d9d9d9; border-radius: 16px; height: 32px; background: #fff; } .evess-checkout-page .evc-qty button { width: 30px; height: 30px; border: 0; background: none; font-size: 12px; color: #000; cursor: pointer; padding: 0; border-radius: 16px; } .evess-checkout-page .evc-qty-value { width: 30px; text-align: center; font-size: 12px; font-weight: 700; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; line-height: 30px; } .evess-checkout-page .evc-item-edit { font-size: 12px; color: #0073aa; } .evess-checkout-page .evc-item-total { font-size: 16px; line-height: 18px; align-self: center; white-space: nowrap; } .evess-checkout-page .evc-item-remove { border: 0; background: none; font-size: 22px; line-height: 18px; color: #737373; cursor: pointer; padding: 0; align-self: center; } .evess-checkout-page .evc-coupon { display: flex; gap: 10px; margin: 16px 0 0; } .evess-checkout-page .evc-coupon input { flex: 1; min-width: 0; height: 46px; border: 1px solid #d9d9d9; border-radius: 5px; padding: 0 13px; font: inherit; font-size: 16px; color: #333; background: #fff; } .evess-checkout-page .evc-coupon input::placeholder { color: #737373; } .evess-checkout-page .evc-coupon button { flex: 0 0 auto; height: 47px; padding: 0 22px; border: 1px solid #999; border-radius: 5px; background: #999; color: #fff; font: inherit; font-size: 16px; cursor: pointer; } .evess-checkout-page .evc-coupon button:not([disabled]) { background: #333; border-color: #333; } .evess-checkout-page .evc-coupon-error { font-size: 14px; color: #e2401c; margin-top: 8px; } .evess-checkout-page .evc-totals { margin-top: 16px; } .evess-checkout-page .evc-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; font-size: 16px; line-height: 18px; } .evess-checkout-page .evc-row > span:first-child { font-size: 14px; } .evess-checkout-page .evc-row-total { border-top: 2px solid #000; margin-top: 0; padding: 10px 0 7px; font-weight: 700; color: #000; } .evess-checkout-page .evc-row-total > span:first-child { font-size: 16px; } .evess-checkout-page .evc-row-vat { text-align: right; font-size: 12.8px; line-height: 15px; color: #666; } .evess-checkout-page .evc-row-vat strong { font-weight: 700; } .evess-checkout-page .evc-coupon-remove { font-size: 12px; } /* Inline summary in step 1 is for phones only */ .evess-checkout-page .wc-block-checkout__form > #evc-msummary { display: none !important; } /* Classic WooCommerce notices printed above the checkout */ .evess-checkout-page .evc-main > .woocommerce-error, .evess-checkout-page .evc-main > .woocommerce-message, .evess-checkout-page .evc-main > .woocommerce-info, .evess-checkout-page .evc-main > .woocommerce-notices-wrapper > * { max-width: 1130px; margin: 0 auto 24px; padding: 14px 16px; list-style: none; background: #f8f8f8; border-left: 4px solid #0073aa; border-radius: 5px; font-size: 14px; line-height: 20px; color: #333; } .evess-checkout-page .evc-main > .woocommerce-error { border-left-color: #e2401c; } .evess-checkout-page .evc-main > .woocommerce-error li { margin: 0; } /* ---------- Footer ---------- */ .evc-foot { text-align: center; padding: 40px 25px 40px; } .evc-foot p { margin: 0 0 7px; font-size: 13.2px; line-height: 13.2px; color: #8c8c8c; } .evc-foot-menu ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 0 13px; margin: 0; padding: 0; } .evc-foot-menu a { display: block; padding: 5px 10px; border-radius: 10px; color: #000; font-family: Gotham, Arial, sans-serif; font-weight: 600; font-size: 17px; line-height: 17px; } /* ---------- Phones ---------- */ @media (max-width: 699px) { .evess-checkout-page .evc-main { padding: 0 20px; } .evc-steps { margin-bottom: 0; padding: 0 13px; } .evess-checkout-page #shipping.wc-block-components-address-form > *, .evess-checkout-page #billing.wc-block-components-address-form > * { flex-basis: 100% !important; width: 100% !important; } .evess-checkout-page .evc-kco-icons { display: none !important; } .evess-checkout-page .wc-block-checkout__form[data-evc-step="1"] > #evc-msummary { display: block !important; margin: 40px 0 0 !important; } .evess-checkout-page #evc-nav1, .evess-checkout-page #evc-nav2 { flex-direction: column-reverse; gap: 34px; margin-top: 30px !important; } .evess-checkout-page .evc-next, .evess-checkout-page .wc-block-components-checkout-place-order-button { width: 100% !important; } .evess-checkout-page .wc-block-checkout__actions_row { flex-direction: column-reverse; gap: 34px; } .evess-checkout-page .evess-swish-express { font-size: 14px; gap: 6px; padding: 0 10px; } .evess-checkout-page .evess-swish-express img { height: 20px; } .evess-checkout-page .evc-msummary-title { margin-bottom: 0; padding-bottom: 13px; border-bottom: 1px solid #d9d9d9; } } /* Phones: summary bar at the top ("Visa orderöversikt" ⌄, total with VAT) */ .evess-checkout-page .wc-block-components-sidebar-layout:not(.is-large) .wc-block-checkout__sidebar { margin: 0 -20px 24px !important; padding: 0 !important; width: calc(100% + 40px) !important; } .evess-checkout-page .wc-block-components-sidebar-layout:not(.is-large) .wp-block-woocommerce-checkout-order-summary-block { margin: 0; border: 0 !important; background: #fafafa; } .evess-checkout-page .wc-block-components-sidebar-layout:not(.is-large) .wc-block-components-checkout-order-summary__title { display: grid !important; grid-template-columns: auto auto 1fr auto; grid-template-rows: auto auto; align-items: center; column-gap: 4px; background: #fafafa; padding: 24px 20px !important; margin: 0; border: 0 !important; } .evess-checkout-page .wc-block-components-sidebar-layout:not(.is-large) .wc-block-components-checkout-order-summary__title-text { display: none !important; } .evess-checkout-page .evc-sum-label { grid-column: 1; grid-row: 1 / span 2; display: inline-flex; align-items: center; gap: 8px; color: #0073aa; font-size: 14px; } .evess-checkout-page .evc-sum-label svg { flex: 0 0 auto; } .evess-checkout-page .wc-block-components-checkout-order-summary__title .evc-sum-hide, .evess-checkout-page .wc-block-components-checkout-order-summary__title[aria-expanded="true"] .evc-sum-show { display: none; } .evess-checkout-page .wc-block-components-checkout-order-summary__title[aria-expanded="true"] .evc-sum-hide { display: inline; } .evess-checkout-page .wc-block-components-sidebar-layout:not(.is-large) .wc-block-components-checkout-order-summary__title-icon { grid-column: 2; grid-row: 1 / span 2; color: #0073aa; fill: #0073aa; margin: 0; } .evess-checkout-page .wc-block-components-sidebar-layout:not(.is-large) .wc-block-components-checkout-order-summary__title-icon svg { fill: currentColor; width: 20px; height: 20px; } .evess-checkout-page .wc-block-components-sidebar-layout:not(.is-large) .wc-block-components-checkout-order-summary__title-price { grid-column: 4; grid-row: 1; justify-self: end; font-size: 16px; font-weight: 900; color: #333; margin: 0; } .evess-checkout-page .evc-sum-vat { grid-column: 4; grid-row: 2; justify-self: end; font-size: 12.8px; color: #666; margin-top: 4px; } .evess-checkout-page .wc-block-components-sidebar-layout.is-large .evc-sum-label, .evess-checkout-page .wc-block-components-sidebar-layout.is-large .evc-sum-vat { display: none; } .evess-checkout-page .wc-block-components-sidebar-layout:not(.is-large) .wc-block-components-checkout-order-summary__content { padding: 0 20px 16px !important; background: #fafafa; } /* ---------- Loading, like CheckoutWC ---------- Page load: the template prints a ready-made copy of step 1 (.evc-placeholder, made by Backup/evessse/tools/make-checkout-placeholder.js) so the form shows at once while WooCommerce builds the real checkout; block-checkout.js swaps them (body.evc-ready). Parts that still wait for data (cart summary, express buttons, "Fortsätt") show CheckoutWC's grey shimmer. The same shimmer shows during every update (body.evc-busy): step change, quantity, discount code, address. */ @keyframes evc-shimmer { 0% { background-position: -500px 0; } to { background-position: 500px 0; } } .evess-checkout-page .evc-main { position: relative; } .evess-checkout-page .evc-placeholder { pointer-events: none; user-select: none; } .evess-checkout-page .evc-ph-m { display: none; } @media (max-width: 699px) { .evess-checkout-page .evc-ph-d { display: none; } .evess-checkout-page .evc-ph-m { display: block; } } .evess-checkout-page:not(.evc-ready) .evc-main > .wp-block-woocommerce-checkout:not(.evc-placeholder) { position: absolute !important; top: 0; left: 0; right: 0; visibility: hidden; } .evess-checkout-page.evc-ready .evc-placeholder { display: none !important; } /* No placeholder for this language: keep the area blank instead of WooCommerce's skeleton */ .evess-checkout-page:not(.evc-ready):not(.evc-has-ph) .evc-main { min-height: 100vh; } .evess-checkout-page .evc-placeholder .wc-block-components-express-payment__event-buttons > *, .evess-checkout-page .evc-placeholder .evc-item-image, .evess-checkout-page .evc-placeholder .evc-item-prices, .evess-checkout-page .evc-placeholder .evc-item-meta, .evess-checkout-page .evc-placeholder .evc-qty, .evess-checkout-page .evc-placeholder .evc-item-total, .evess-checkout-page .evc-placeholder .evc-item-remove, .evess-checkout-page .evc-placeholder .evc-coupon button, .evess-checkout-page .evc-placeholder .evc-next, .evess-checkout-page .evc-placeholder .wc-block-components-checkout-order-summary__title-price, .evess-checkout-page .evc-placeholder .evc-sum-vat, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .wc-block-components-express-payment__event-buttons > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-image, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-prices, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-meta, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-qty, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-total, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-remove, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-coupon button, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-next, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .wc-block-components-checkout-order-summary__title-price, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-sum-vat { position: relative !important; pointer-events: none; border-color: transparent !important; color: transparent !important; background: transparent !important; box-shadow: none !important; } .evess-checkout-page .evc-placeholder .wc-block-components-express-payment__event-buttons > * > *, .evess-checkout-page .evc-placeholder .evc-item-image > *, .evess-checkout-page .evc-placeholder .evc-item-prices > *, .evess-checkout-page .evc-placeholder .evc-item-meta > *, .evess-checkout-page .evc-placeholder .evc-qty > *, .evess-checkout-page .evc-placeholder .evc-item-total > *, .evess-checkout-page .evc-placeholder .evc-item-remove > *, .evess-checkout-page .evc-placeholder .evc-coupon button > *, .evess-checkout-page .evc-placeholder .evc-next > *, .evess-checkout-page .evc-placeholder .wc-block-components-checkout-order-summary__title-price > *, .evess-checkout-page .evc-placeholder .evc-sum-vat > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .wc-block-components-express-payment__event-buttons > * > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-image > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-prices > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-meta > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-qty > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-total > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-remove > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-coupon button > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-next > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .wc-block-components-checkout-order-summary__title-price > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-sum-vat > * { visibility: hidden; } .evess-checkout-page .evc-placeholder .wc-block-components-express-payment__event-buttons > *::after, .evess-checkout-page .evc-placeholder .evc-item-image::after, .evess-checkout-page .evc-placeholder .evc-item-prices::after, .evess-checkout-page .evc-placeholder .evc-item-meta::after, .evess-checkout-page .evc-placeholder .evc-qty::after, .evess-checkout-page .evc-placeholder .evc-item-total::after, .evess-checkout-page .evc-placeholder .evc-item-remove::after, .evess-checkout-page .evc-placeholder .evc-coupon button::after, .evess-checkout-page .evc-placeholder .evc-next::after, .evess-checkout-page .evc-placeholder .wc-block-components-checkout-order-summary__title-price::after, .evess-checkout-page .evc-placeholder .evc-sum-vat::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .wc-block-components-express-payment__event-buttons > *::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-image::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-prices::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-meta::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-qty::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-total::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-remove::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-coupon button::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-next::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .wc-block-components-checkout-order-summary__title-price::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-sum-vat::after { content: " " !important; display: block !important; position: absolute !important; top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; margin: 0; padding: 0; border: 0; border-radius: 5px; opacity: 1 !important; background-color: transparent !important; background-image: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%) !important; background-repeat: repeat !important; background-size: 1000px 100% !important; animation: evc-shimmer 1s linear infinite; transform: translateZ(0); will-change: transform; z-index: 10000; } .evess-checkout-page .evc-placeholder .evc-item-name, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-name { position: relative !important; pointer-events: none; border-color: transparent !important; color: transparent !important; background: transparent !important; box-shadow: none !important; } .evess-checkout-page .evc-placeholder .evc-item-name > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-name > * { visibility: hidden; } .evess-checkout-page .evc-placeholder .evc-item-name::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-name::after { content: " " !important; display: block !important; position: absolute !important; top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; margin: -2px 0; padding: 0; border: 0; border-radius: 5px; opacity: 1 !important; background-color: transparent !important; background-image: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%) !important; background-repeat: repeat !important; background-size: 1000px 100% !important; animation: evc-shimmer 1s linear infinite; transform: translateZ(0); will-change: transform; z-index: 10000; } .evess-checkout-page .evc-placeholder .evc-totals .evc-row, .evess-checkout-page .evc-placeholder .evc-row-vat, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-totals .evc-row, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-row-vat { position: relative !important; pointer-events: none; border-color: transparent !important; color: transparent !important; background: transparent !important; box-shadow: none !important; } .evess-checkout-page .evc-placeholder .evc-totals .evc-row > *, .evess-checkout-page .evc-placeholder .evc-row-vat > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-totals .evc-row > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-row-vat > * { visibility: hidden; } .evess-checkout-page .evc-placeholder .evc-totals .evc-row::after, .evess-checkout-page .evc-placeholder .evc-row-vat::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-totals .evc-row::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-row-vat::after { content: " " !important; display: block !important; position: absolute !important; top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; margin: .75em 0; padding: 0; border: 0; border-radius: 5px; opacity: 1 !important; background-color: transparent !important; background-image: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%) !important; background-repeat: repeat !important; background-size: 1000px 100% !important; animation: evc-shimmer 1s linear infinite; transform: translateZ(0); will-change: transform; z-index: 10000; } .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) #shipping-option .wc-block-components-radio-control__option, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) #payment-method .wc-block-components-radio-control__label, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) #payment-method .wc-block-components-radio-control-accordion-content > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .wc-block-components-checkout-place-order-button { position: relative !important; pointer-events: none; border-color: transparent !important; color: transparent !important; background: transparent !important; box-shadow: none !important; } .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) #shipping-option .wc-block-components-radio-control__option > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) #payment-method .wc-block-components-radio-control__label > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) #payment-method .wc-block-components-radio-control-accordion-content > * > *, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .wc-block-components-checkout-place-order-button > * { visibility: hidden; } .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) #shipping-option .wc-block-components-radio-control__option::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) #payment-method .wc-block-components-radio-control__label::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) #payment-method .wc-block-components-radio-control-accordion-content > *::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .wc-block-components-checkout-place-order-button::after { content: " " !important; display: block !important; position: absolute !important; top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; margin: 0; padding: 0; border: 0; border-radius: 5px; opacity: 1 !important; background-color: transparent !important; background-image: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%) !important; background-repeat: repeat !important; background-size: 1000px 100% !important; animation: evc-shimmer 1s linear infinite; transform: translateZ(0); will-change: transform; z-index: 10000; } .evess-checkout-page .evc-placeholder .evc-coupon input, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-coupon input { pointer-events: none; color: transparent !important; border-color: transparent !important; background-color: transparent !important; background-image: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%) !important; background-repeat: repeat !important; background-size: 1000px 100% !important; animation: evc-shimmer 1s linear infinite; } .evess-checkout-page .evc-placeholder .evc-coupon input::placeholder, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-coupon input::placeholder { color: transparent; } .evess-checkout-page .evc-placeholder .evc-totals .evc-row-total, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-totals .evc-row-total { border-color: #eff1f3 !important; } .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) #payment-method .wc-block-components-payment-method-icons { display: none; } /* Bars placed as in CheckoutWC (measured): */ /* "Redigera": small 12px bar beside the quantity box */ .evess-checkout-page .evc-placeholder .evc-item-edit, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-edit { position: relative !important; pointer-events: none; color: transparent !important; } .evess-checkout-page .evc-placeholder .evc-item-edit::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-edit::after { content: " " !important; display: block !important; position: absolute !important; padding: 0; border: 0; border-radius: 5px; opacity: 1 !important; visibility: visible; background-color: transparent !important; background-image: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%) !important; background-repeat: repeat !important; background-size: 1000px 100% !important; animation: evc-shimmer 1s linear infinite; transform: translateZ(0); will-change: transform; z-index: 10000; top: 50%; left: 0; right: 0; height: 12px !important; margin-top: -6px; } /* remove button: 20 x 20 */ .evess-checkout-page .evc-placeholder .evc-item-remove::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-remove::after { left: -7px !important; top: -1px !important; bottom: -1px !important; } /* "Totalt": one tall bar over the total and the VAT line */ .evess-checkout-page .evc-placeholder .evc-totals .evc-row-total::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-totals .evc-row-total::after { margin: .75em 0 -14px !important; } .evess-checkout-page .evc-placeholder .evc-row-vat::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-row-vat::after { display: none !important; } /* shipping method: thin bar inside the box */ .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) #shipping-option .wc-block-components-radio-control__option::after { margin: 15px 13px !important; } /* payment method names: 20px bars */ .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) #payment-method .wc-block-components-radio-control__label::after { margin: 1px 0 !important; } /* review box: label and value as one bar, "Ändra" as its own small bar */ .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) #evc-review .evc-review-row { position: relative !important; pointer-events: none; } .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) #evc-review .evc-review-row > * { visibility: hidden; } .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) #evc-review .evc-review-row::after { content: " " !important; display: block !important; position: absolute !important; padding: 0; border: 0; border-radius: 5px; opacity: 1 !important; visibility: visible; background-color: transparent !important; background-image: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%) !important; background-repeat: repeat !important; background-size: 1000px 100% !important; animation: evc-shimmer 1s linear infinite; transform: translateZ(0); will-change: transform; z-index: 10000; top: 11px; left: 0; right: 101px; height: 17px; } .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) #evc-review .evc-review-row + .evc-review-row::after { top: 10px; } .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) #evc-review .evc-review-change { position: relative; } .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) #evc-review .evc-review-change::after { content: " " !important; display: block !important; position: absolute !important; padding: 0; border: 0; border-radius: 5px; opacity: 1 !important; visibility: visible; background-color: transparent !important; background-image: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%) !important; background-repeat: repeat !important; background-size: 1000px 100% !important; animation: evc-shimmer 1s linear infinite; transform: translateZ(0); will-change: transform; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; } /* price line under the product name: 16px bar with a 2px gap, as in CheckoutWC */ .evess-checkout-page .evc-placeholder .evc-item-prices::after, .evess-checkout-page.evc-busy .wp-block-woocommerce-checkout:not(.evc-placeholder) .evc-item-prices::after { margin: 2px 0 0 !important; } /* ---------- Login popup ("Logga in."), same as CheckoutWC's ---------- */ @keyframes evc-overlay-in { from { opacity: 0; } to { opacity: 1; } } @keyframes evc-overlay-out { from { opacity: 1; } to { opacity: 0; } } @keyframes evc-modal-in { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: scale(1); } } @keyframes evc-modal-out { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(.96); } } @keyframes evc-shake { 0% { transform: translate(30px); } 20% { transform: translate(-30px); } 40% { transform: translate(15px); } 60% { transform: translate(-15px); } 80% { transform: translate(8px); } to { transform: translate(0); } } html.evc-modal-open, html.evc-modal-open body { overflow: hidden; } .evc-modal-root { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999; font-size: 16px; letter-spacing: .3px; color: #333; } .evc-modal-root.is-open { display: block; } .evc-modal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .5); animation: evc-overlay-in .3s ease forwards; } .evc-modal-container { position: relative; display: flex; align-items: center; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; text-align: center; } .evc-modal { position: relative; display: inline-block; width: 100%; max-width: 840px; max-height: 80%; min-height: fit-content; margin: auto; padding: 32px; overflow-y: auto; background: #fff; border-radius: 5px; box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .25); text-align: left; vertical-align: middle; outline: none; animation: evc-modal-in .3s ease forwards; } .evc-modal-root.is-closing .evc-modal-overlay { animation: evc-overlay-out .3s ease forwards; } .evc-modal-root.is-closing .evc-modal { animation: evc-modal-out .3s ease forwards; } .evc-modal *, .evc-modal *::before, .evc-modal *::after { box-sizing: border-box; } .evc-modal form { font-size: 16px; line-height: 18.4px; margin: 0; } .evc-modal form[hidden] { display: none; } .evc-modal h3 { margin: 0 0 24px; font-family: inherit; font-size: 24px; line-height: 27.6px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; color: #333; } .evc-modal p { margin: 0 0 12.8px; font-size: 16px; line-height: 18.4px; font-weight: 400; letter-spacing: .3px; color: #333; } .evc-modal .evc-modal-intro { font-weight: 400; } .evc-modal .evc-lost-form .evc-modal-intro { margin-bottom: 16px; } .evc-mfield { position: relative; } .evc-mfield label { position: absolute; top: 0; left: 0; margin-top: 3px; padding: 0 13.92px; font-size: 12px; line-height: 19.5px; color: #737373; white-space: nowrap; opacity: 0; pointer-events: none; user-select: none; transition: all .2s ease-out; z-index: 1; } .evc-mfield.is-floated label { opacity: 1; } .evc-mfield input { display: block; width: 100%; height: 46px; margin: 0; padding: 13.12px; font: inherit; font-size: 16px; letter-spacing: normal; color: #333; background: #fff; border: 1px solid #d9d9d9; border-radius: 5px; box-shadow: none; outline: 0; -webkit-appearance: none; appearance: none; transition: all .2s ease-out; } .evc-mfield input::placeholder { color: #737373; opacity: 1; } .evc-mfield input:focus { border-color: #d9d9d9; box-shadow: 0 0 0 1px #333; outline: 0; } .evc-mfield.is-floated input { padding: 21.6px 12.8px 4.48px; } .evc-mfield input[type=password], .evc-mfield input#evc-login-pass { padding-right: 52px; } .evc-pass-toggle { position: absolute; top: 11px; right: 16px; width: 24px; height: 24px; padding: 0; margin: 0; border: 0; background: none; color: #999; cursor: pointer; } .evc-pass-toggle:hover { color: #666; } .evc-pass-toggle svg { display: block; width: 24px; height: 24px; } .evc-pass-toggle .evc-eye-shut, .evc-pass-toggle.is-shown .evc-eye-open { display: none; } .evc-pass-toggle.is-shown .evc-eye-shut { display: block; } .evc-modal-footer { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 12.8px; } .evc-remember { display: flex; align-items: center; margin: 8px 0 20.8px; cursor: pointer; font-size: 16px; line-height: 18.4px; color: #333; } .evc-remember input[type=checkbox] { appearance: none; -webkit-appearance: none; position: relative; width: 18px; height: 18px; min-width: 18px; margin: 0 8px 0 0; padding: 0; background: #fff; border: 1px solid #d9d9d9; border-radius: 5px; box-shadow: inset 0 0 0 0 #000; cursor: pointer; transition: all .2s ease-in-out; } .evc-remember input[type=checkbox]:checked { border: none; box-shadow: inset 0 0 0 10px #000; } .evc-remember input[type=checkbox]::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 10px; height: 8px; margin: -4px 0 0 -5px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4zIiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjguOSAwLjMgMTAuMyA4Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTIuNiA4LjEgOC45IDQuM2wxLTEuMSAyLjcgMi43TDE4LjEuNWwxIDF6Ii8+PC9zdmc+) no-repeat; opacity: 0; transform: scale(.2); transition: all .2s ease-in-out .1s; } .evc-remember input[type=checkbox]:checked::after { opacity: 1; transform: scale(1); } .evc-lost-link { font-size: 14px; line-height: 32px; color: #0073aa !important; text-decoration: none; } .evc-modal-nav { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 25.6px 0 12.8px; } .evc-modal-btn { position: relative; display: inline-block; min-width: 200px; height: 58px; padding: 19px 15px; font: inherit; font-size: 16px; line-height: 18.4px; letter-spacing: normal; color: #fff; background: #333; border: 1px solid #333; border-radius: 5px; cursor: pointer; transition: all .3s ease-in-out; } .evc-modal-btn:hover { background: #555; border-color: #555; } .evc-modal-btn:focus { outline-style: none; } .evc-modal-btn:focus-visible { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #333; } .evc-modal-btn.is-loading { color: transparent; } .evc-modal-btn.is-loading::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 1.2em; height: 1.2em; margin: auto; border: 2px solid transparent; border-top-color: #fff; border-radius: 50%; animation: evc-spin 1s ease infinite; } @keyframes evc-spin { to { transform: rotate(1turn); } } .evc-modal-guest { margin-top: 12.8px; font-size: 16px; line-height: 18.4px; color: #0073aa !important; text-decoration: none; } .evc-lost-submit { margin: 0; } .evc-modal-close { position: absolute; top: 14px; right: 14px; display: flex; padding: 0; margin: 0; border: none; background: none; color: #000; cursor: pointer; } .evc-modal-close svg { fill: currentColor; } .evc-alert { margin: 0 0 16px; padding: 15px; border: 1px solid transparent; border-radius: 5px; font-size: 16px; } .evc-alert .message { line-height: 1.625; } .evc-alert a { color: inherit; text-decoration: underline; } .evc-alert-error { background: #f8d7da; border-color: #f5c6cb; color: #721c24; } .evc-alert-success { background: #d4edda; border-color: #c3e6cb; color: #155724; } .evc-alert.is-shaking { animation: evc-shake .5s linear 1; } .evc-remember span { margin-left: 5px; } /* ---------- Express area: Apple Pay and Google Pay (WooPayments) side by side above Klarna and Swish, as in CheckoutWC; one wallet alone takes the full width. ---------- */ .evess-checkout-page .wc-block-components-express-payment__event-buttons { flex-direction: row !important; flex-wrap: wrap; } .evess-checkout-page .wc-block-components-express-payment__event-buttons > [id^="express-payment-method-woocommerce_payments"] { order: -1; flex: 1 1 calc(50% - 5px); width: auto !important; min-width: 140px; } /* An account already uses the e-mail address: no "Skapa konto" (the login popup opens instead) */ .evess-checkout-page.evc-account-exists .wc-block-checkout__create-account { display: none !important; } /* "Redigera" while the product loads */ .evess-checkout-page .evc-item-edit.is-loading { opacity: .5; pointer-events: none; } /* ---------- "Redigera" popup: change colour (CheckoutWC's product popup layout) ---------- */ .evc-pmodal .evc-pmodal-row { display: flex; gap: 0; } .evc-pmodal .evc-pmodal-gallery { flex: 0 0 50%; max-width: 50%; padding: 0 5px; } .evc-pmodal .evc-pmodal-info { flex: 0 0 50%; max-width: 50%; padding: 0 5px; } .evc-pmodal .evc-pmodal-image img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: #fff; } .evc-pmodal .evc-pmodal-thumbs { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; } .evc-pmodal .evc-pmodal-thumb { width: 56px; height: 56px; padding: 0; border: 1px solid #d9d9d9; border-radius: 5px; background: #fff; overflow: hidden; cursor: pointer; opacity: .6; } .evc-pmodal .evc-pmodal-thumb.is-active, .evc-pmodal .evc-pmodal-thumb:hover { opacity: 1; border-color: #333; } .evc-pmodal .evc-pmodal-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } .evc-pmodal .evc-pmodal-title { margin: 0 0 19.2px; font-family: inherit; font-size: 24px; line-height: 24px; font-weight: 300; letter-spacing: .3px; color: #333; text-transform: none; } .evc-pmodal .evc-pmodal-price { margin: 0 0 12.8px; font-size: 16px; line-height: 16px; color: #333; } .evc-pmodal .evc-pmodal-price ins { text-decoration: none; } .evc-pmodal .evc-pmodal-attr { margin-bottom: 12.8px; } .evc-pmodal .evc-pmodal-label { display: block; margin: 0 0 4px; font-size: 14px; line-height: 17px; color: #333; } .evc-pmodal select { display: block; width: 100%; height: 50px; margin: 0; padding: 0 40px 0 13px; font: inherit; font-size: 16px; letter-spacing: normal; color: #333; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23333' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 16px center; border: 1px solid #d9d9d9; border-radius: 5px; -webkit-appearance: none; appearance: none; cursor: pointer; } .evc-pmodal select:focus { border-color: #d9d9d9; box-shadow: 0 0 0 1px #333; outline: 0; } .evc-pmodal .evc-pmodal-actions { display: flex; justify-content: center; gap: 20px; margin-top: 28.8px; } .evc-pmodal .evc-modal-btn { min-width: 0; height: 47px; padding: 13px 15px; } .evc-pmodal .evc-btn-secondary { background: #999; border-color: #999; } .evc-pmodal .evc-btn-secondary:hover { background: #666; border-color: #666; } .evc-pmodal .evc-modal-btn:disabled { background: #737373; border-color: #737373; cursor: not-allowed; } @media (max-width: 699px) { .evc-pmodal .evc-pmodal-row { flex-direction: column; gap: 16px; } .evc-pmodal .evc-pmodal-gallery, .evc-pmodal .evc-pmodal-info { flex-basis: auto; max-width: none; padding: 0; } } .evc-pmodal .evc-pmodal-price .discount-percentage { display: none; } .evc-pmodal .evc-pmodal-price del { color: #333; } /* Focused fields, as in CheckoutWC: grey border kept, thin dark ring round it, no browser (blue) ring */ .evess-checkout-page .evc-coupon input:focus { border-color: #d9d9d9; box-shadow: 0 0 0 1px #333; outline: 0; } /* ---------- Trust points under the totals: Fri frakt · Leverans · Säker betalning · Ångerrätt ---------- */ .evess-checkout-page .evc-trust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; margin: 20px 0 0; padding: 16px 0 0; border-top: 1px solid #d9d9d9; list-style: none; } .evess-checkout-page .evc-trust li { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 13px; line-height: 16px; color: #555; } .evess-checkout-page .evc-trust svg { flex: 0 0 16px; color: #333; } /* Delivery time under the shipping option ("Leverans inom 2–4 arbetsdagar") */ .evess-checkout-page .evc-delivery { display: block; flex-basis: 100%; margin-top: 4px; font-size: 13px; line-height: 16px; color: #737373; } /* Only one shipping option: step 3's back link returns to Information */ .evess-checkout-page.evc-skip-shipping .wc-block-components-checkout-return-to-cart-button[data-evc-label] { font-size: 0 !important; } .evess-checkout-page.evc-skip-shipping .wc-block-components-checkout-return-to-cart-button[data-evc-label]::after { content: attr(data-evc-label); font-size: 16px; } /* "Påminn mig via e-post …" under "Skapa Evess shoppingkonto." */ .evess-checkout-page .evc-reminder-wrap { margin: 13px 0 0 !important; } /* Only one shipping option: the Frakt step is skipped, so the step indicator shows three steps (Varukorg · Information · Betalning) with the same spacing between the dots. */ .evess-checkout-page.evc-skip-shipping .evc-steps li[data-evc-step="2"] { display: none; } .evess-checkout-page.evc-skip-shipping .evc-steps { max-width: 424.5px; } /* ---------- Klarna (Kustom Checkout) ---------- Kustom puts its checkout window (#kco-wrapper) into the form after the payment methods. It must show in the payment step (the step rules above hide unknown parts), and in the Klarna view (step 4: "Pay With Klarna" express button) it is the only thing shown, as in CheckoutWC. With Kustom chosen, WooCommerce's own "Pay with Kustom Checkout" button is not used. */ .evess-checkout-page .wc-block-checkout__form[data-evc-step="3"] > #kco-wrapper { display: block !important; order: 9; margin: 0 0 24px !important; } .evess-checkout-page .wc-block-checkout__form[data-evc-step="4"] > #kco-wrapper { display: block !important; order: 2; margin: 0 !important; } .evess-checkout-page .wc-block-checkout__form[data-evc-step="4"] > #evc-kco-view { display: block !important; order: 3; margin: 24px 0 0 !important; } .evess-checkout-page .wc-block-checkout__form[data-evc-step="4"] > #evc-msummary { display: none !important; } .evess-checkout-page .evc-kco-failed { margin: 0 0 16px; padding: 14px 16px; background: #f8f8f8; border-left: 4px solid #f04f63; font-size: 14px; line-height: 20px; color: #333; } .evess-checkout-page.evc-kco .wc-block-components-checkout-place-order-button { display: none !important; } /* Kustom's window asks for the billing address and has its own terms */ .evess-checkout-page.evc-kco .wc-block-checkout__form[data-evc-step="3"] > #evc-billing, .evess-checkout-page.evc-kco .wc-block-checkout__form[data-evc-step="3"] > #billing-fields, .evess-checkout-page.evc-kco .wc-block-checkout__form[data-evc-step="3"] > #evc-terms { display: none !important; }