.elementor-628 .elementor-element.elementor-element-f4d982e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:auto;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-628 .elementor-element.elementor-element-f4d982e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-628 .elementor-element.elementor-element-07e02de{--display:flex;--min-height:30px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:100px 100px 100px 100px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-628 .elementor-element.elementor-element-07e02de:not(.elementor-motion-effects-element-type-background), .elementor-628 .elementor-element.elementor-element-07e02de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAF2EB;}.elementor-628 .elementor-element.elementor-element-07e02de.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-628 .elementor-element.elementor-element-56c0356{text-align:center;}.elementor-628 .elementor-element.elementor-element-56c0356 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-628 .elementor-element.elementor-element-99ba9a2{padding:0px 0px 30px 0px;text-align:center;font-family:"Poppins", Sans-serif;font-size:42px;font-weight:600;line-height:52px;}.elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:#02010100;}.elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a:hover{background-color:#02010100;}.elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{background-color:#02010100;}.elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default, .select2-results__option, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab__payment-methods input[type=text]{background-color:#02010100;}.elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text:focus, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select:focus, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default.select2-container--focus .select2-selection--single, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default.select2-container--focus, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab__payment-methods input[type=text]:focus{background-color:#02010100;}.elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button, .elementor-628 .elementor-element.elementor-element-00bd5ac #add_payment_method #payment #place_order{background-color:#194230;}.elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button:hover, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button:hover, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button:hover, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button:hover, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button:hover, .elementor-628 .elementor-element.elementor-element-00bd5ac #add_payment_method #payment #place_order:hover{background-color:var( --e-global-color-accent );}.elementor-628 .elementor-element.elementor-element-00bd5ac{padding:0px 0px 0px 0px;--tab-content-spacing:0px;--tabs-normal-color:var( --e-global-color-primary );--tabs-hover-color:var( --e-global-color-accent );--tabs-active-color:var( --e-global-color-accent );--tabs-padding:0px 0px 0px 0px;--tabs-spacing:30px;--sections-border-type:none;--sections-padding:0px 0px 0px 0px;--edit-link-margin-top:0px;--edit-link-margin-start:0px;--typography-section-titles-color:var( --e-global-color-secondary );--general-text-color:var( --e-global-color-primary );--login-messages-color:var( --e-global-color-primary );--checkboxes-color:var( --e-global-color-primary );--payment-methods-radio-buttons-color:var( --e-global-color-primary );--links-normal-color:#3B8763;--links-hover-color:var( --e-global-color-primary );--forms-rows-gap:20px;--forms-labels-color:var( --e-global-color-primary );--forms-label-spacing:2px;--forms-fields-normal-color:#868686;--forms-fields-focus-color:var( --e-global-color-primary );--forms-fields-border-radius:12px 12px 12px 12px;--forms-buttons-border-radius:100px 100px 100px 100px;--forms-buttons-padding:20px 80px 20px 80px;}.elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;}.elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab__edit-address .woocommerce-Address address{padding-top:calc( 0px + 40px );}.elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-pagination{padding-bottom:0px;}.elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;}.elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-content > div > p, .elementor-628 .elementor-element.elementor-element-00bd5ac address, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-EditAccountForm fieldset legend, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-ResetPassword p:nth-child(1), .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-OrderUpdate{font-family:"Poppins", Sans-serif;font-size:18px;}.elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register p:not([class]), .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce em{font-family:"Poppins", Sans-serif;}.elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-form__label-for-checkbox span{font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-PaymentMethod .input-radio + label{font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-form-row label, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-address-fields label{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;}.elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select, .elementor-628 .elementor-element.elementor-element-00bd5ac ::placeholder, .elementor-628 .elementor-element.elementor-element-00bd5ac .select2-container--default .select2-selection--single, .select2-results__option, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab__payment-methods input[type=text]{font-family:"Poppins", Sans-serif;font-size:13px;}.e-woo-select2-wrapper .select2-results__option{color:#868686;}.elementor-628 .elementor-element.elementor-element-00bd5ac .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#868686 transparent transparent transparent;}.e-woo-select2-wrapper .select2-results__option:focus{color:var( --e-global-color-primary );}.elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab__payment-methods input[type=text]{border-style:solid;border-width:1px 1px 1px 1px;border-color:#DDE4E2;}.elementor-628 .elementor-element.elementor-element-00bd5ac button.button, .elementor-628 .elementor-element.elementor-element-00bd5ac #add_payment_method #payment #place_order{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;}@media(max-width:1024px){.elementor-628 .elementor-element.elementor-element-99ba9a2{padding:0px 0px 20px 0px;font-size:36px;}.elementor-628 .elementor-element.elementor-element-00bd5ac{--tab-content-spacing:60px;}}@media(min-width:768px){.elementor-628 .elementor-element.elementor-element-f4d982e{--content-width:1240px;}.elementor-628 .elementor-element.elementor-element-07e02de{--width:13%;}}@media(max-width:1200px) and (min-width:768px){.elementor-628 .elementor-element.elementor-element-07e02de{--width:16%;}}@media(max-width:1024px) and (min-width:768px){.elementor-628 .elementor-element.elementor-element-07e02de{--width:18%;}}@media(max-width:880px) and (min-width:768px){.elementor-628 .elementor-element.elementor-element-07e02de{--width:21%;}}@media(max-width:1200px){.elementor-628 .elementor-element.elementor-element-f4d982e{--padding-top:100px;--padding-bottom:100px;--padding-left:25px;--padding-right:25px;}}@media(max-width:767px){.elementor-628 .elementor-element.elementor-element-f4d982e{--padding-top:60px;--padding-bottom:60px;--padding-left:12px;--padding-right:12px;}.elementor-628 .elementor-element.elementor-element-07e02de{--width:44%;}.elementor-628 .elementor-element.elementor-element-99ba9a2{padding:0px 0px 10px 0px;font-size:30px;line-height:40px;}.elementor-628 .elementor-element.elementor-element-00bd5ac{--tab-content-spacing:40px;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-00bd5ac *//* ========================================================= MY ACCOUNT — LOGIN / REGISTER ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac { --account-width: 1440px; --account-half: 720px; --column-gap: 120px; --button-width: 60%; } /* ========================================================= 1. LOGIN + REGISTER MAIN LAYOUT ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .elementor-widget-container, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce { width: 100% !important; max-width: none !important; overflow: visible !important; } /* Actual WooCommerce Login + Register wrapper */ .elementor-628 .elementor-element.elementor-element-00bd5ac #customer_login { width: min( var(--account-width), calc(100vw - 40px) ) !important; max-width: none !important; /* * CENTERS THE WIDER FORM * relative to the page, rather than letting it * expand only towards the right. */ margin-left: calc( 50% - min( var(--account-half), calc(50vw - 20px) ) ) !important; margin-right: 0 !important; padding: 0 !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-start !important; gap: var(--column-gap) !important; position: static !important; left: auto !important; right: auto !important; transform: none !important; box-sizing: border-box !important; } /* LOGIN + REGISTER COLUMNS */ .elementor-628 .elementor-element.elementor-element-00bd5ac #customer_login > .u-column1, .elementor-628 .elementor-element.elementor-element-00bd5ac #customer_login > .u-column2 { float: none !important; flex: 1 1 0 !important; width: 0 !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* Forms fill entire column */ .elementor-628 .elementor-element.elementor-element-00bd5ac #customer_login form { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } /* Form fields fill column */ .elementor-628 .elementor-element.elementor-element-00bd5ac #customer_login .form-row, .elementor-628 .elementor-element.elementor-element-00bd5ac #customer_login input.input-text { width: 100% !important; max-width: none !important; box-sizing: border-box !important; } /* ========================================================= 2. LOGIN FORM ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac form.woocommerce-form-login { display: block !important; position: relative !important; } /* Email + Password rows */ .elementor-628 .elementor-element.elementor-element-00bd5ac form.woocommerce-form-login .woocommerce-form-row { margin-top: 0 !important; } /* Small gap below Password */ .elementor-628 .elementor-element.elementor-element-00bd5ac form.woocommerce-form-login .woocommerce-form-row:nth-of-type(2) { margin-bottom: 2px !important; } /* ========================================================= 3. REMEMBER ME ========================================================= */ /* Row containing Remember me + Login button */ .elementor-628 .elementor-element.elementor-element-00bd5ac form.woocommerce-form-login > p.form-row:not(.woocommerce-form-row) { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; } /* Remember me label */ .elementor-628 .elementor-element.elementor-element-00bd5ac form.woocommerce-form-login .woocommerce-form__label-for-checkbox { display: flex !important; align-items: center !important; gap: 9px !important; margin: 0 !important; padding: 0 !important; cursor: pointer; } /* Remember me checkbox */ .elementor-628 .elementor-element.elementor-element-00bd5ac form.woocommerce-form-login input[type="checkbox"] { width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; margin: 0 !important; accent-color: #194230 !important; cursor: pointer; } /* ========================================================= 4. LOGIN + REGISTER BUTTONS ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac form.woocommerce-form-login button.woocommerce-form-login__submit, .elementor-628 .elementor-element.elementor-element-00bd5ac form.woocommerce-form-register button.woocommerce-form-register__submit { width: var(--button-width) !important; min-width: var(--button-width) !important; } /* Space above Login button */ .elementor-628 .elementor-element.elementor-element-00bd5ac form.woocommerce-form-login button.woocommerce-form-login__submit { margin: 12px 0 0 0 !important; } /* Register button */ .elementor-628 .elementor-element.elementor-element-00bd5ac form.woocommerce-form-register button.woocommerce-form-register__submit { margin-left: 0 !important; margin-right: 0 !important; } /* ========================================================= 5. LOST PASSWORD ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac form.woocommerce-form-login .lost_password { position: static !important; margin-top: -70px !important; margin-left: calc(var(--button-width) + 36px) !important; margin-bottom: 0 !important; min-height: 54px; display: flex !important; align-items: center !important; padding: 0 !important; } /* Lost password link */ .elementor-628 .elementor-element.elementor-element-00bd5ac form.woocommerce-form-login .lost_password a { font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; color: #101010 !important; text-decoration: underline !important; text-underline-offset: 3px; transition: color 0.25s ease !important; } /* Lost password hover */ .elementor-628 .elementor-element.elementor-element-00bd5ac form.woocommerce-form-login .lost_password a:hover { color: #3B8763 !important; } /* ========================================================= 6. ACTIVE FORM FIELDS ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce input.input-text:focus, .elementor-628 .elementor-element.elementor-element-00bd5ac input[type="text"]:focus, .elementor-628 .elementor-element.elementor-element-00bd5ac input[type="email"]:focus, .elementor-628 .elementor-element.elementor-element-00bd5ac input[type="password"]:focus { border-color: #194230 !important; outline: none !important; box-shadow: 0 0 0 1px #194230 !important; } /* ========================================================= 7. REGISTRATION PRIVACY TEXT ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac form.woocommerce-form-register .woocommerce-privacy-policy-text { margin-bottom: 28px !important; } /* ========================================================= 8. MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-628 .elementor-element.elementor-element-00bd5ac { --column-gap: 50px; --button-width: 100%; } .elementor-628 .elementor-element.elementor-element-00bd5ac #customer_login { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; flex-direction: column !important; gap: var(--column-gap) !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac #customer_login > .u-column1, .elementor-628 .elementor-element.elementor-element-00bd5ac #customer_login > .u-column2 { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } /* Full-width buttons */ .elementor-628 .elementor-element.elementor-element-00bd5ac form.woocommerce-form-login button.woocommerce-form-login__submit, .elementor-628 .elementor-element.elementor-element-00bd5ac form.woocommerce-form-register button.woocommerce-form-register__submit { width: 100% !important; min-width: 100% !important; } /* Lost password below Login button */ .elementor-628 .elementor-element.elementor-element-00bd5ac form.woocommerce-form-login .lost_password { margin-top: 14px !important; margin-left: 0 !important; margin-bottom: 0 !important; min-height: 0; } } /* ========================================================= MYTREKI — MY ACCOUNT ORDERS DIVIDER-FREE NATIVE TABLE VERSION ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac { --green-dark: #194230; --green: #3B8763; --border: #DDE4E2; --soft-bg: #F3F3F3; --text: #101010; --card-radius: 12px; --table-padding: 28px; } /* ========================================================= 1. ORDERS TABLE ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table { width: 100% !important; margin: 0 !important; background: #FFFFFF !important; border: 1px solid var(--border) !important; border-radius: var(--card-radius) !important; border-collapse: separate !important; border-spacing: 0 !important; table-layout: fixed !important; overflow: hidden !important; box-shadow: none !important; font-family: "Poppins", sans-serif !important; box-sizing: border-box !important; } /* ========================================================= 2. GREY HEADER ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table thead, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table thead tr { background: var(--soft-bg) !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table thead th { padding: 15px var(--table-padding) !important; margin: 0 !important; background: transparent !important; border: none !important; border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; outline: none !important; box-shadow: none !important; font-family: "Poppins", sans-serif !important; font-size: 16px !important; line-height: 1.3 !important; font-weight: 600 !important; color: var(--text) !important; text-align: left !important; vertical-align: middle !important; box-sizing: border-box !important; } /* ========================================================= 3. ORDER NR. HEADER ========================================================= */ /* * Remove Elementor's left padding from this cell. * We position the actual title ourselves. */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table th.woocommerce-orders-table__header-order-number { padding-left: 0 !important; padding-inline-start: 0 !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table th.woocommerce-orders-table__header-order-number span { display: none !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table th.woocommerce-orders-table__header-order-number::after { content: "Order nr."; display: block !important; margin: 0 0 0 var(--table-padding) !important; padding: 0 !important; font-family: "Poppins", sans-serif !important; font-size: 16px !important; line-height: 1.3 !important; font-weight: 600 !important; color: var(--text) !important; } /* ========================================================= 4. HIDE ACTIONS / VIEW COLUMN ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table th.woocommerce-orders-table__header-order-actions, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions { display: none !important; } /* ========================================================= 5. BODY ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table tbody { background: #FFFFFF !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table tbody tr { background: #FFFFFF !important; border: none !important; outline: none !important; box-shadow: none !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table tbody td { padding: 20px var(--table-padding) !important; margin: 0 !important; background: #FFFFFF !important; background-image: none !important; border: none !important; border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; outline: none !important; box-shadow: none !important; font-family: "Poppins", sans-serif !important; font-size: 15px !important; line-height: 1.4 !important; font-weight: 400 !important; color: var(--text) !important; text-align: left !important; vertical-align: middle !important; box-sizing: border-box !important; } /* ========================================================= 6. REMOVE DIVIDERS THIS IS THE METHOD FROM THE WORKING VERSION ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table tbody tr, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table tbody tr:not(:last-child), .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table tbody tr td, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table tbody tr:not(:last-child) td { border-top: none !important; border-bottom: none !important; box-shadow: none !important; } /* First column specifically */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-number { border-top: none !important; border-bottom: none !important; box-shadow: none !important; } /* WooCommerce higher-specificity fallback */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce table.shop_table tbody tr, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce table.shop_table tbody tr td { border-top: none !important; border-bottom: none !important; box-shadow: none !important; } /* Odd/even Elementor rows */ .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab .woocommerce tbody > tr:nth-child(odd) > td, .elementor-628 .elementor-element.elementor-element-00bd5ac .e-my-account-tab .woocommerce tbody > tr:nth-child(even) > td { border-top: none !important; border-bottom: none !important; box-shadow: none !important; } /* ========================================================= 7. REMOVE DESKTOP RESPONSIVE LABELS ========================================================= */ @media (min-width: 768px) { .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table tbody td::before { display: none !important; content: none !important; } } /* ========================================================= 8. ORDER NUMBER COLUMN ========================================================= */ /* * Don't rely on cell padding here because Elementor * sets padding-inline-start: 0. */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table td.woocommerce-orders-table__cell-order-number { width: 24% !important; padding-top: 20px !important; padding-right: var(--table-padding) !important; padding-bottom: 20px !important; padding-left: 0 !important; padding-inline-start: 0 !important; text-align: left !important; border: none !important; box-shadow: none !important; } /* ========================================================= 9. ORDER NUMBER LINK SAME 28PX INSET AS "ORDER NR." ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table td.woocommerce-orders-table__cell-order-number a, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table a[href*="view-order"] { display: inline-block !important; position: static !important; margin: 0 0 0 var(--table-padding) !important; margin-inline-start: var(--table-padding) !important; padding: 0 !important; transform: none !important; font-family: "Poppins", sans-serif !important; font-size: 15px !important; line-height: 1.4 !important; font-weight: 600 !important; color: var(--green) !important; -webkit-text-fill-color: var(--green) !important; text-decoration-line: underline !important; text-decoration-style: solid !important; text-decoration-color: var(--green) !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; border: none !important; box-shadow: none !important; transition: color .2s ease, text-decoration-color .2s ease !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table td.woocommerce-orders-table__cell-order-number a:hover, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table a[href*="view-order"]:hover { color: var(--green-dark) !important; -webkit-text-fill-color: var(--green-dark) !important; text-decoration-color: var(--green-dark) !important; } /* ========================================================= 10. DATE ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table .woocommerce-orders-table__header-order-date, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table .woocommerce-orders-table__cell-order-date { width: 28% !important; text-align: left !important; } /* ========================================================= 11. STATUS ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table .woocommerce-orders-table__header-order-status, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table .woocommerce-orders-table__cell-order-status { width: 25% !important; text-align: left !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table .woocommerce-orders-table__cell-order-status { color: var(--text) !important; font-weight: 400 !important; } /* ========================================================= 12. TOTAL ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table .woocommerce-orders-table__header-order-total, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table .woocommerce-orders-table__cell-order-total { width: 23% !important; text-align: left !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table .woocommerce-orders-table__cell-order-total, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table .woocommerce-orders-table__cell-order-total .woocommerce-Price-amount { font-family: "Poppins", sans-serif !important; font-size: 15px !important; font-weight: 400 !important; color: var(--text) !important; } /* ========================================================= 13. NO HOVER EFFECT ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table tbody tr:hover, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table tbody tr:hover td { background: #FFFFFF !important; border-top: none !important; border-bottom: none !important; box-shadow: none !important; } /* ========================================================= 14. MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-628 .elementor-element.elementor-element-00bd5ac { --table-padding: 18px; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table { table-layout: auto !important; border-radius: 10px !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table tbody td { padding: 14px var(--table-padding) !important; font-size: 14px !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table td.woocommerce-orders-table__cell-order-number { padding-top: 14px !important; padding-right: 0 !important; padding-bottom: 14px !important; padding-left: 0 !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table td.woocommerce-orders-table__cell-order-number a, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-orders-table a[href*="view-order"] { margin-left: var(--table-padding) !important; margin-inline-start: var(--table-padding) !important; font-size: 14px !important; color: var(--green) !important; -webkit-text-fill-color: var(--green) !important; text-decoration: underline solid var(--green) !important; } } /* ========================================================= MYTREKI — MY ACCOUNT / OPENED ORDER ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac { --order-green-dark: #194230; --order-green: #3B8763; --order-border: #DDE4E2; --order-soft-bg: #F3F3F3; --order-text: #101010; --order-radius: 12px; --order-padding: 20px; } /* ========================================================= 1. ORDER INTRO TEXT ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-content > p:first-child { margin: 0 !important; padding: 0 !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; line-height: 1.6 !important; font-weight: 400 !important; color: var(--order-text) !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-content > p:first-child mark { padding: 0 !important; background: transparent !important; font-family: "Poppins", sans-serif !important; font-weight: 600 !important; color: var(--order-text) !important; } /* ========================================================= 2. ORDER DETAILS SECTION ADDED SPACE ABOVE ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details { width: 100% !important; margin: 42px 0 44px 0 !important; padding: 0 !important; } /* ========================================================= 3. ORDER DETAILS TITLE ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details .woocommerce-order-details__title { margin: 0 0 18px 0 !important; padding: 0 !important; font-family: "Poppins", sans-serif !important; font-size: 20px !important; line-height: 1.3 !important; font-weight: 600 !important; color: var(--order-green-dark) !important; } /* ========================================================= 4. ORDER DETAILS TABLE CARD ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details { width: 100% !important; margin: 0 !important; background: #fff !important; border: 1px solid var(--order-border) !important; border-radius: var(--order-radius) !important; border-collapse: separate !important; border-spacing: 0 !important; overflow: hidden !important; box-shadow: none !important; font-family: "Poppins", sans-serif !important; box-sizing: border-box !important; } /* ========================================================= 5. GREY TABLE HEADER ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details thead, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details thead tr { background: var(--order-soft-bg) !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details thead th { padding: 16px var(--order-padding) !important; background: transparent !important; border: none !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; line-height: 1.4 !important; font-weight: 600 !important; color: var(--order-text) !important; vertical-align: middle !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details thead th:first-child { text-align: left !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details thead th:last-child { text-align: right !important; } /* ========================================================= 6. PRODUCT ROW ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details tbody td { padding: 18px var(--order-padding) !important; background: #fff !important; border: none !important; border-bottom: 1px solid var(--order-border) !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; line-height: 1.5 !important; font-weight: 400 !important; color: var(--order-text) !important; vertical-align: middle !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details tbody td:last-child { text-align: right !important; } /* ========================================================= 7. PRODUCT LINK ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details .product-name a { font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; color: var(--order-text) !important; text-decoration: none !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details .product-name a:hover { color: var(--order-green) !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details .product-quantity { color: #6D6D6D !important; font-weight: 400 !important; } /* ========================================================= 8. TOTALS / PAYMENT ROWS ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details tfoot th, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details tfoot td { padding: 14px var(--order-padding) !important; background: #fff !important; border: none !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; line-height: 1.4 !important; color: var(--order-text) !important; vertical-align: middle !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details tfoot th { text-align: left !important; font-weight: 600 !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details tfoot td { text-align: right !important; font-weight: 400 !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details tfoot tr:first-child th, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details tfoot tr:first-child td { padding-top: 18px !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details tfoot tr:last-child th, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details tfoot tr:last-child td { padding-top: 18px !important; padding-bottom: 18px !important; border-top: 1px solid var(--order-border) !important; font-weight: 600 !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details tfoot tr:last-child th, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details tfoot tr:last-child td, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details tfoot tr:last-child .woocommerce-Price-amount { font-size: 15px !important; font-weight: 600 !important; } /* ========================================================= 9. REMOVE DEFAULT TABLE EFFECTS ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details tr, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details th, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details td { box-shadow: none !important; } /* ========================================================= 10. CUSTOMER DETAILS / ADDRESSES ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-customer-details { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-customer-details .woocommerce-columns { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 48px !important; margin: 0 !important; padding: 0 !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-customer-details .woocommerce-column { width: 100% !important; max-width: none !important; float: none !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 11. ADDRESS TITLES ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-customer-details .woocommerce-column__title { margin: 0 0 22px 0 !important; padding: 0 !important; font-family: "Poppins", sans-serif !important; font-size: 20px !important; line-height: 1.3 !important; font-weight: 600 !important; color: var(--order-green-dark) !important; } /* ========================================================= 12. ADDRESS TEXT ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-customer-details address { margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; line-height: 1.65 !important; font-weight: 400 !important; font-style: normal !important; color: var(--order-text) !important; } /* ========================================================= 13. PHONE + EMAIL ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-customer-details .woocommerce-customer-details--phone, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-customer-details .woocommerce-customer-details--email { margin: 6px 0 0 0 !important; padding: 0 !important; padding-left: 0 !important; font-family: "Poppins", sans-serif !important; font-size: 14px !important; line-height: 1.5 !important; font-weight: 400 !important; color: var(--order-text) !important; } /* ========================================================= 14. REMOVE PHONE + EMAIL ICONS ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-customer-details .woocommerce-customer-details--phone::before, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-customer-details .woocommerce-customer-details--email::before { content: none !important; display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-customer-details .woocommerce-customer-details--phone i, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-customer-details .woocommerce-customer-details--email i, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-customer-details .woocommerce-customer-details--phone svg, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-customer-details .woocommerce-customer-details--email svg { display: none !important; } /* ========================================================= 15. ADDRESS EDIT LINKS ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-customer-details .woocommerce-column__title a { font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; color: var(--order-green-dark) !important; text-decoration: underline !important; text-underline-offset: 2px !important; } /* ========================================================= 16. GENERAL LINKS ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-content .woocommerce-order-details a, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-content .woocommerce-customer-details a { transition: color .2s ease !important; } /* ========================================================= 17. TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-628 .elementor-element.elementor-element-00bd5ac { --order-padding: 18px; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-customer-details .woocommerce-columns { gap: 32px !important; } } /* ========================================================= 18. MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-628 .elementor-element.elementor-element-00bd5ac { --order-padding: 16px; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details { margin-top: 26px !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details .woocommerce-order-details__title, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-customer-details .woocommerce-column__title { font-size: 18px !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-customer-details .woocommerce-columns { display: flex !important; flex-direction: column !important; gap: 30px !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details thead th, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details tbody td, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details tfoot th, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-order-details table.woocommerce-table--order-details tfoot td { font-size: 13px !important; } } /* ========================================================= MYTREKI — MY ACCOUNT NAVIGATION ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-navigation { margin: 0 !important; padding: 0 !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-navigation ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-navigation ul li { margin: 0 0 22px 0 !important; padding: 0 !important; list-style: none !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-navigation ul li:last-child { margin-bottom: 0 !important; } /* LINK BASE */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-navigation ul li a { display: flex !important; align-items: center !important; gap: 16px !important; position: relative !important; margin: 0 !important; padding: 0 0 0 34px !important; font-family: "Poppins", sans-serif !important; font-size: 18px !important; line-height: 1.4 !important; font-weight: 400 !important; color: #101010 !important; text-decoration: none !important; transition: color 0.25s ease, font-weight 0.25s ease !important; } /* HOVER */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-navigation ul li a:hover { color: #194230 !important; } /* SMALL LINE PLACEHOLDER */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-navigation ul li a::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 6px !important; border-radius: 999px !important; background: #194230 !important; transition: width 0.25s ease !important; } /* ACTIVE ITEM */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-navigation ul li.is-active a, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-navigation ul li.is-active a:hover { color: #194230 !important; font-weight: 600 !important; } /* ACTIVE LINE */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-navigation ul li.is-active a::before { width: 18px !important; } /* OPTIONAL: slightly tighter spacing on mobile */ @media (max-width: 767px) { .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-navigation ul li { margin-bottom: 18px !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-navigation ul li a { font-size: 17px !important; padding-left: 30px !important; gap: 14px !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-navigation ul li.is-active a::before { width: 16px !important; } } /* ========================================================= MY ACCOUNT DASHBOARD LINKS ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-content p a { font-family: "Poppins", sans-serif !important; font-weight: 500 !important; color: #3B8763 !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-MyAccount-content p a:hover { color: #194230 !important; } /* ========================================================= ADDRESS EDIT LINKS ========================================================= */ .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-Address-title a, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-Addresses a.edit { font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; color: #3B8763 !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; } .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-Address-title a:hover, .elementor-628 .elementor-element.elementor-element-00bd5ac .woocommerce-Addresses a.edit:hover { color: #194230 !important; } /* ========================================================= MOBILE — MOVE LOGIN / REGISTER CLOSER TO PAGE TITLE ========================================================= */ @media (max-width: 767px) { .elementor-628 .elementor-element.elementor-element-00bd5ac #customer_login { margin-top: -40px !important; } }/* End custom CSS */