.elementor-39228 .elementor-element.elementor-element-40ac40a{--display:flex;--min-height:100vh;--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;--margin-top:8%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-39228 .elementor-element.elementor-element-5798a5c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-39228 .elementor-element.elementor-element-5798a5c.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-39228 .elementor-element.elementor-element-e3c0a77{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-39228 .elementor-element.elementor-element-e3c0a77:not(.elementor-motion-effects-element-type-background), .elementor-39228 .elementor-element.elementor-element-e3c0a77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2983c66 );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-39228 .elementor-element.elementor-element-9778bbc .elementor-icon-wrapper{text-align:center;}.elementor-39228 .elementor-element.elementor-element-9778bbc.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-kadence4 );}.elementor-39228 .elementor-element.elementor-element-9778bbc.elementor-view-framed .elementor-icon, .elementor-39228 .elementor-element.elementor-element-9778bbc.elementor-view-default .elementor-icon{color:var( --e-global-color-kadence4 );border-color:var( --e-global-color-kadence4 );}.elementor-39228 .elementor-element.elementor-element-9778bbc.elementor-view-framed .elementor-icon, .elementor-39228 .elementor-element.elementor-element-9778bbc.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-kadence4 );}.elementor-39228 .elementor-element.elementor-element-9778bbc.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-326af30 );}.elementor-39228 .elementor-element.elementor-element-9778bbc.elementor-view-framed .elementor-icon:hover, .elementor-39228 .elementor-element.elementor-element-9778bbc.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-326af30 );border-color:var( --e-global-color-326af30 );}.elementor-39228 .elementor-element.elementor-element-9778bbc.elementor-view-framed .elementor-icon:hover, .elementor-39228 .elementor-element.elementor-element-9778bbc.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-326af30 );}.elementor-39228 .elementor-element.elementor-element-9778bbc .elementor-icon{font-size:40px;}.elementor-39228 .elementor-element.elementor-element-9778bbc .elementor-icon svg{height:40px;}.elementor-39228 .elementor-element.elementor-element-19d499f{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-39228 .elementor-element.elementor-element-19d499f:not(.elementor-motion-effects-element-type-background), .elementor-39228 .elementor-element.elementor-element-19d499f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2983c66 );}.elementor-39228 .elementor-element.elementor-element-e6de1ae .elementor-icon-wrapper{text-align:center;}.elementor-39228 .elementor-element.elementor-element-e6de1ae.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-kadence4 );}.elementor-39228 .elementor-element.elementor-element-e6de1ae.elementor-view-framed .elementor-icon, .elementor-39228 .elementor-element.elementor-element-e6de1ae.elementor-view-default .elementor-icon{color:var( --e-global-color-kadence4 );border-color:var( --e-global-color-kadence4 );}.elementor-39228 .elementor-element.elementor-element-e6de1ae.elementor-view-framed .elementor-icon, .elementor-39228 .elementor-element.elementor-element-e6de1ae.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-kadence4 );}.elementor-39228 .elementor-element.elementor-element-e6de1ae.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-326af30 );}.elementor-39228 .elementor-element.elementor-element-e6de1ae.elementor-view-framed .elementor-icon:hover, .elementor-39228 .elementor-element.elementor-element-e6de1ae.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-326af30 );border-color:var( --e-global-color-326af30 );}.elementor-39228 .elementor-element.elementor-element-e6de1ae.elementor-view-framed .elementor-icon:hover, .elementor-39228 .elementor-element.elementor-element-e6de1ae.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-326af30 );}.elementor-39228 .elementor-element.elementor-element-e6de1ae .elementor-icon{font-size:40px;}.elementor-39228 .elementor-element.elementor-element-e6de1ae .elementor-icon svg{height:40px;}.elementor-39228 .elementor-element.elementor-element-f95923e{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-39228 .elementor-element.elementor-element-f95923e:not(.elementor-motion-effects-element-type-background), .elementor-39228 .elementor-element.elementor-element-f95923e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2983c66 );}.elementor-39228 .elementor-element.elementor-element-887dc0e .elementor-icon-wrapper{text-align:center;}.elementor-39228 .elementor-element.elementor-element-887dc0e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-kadence4 );}.elementor-39228 .elementor-element.elementor-element-887dc0e.elementor-view-framed .elementor-icon, .elementor-39228 .elementor-element.elementor-element-887dc0e.elementor-view-default .elementor-icon{color:var( --e-global-color-kadence4 );border-color:var( --e-global-color-kadence4 );}.elementor-39228 .elementor-element.elementor-element-887dc0e.elementor-view-framed .elementor-icon, .elementor-39228 .elementor-element.elementor-element-887dc0e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-kadence4 );}.elementor-39228 .elementor-element.elementor-element-887dc0e.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-326af30 );}.elementor-39228 .elementor-element.elementor-element-887dc0e.elementor-view-framed .elementor-icon:hover, .elementor-39228 .elementor-element.elementor-element-887dc0e.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-326af30 );border-color:var( --e-global-color-326af30 );}.elementor-39228 .elementor-element.elementor-element-887dc0e.elementor-view-framed .elementor-icon:hover, .elementor-39228 .elementor-element.elementor-element-887dc0e.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-326af30 );}.elementor-39228 .elementor-element.elementor-element-887dc0e .elementor-icon{font-size:40px;}.elementor-39228 .elementor-element.elementor-element-887dc0e .elementor-icon svg{height:40px;}.elementor-39228 .elementor-element.elementor-element-213824a{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-39228 .elementor-element.elementor-element-213824a:not(.elementor-motion-effects-element-type-background), .elementor-39228 .elementor-element.elementor-element-213824a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2983c66 );}.elementor-39228 .elementor-element.elementor-element-ad41e67 .elementor-icon-wrapper{text-align:center;}.elementor-39228 .elementor-element.elementor-element-ad41e67.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-kadence4 );}.elementor-39228 .elementor-element.elementor-element-ad41e67.elementor-view-framed .elementor-icon, .elementor-39228 .elementor-element.elementor-element-ad41e67.elementor-view-default .elementor-icon{color:var( --e-global-color-kadence4 );border-color:var( --e-global-color-kadence4 );}.elementor-39228 .elementor-element.elementor-element-ad41e67.elementor-view-framed .elementor-icon, .elementor-39228 .elementor-element.elementor-element-ad41e67.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-kadence4 );}.elementor-39228 .elementor-element.elementor-element-ad41e67.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-326af30 );}.elementor-39228 .elementor-element.elementor-element-ad41e67.elementor-view-framed .elementor-icon:hover, .elementor-39228 .elementor-element.elementor-element-ad41e67.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-326af30 );border-color:var( --e-global-color-326af30 );}.elementor-39228 .elementor-element.elementor-element-ad41e67.elementor-view-framed .elementor-icon:hover, .elementor-39228 .elementor-element.elementor-element-ad41e67.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-326af30 );}.elementor-39228 .elementor-element.elementor-element-ad41e67 .elementor-icon{font-size:40px;}.elementor-39228 .elementor-element.elementor-element-ad41e67 .elementor-icon svg{height:40px;}.elementor-39228 .elementor-element.elementor-element-37525cc{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-39228 .elementor-element.elementor-element-37525cc:not(.elementor-motion-effects-element-type-background), .elementor-39228 .elementor-element.elementor-element-37525cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2983c66 );}.elementor-39228 .elementor-element.elementor-element-a2ed45d .elementor-icon-wrapper{text-align:center;}.elementor-39228 .elementor-element.elementor-element-a2ed45d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-kadence4 );}.elementor-39228 .elementor-element.elementor-element-a2ed45d.elementor-view-framed .elementor-icon, .elementor-39228 .elementor-element.elementor-element-a2ed45d.elementor-view-default .elementor-icon{color:var( --e-global-color-kadence4 );border-color:var( --e-global-color-kadence4 );}.elementor-39228 .elementor-element.elementor-element-a2ed45d.elementor-view-framed .elementor-icon, .elementor-39228 .elementor-element.elementor-element-a2ed45d.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-kadence4 );}.elementor-39228 .elementor-element.elementor-element-a2ed45d.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-326af30 );}.elementor-39228 .elementor-element.elementor-element-a2ed45d.elementor-view-framed .elementor-icon:hover, .elementor-39228 .elementor-element.elementor-element-a2ed45d.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-326af30 );border-color:var( --e-global-color-326af30 );}.elementor-39228 .elementor-element.elementor-element-a2ed45d.elementor-view-framed .elementor-icon:hover, .elementor-39228 .elementor-element.elementor-element-a2ed45d.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-326af30 );}.elementor-39228 .elementor-element.elementor-element-a2ed45d .elementor-icon{font-size:40px;}.elementor-39228 .elementor-element.elementor-element-a2ed45d .elementor-icon svg{height:40px;}.elementor-39228 .elementor-element.elementor-element-0761ea8{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-39228 .elementor-element.elementor-element-0761ea8.e-con{--align-self:center;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a:hover{background-color:#E9E9E9;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button, .elementor-39228 .elementor-element.elementor-element-6ed03e3 #add_payment_method #payment #place_order{background-color:var( --e-global-color-326af30 );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button:hover, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button:hover, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button:hover, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button:hover, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button:hover, .elementor-39228 .elementor-element.elementor-element-6ed03e3 #add_payment_method #payment #place_order:hover{background-color:var( --e-global-color-kadence9 );}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .order-again .button, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-pagination .button, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom).e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button{background-color:var( --e-global-color-326af30 );border-width:1px 1px 1px 1px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button:hover, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .order-again .button:hover, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-pagination .button:hover, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom).e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button:hover{background-color:var( --e-global-color-326af30 );}.elementor-39228 .elementor-element.elementor-element-6ed03e3 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-39228 .elementor-element.elementor-element-6ed03e3.elementor-element{--align-self:center;}.elementor-39228 .elementor-element.elementor-element-6ed03e3{--tab-content-spacing:5%;--tabs-alignment:center;--tabs-hover-color:var( --e-global-color-326af30 );--tabs-active-color:var( --e-global-color-326af30 );--tabs-border-type:none;--tabs-border-radius:10px 10px 10px 10px;--tabs-spacing:5px;--tabs-divider-weight:0px;--sections-background-color:#F5F4EF;--sections-border-type:none;--sections-border-radius:10px 10px 10px 10px;--sections-padding:20px 20px 20px 20px;--edit-link-margin-top:20px;--edit-link-margin-start:20px;--section-title-spacing:2%;--links-normal-color:var( --e-global-color-326af30 );--links-hover-color:var( --e-global-color-290bdf3 );--forms-columns-gap-padding-right:calc( 15px/2 );--forms-columns-gap-padding-left:calc( 15px/2 );--forms-columns-gap-margin-left:calc( -15px/2 );--forms-columns-gap-margin-right:calc( -15px/2 );--forms-rows-gap:14px;--forms-labels-color:var( --e-global-color-47321609 );--forms-label-spacing:17px;--forms-fields-border-radius:0px 0px 0px 0px;--forms-fields-padding:10px 10px 10px 10px;--forms-buttons-normal-text-color:var( --e-global-color-kadence9 );--forms-buttons-hover-text-color:var( --e-global-color-326af30 );--forms-buttons-border-radius:10px 10px 10px 10px;--forms-buttons-padding:0px 0px 0px 0px;--order-summary-rows-gap-top:calc( 2px/2 );--order-summary-rows-gap-bottom:calc( 2px/2 );--tables-links-normal-color:var( --e-global-color-47321609 );--tables-links-hover-color:var( --e-global-color-47321609 );--tables-divider-border-type:none;--tables-button-normal-text-color:var( --e-global-color-kadence9 );--tables-buttons-border-type:solid;--tables-button-border-radius:10px 10px 10px 10px;--tables-button-padding:10px 30px 10px 30px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-family:"Poppins", Roboto;font-size:14px;font-weight:500;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab__edit-address .woocommerce-Address address{padding-top:calc( 20px + 40px );}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .woocommerce-pagination{padding-bottom:20px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-family:"Poppins", Roboto;font-size:16px;line-height:100px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .woocommerce-MyAccount-content > div > p, .elementor-39228 .elementor-element.elementor-element-6ed03e3 address, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .woocommerce-EditAccountForm fieldset legend, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .woocommerce-ResetPassword p:nth-child(1), .elementor-39228 .elementor-element.elementor-element-6ed03e3 .woocommerce-OrderUpdate{font-family:"Poppins", Roboto;font-size:14px;line-height:30px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register p:not([class]), .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce em{font-family:"Poppins", Roboto;font-size:14px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .woocommerce-form__label-for-checkbox span{font-family:"Poppins", Roboto;font-size:14px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .woocommerce-PaymentMethod .input-radio + label{font-family:"Poppins", Roboto;font-size:14px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .woocommerce-form-row label, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .woocommerce-address-fields label{font-family:"Poppins", Roboto;font-size:14px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select, .elementor-39228 .elementor-element.elementor-element-6ed03e3 ::placeholder, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .select2-container--default .select2-selection--single, .select2-results__option, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab__payment-methods input[type=text]{font-family:"Poppins", Roboto;font-size:14px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:calc( (10px*2) + 16px );padding-left:10px;padding-right:10px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single .select2-selection__arrow{height:calc( (10px*2) + 16px );right:10px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single{height:auto;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 button.button, .elementor-39228 .elementor-element.elementor-element-6ed03e3 #add_payment_method #payment #place_order{font-family:"Poppins", Roboto;font-size:14px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .order_details thead th, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .order_details tfoot td, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .order_details tfoot th, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .nobr{font-family:"Poppins", Roboto;font-size:16px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab__orders tbody td, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab__downloads tbody td, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .product-quantity, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .woocommerce-table--order-downloads tbody td, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .woocommerce-table--order-details td a, .elementor-39228 .elementor-element.elementor-element-6ed03e3 td.product-total, .elementor-39228 .elementor-element.elementor-element-6ed03e3 td.payment-method-method, .elementor-39228 .elementor-element.elementor-element-6ed03e3 td.payment-method-expires{font-family:"Poppins", Roboto;font-size:14px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .wc-item-meta{font-family:"Poppins", Roboto;font-size:16px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .shop_table .button, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .order-again .button, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .woocommerce-pagination .button, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button{font-family:"Poppins", Roboto;font-size:12px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .shop_table .button:hover, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .woocommerce-pagination .button:hover, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .order-again .button:hover, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab__payment-methods .woocommerce .woocommerce-MyAccount-content-wrapper .button:hover{color:var( --e-global-color-kadence9 );}.elementor-39228 .elementor-element.elementor-element-6ed03e3 {--tables-buttons-border-color:var( --e-global-color-326af30 );}.elementor-39228 .elementor-element.elementor-element-360b661{--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;}.elementor-39228 .elementor-element.elementor-element-83d6d62{--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;}.elementor-39228 .elementor-element.elementor-element-0d9f133{--display:flex;--min-height:24px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-39228 .elementor-element.elementor-element-0d9f133.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Roboto;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-39228 .elementor-element.elementor-element-22e4245 .elementor-button{background-color:var( --e-global-color-326af30 );font-family:"Poppins", Roboto;font-size:18px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:14px;letter-spacing:0px;fill:#F2FCFE;color:#F2FCFE;box-shadow:4px 5px 14px 0px rgba(0, 0, 0, 0.2);border-style:none;border-radius:100px 100px 100px 100px;padding:10px 10px 10px 10px;}.elementor-39228 .elementor-element.elementor-element-22e4245 .elementor-button:hover, .elementor-39228 .elementor-element.elementor-element-22e4245 .elementor-button:focus{background-color:var( --e-global-color-kadence9 );color:var( --e-global-color-326af30 );border-color:#0396C2;}.elementor-39228 .elementor-element.elementor-element-22e4245 .elementor-button:hover svg, .elementor-39228 .elementor-element.elementor-element-22e4245 .elementor-button:focus svg{fill:var( --e-global-color-326af30 );}@media(max-width:1024px){.elementor-39228 .elementor-element.elementor-element-6ed03e3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3{--tab-content-spacing:30px;--tabs-alignment:center;--tabs-spacing:5px;--tabs-divider-weight:0px;--forms-columns-gap-padding-right:calc( 0px/2 );--forms-columns-gap-padding-left:calc( 0px/2 );--forms-columns-gap-margin-left:calc( -0px/2 );--forms-columns-gap-margin-right:calc( -0px/2 );--forms-rows-gap:14px;--forms-buttons-border-radius:100px 100px 100px 100px;}.elementor-39228 .elementor-element.elementor-element-0d9f133{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-39228 .elementor-element.elementor-element-0d9f133.e-con{--align-self:stretch;}.elementor-39228 .elementor-element.elementor-element-22e4245 .elementor-button{border-radius:100px 100px 100px 100px;}}@media(min-width:768px){.elementor-39228 .elementor-element.elementor-element-40ac40a{--content-width:1140px;}.elementor-39228 .elementor-element.elementor-element-5798a5c{--width:100%;}.elementor-39228 .elementor-element.elementor-element-e3c0a77{--width:85px;}.elementor-39228 .elementor-element.elementor-element-19d499f{--width:85px;}.elementor-39228 .elementor-element.elementor-element-f95923e{--width:85px;}.elementor-39228 .elementor-element.elementor-element-213824a{--width:85px;}.elementor-39228 .elementor-element.elementor-element-37525cc{--width:85px;}.elementor-39228 .elementor-element.elementor-element-0761ea8{--width:100%;}.elementor-39228 .elementor-element.elementor-element-360b661{--content-width:100vw;}.elementor-39228 .elementor-element.elementor-element-0d9f133{--width:100%;}}@media(max-width:767px){.elementor-39228 .elementor-element.elementor-element-40ac40a{--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;--margin-top:8%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-39228 .elementor-element.elementor-element-5798a5c{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-39228 .elementor-element.elementor-element-e3c0a77{--width:18%;}.elementor-39228 .elementor-element.elementor-element-9778bbc .elementor-icon{font-size:32px;}.elementor-39228 .elementor-element.elementor-element-9778bbc .elementor-icon svg{height:32px;}.elementor-39228 .elementor-element.elementor-element-19d499f{--width:18%;}.elementor-39228 .elementor-element.elementor-element-e6de1ae .elementor-icon{font-size:32px;}.elementor-39228 .elementor-element.elementor-element-e6de1ae .elementor-icon svg{height:32px;}.elementor-39228 .elementor-element.elementor-element-f95923e{--width:18%;}.elementor-39228 .elementor-element.elementor-element-887dc0e .elementor-icon{font-size:32px;}.elementor-39228 .elementor-element.elementor-element-887dc0e .elementor-icon svg{height:32px;}.elementor-39228 .elementor-element.elementor-element-213824a{--width:18%;}.elementor-39228 .elementor-element.elementor-element-ad41e67 .elementor-icon{font-size:32px;}.elementor-39228 .elementor-element.elementor-element-ad41e67 .elementor-icon svg{height:32px;}.elementor-39228 .elementor-element.elementor-element-37525cc{--width:18%;}.elementor-39228 .elementor-element.elementor-element-a2ed45d .elementor-icon{font-size:32px;}.elementor-39228 .elementor-element.elementor-element-a2ed45d .elementor-icon svg{height:32px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3{width:100%;max-width:100%;--tab-content-spacing:20px;--tabs-alignment:center;--section-title-spacing:18px;--forms-buttons-border-radius:100px 100px 100px 100px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .wc-item-meta{font-size:16px;}.elementor-39228 .elementor-element.elementor-element-6ed03e3 .shop_table .button, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .order-again .button, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .woocommerce-pagination .button, .elementor-39228 .elementor-element.elementor-element-6ed03e3 .e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button{font-size:14px;}.elementor-39228 .elementor-element.elementor-element-0d9f133{--width:100%;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;}.elementor-39228 .elementor-element.elementor-element-22e4245 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-39228 .elementor-element.elementor-element-22e4245 .elementor-button{border-radius:100px 100px 100px 100px;padding:10px 10px 10px 10px;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-6ed03e3 *//* ============================================================= MMT CARE — WOOCOMMERCE MY ACCOUNT MASTER STYLESHEET ============================================================= */ /* ============================================================= 1. DESIGN SYSTEM ============================================================= */ :root { /* Brand */ --mmt-teal: #12827e; --mmt-teal-dark: #0d6b68; /* Status */ --mmt-red: #d92d20; --mmt-red-dark: #b42318; --mmt-warning: #e6a000; /* Text */ --mmt-heading: #1f2937; --mmt-text: #475467; --mmt-muted: #667085; /* Surfaces */ --mmt-white: #ffffff; --mmt-black: #000000; --mmt-card: #f7f6f2; --mmt-row-hover: #f7f6f2; /* Borders */ --mmt-line: #dedbd5; --mmt-input-border: #cbd5e1; /* Radius */ --mmt-radius: 10px; --mmt-radius-inner: 12px; --mmt-radius-card: 16px; --mmt-radius-card-mobile: 13px; /* Shadows */ --mmt-card-shadow: 0 8px 24px rgba(31, 41, 55, 0.06); --mmt-teal-shadow: 0 4px 10px rgba(18, 130, 126, 0.20); /* Widths */ --mmt-edit-billing-width: 760px; } /* ============================================================= 2. GLOBAL WOOCOMMERCE CLEAN-UP ============================================================= */ /* Hide WooCommerce account navigation */ .woocommerce-MyAccount-navigation { display: none !important; } /* Hide unnecessary headings / elements */ .woocommerce-orders-table__header-order-actions, .order-again, strong.product-quantity, .woocommerce h2 { display: none !important; } /* Remove WooCommerce notice icon */ .woocommerce-info::before { content: none !important; display: none !important; } /* Hide Download table columns */ th.download-expires, th.download-remaining, td.download-expires, td.download-remaining { display: none !important; } /* Hide mobile-style labels on desktop */ td.download-product::before, td.download-file::before { display: none !important; } /* Login — hide Remember Me */ .woocommerce-form-login .woocommerce-form__label-for-checkbox, .woocommerce-form-login .woocommerce-form__input-checkbox { display: none !important; } /* Hide customer billing/shipping details below individual orders */ .woocommerce-MyAccount-content .woocommerce-customer-details { display: none !important; } /* ============================================================= 3. MY ACCOUNT MAIN LAYOUT ============================================================= */ .woocommerce-MyAccount-content { float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .woocommerce-MyAccount-content-wrapper { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 20px !important; box-sizing: border-box !important; } /* Generic WooCommerce action container */ .actions { display: flex; align-items: center; justify-content: space-between; } /* ============================================================= 4. SHARED ACCOUNT CARD DESIGN ============================================================= */ /* * This is the main visual language used throughout MMT Care: * * - Cream background * - 4px teal top line * - Rounded corners * - Soft shadow */ .mmt-dashboard, .woocommerce-account form.woocommerce-EditAccountForm.edit-account, .woocommerce-Address, .woocommerce-MyAccount-content-wrapper:has( .woocommerce-address-fields ), .woocommerce-MyAccount-content-wrapper:has( table.woocommerce-orders-table ), .woocommerce-MyAccount-content-wrapper:has( table.woocommerce-table--order-downloads ), .woocommerce-orders .woocommerce-MyAccount-content-wrapper:has( .woocommerce-info ), .woocommerce-downloads .woocommerce-MyAccount-content-wrapper:has( .woocommerce-info ), .woocommerce-MyAccount-content:has( .woocommerce-order-details ) { box-sizing: border-box !important; background-color: var(--mmt-card) !important; border: none !important; border-top: 4px solid var(--mmt-teal) !important; border-radius: var(--mmt-radius-card) !important; box-shadow: var(--mmt-card-shadow) !important; } /* ============================================================= 5. MY ACCOUNT PAGE TITLES ============================================================= */ .mmt-account-page-title { display: block; margin: 0 0 28px !important; padding: 0 !important; color: var(--mmt-teal); font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.16em; text-transform: uppercase; } /* ============================================================= 6. DISABLE PRODUCT LINKS ============================================================= */ /* Download product names */ td.download-product a { color: #999 !important; cursor: default; pointer-events: none; text-decoration: none !important; } /* Product links inside Order Details */ td.woocommerce-table__product-name.product-name a { color: inherit !important; cursor: default; pointer-events: none; text-decoration: none !important; } /* ============================================================= 7. ORDERS TABLE ============================================================= */ table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table { width: 100% !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box !important; } /* Order row */ .woocommerce-orders-table tbody th, .woocommerce-orders-table tbody td { padding-top: 14px !important; padding-bottom: 14px !important; vertical-align: middle !important; border-bottom: 1px solid var(--mmt-line) !important; transition: background-color 0.2s ease; } /* Final row — no separator */ .woocommerce-orders-table tbody tr:last-child th, .woocommerce-orders-table tbody tr:last-child td { border-bottom: none !important; } /* Hover entire row */ .woocommerce-orders-table tbody tr:hover th, .woocommerce-orders-table tbody tr:hover td { background-color: var(--mmt-row-hover); } /* Status column */ .woocommerce-orders-table__cell-order-status { padding-right: 18px !important; white-space: nowrap; } /* Pending payment status */ .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status { color: #9a6700; font-weight: 600; } /* Warning icon */ .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status::after { content: "⚠"; display: inline-block; margin-left: 6px; color: var(--mmt-warning); font-size: 18px; font-weight: 400; line-height: 1; vertical-align: middle; } /* Order total */ .woocommerce-orders-table__header-order-total, .woocommerce-orders-table__cell-order-total { text-align: right !important; font-variant-numeric: tabular-nums; } /* ============================================================= 8. ORDER LIST — ACTION BUTTONS ============================================================= */ table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions { display: flex !important; flex-direction: column; align-items: flex-end; justify-content: center; gap: 10px; } /* Shared button structure */ table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions > a.button { display: flex !important; align-items: center; justify-content: center; width: 115px !important; min-width: 115px !important; height: 26px !important; min-height: 26px !important; margin: 0 !important; padding: 4px 12px !important; box-sizing: border-box; border-radius: var(--mmt-radius); font-size: 15px !important; line-height: 1 !important; white-space: nowrap; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } /* PAY */ table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions > a.button.pay { background-color: var(--mmt-teal) !important; color: var(--mmt-white) !important; border: 1px solid var(--mmt-teal) !important; } /* VIEW */ table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions > a.button.view { background-color: transparent !important; color: var(--mmt-teal) !important; border: 1px solid var(--mmt-teal) !important; } /* CANCEL */ table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions > a.button.cancel { background-color: transparent !important; color: var(--mmt-red-dark) !important; border: 1px solid var(--mmt-red) !important; } /* ============================================================= 9. ORDER LIST — BUTTON HOVERS ============================================================= */ @media (hover: hover) { /* Pay */ table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions > a.button.pay:hover { background-color: var(--mmt-teal-dark) !important; border-color: var(--mmt-teal-dark) !important; color: var(--mmt-white) !important; box-shadow: 0 4px 10px rgba(18, 130, 126, 0.25); transform: translateY(-1px); } /* View */ table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions > a.button.view:hover { background-color: var(--mmt-teal) !important; border-color: var(--mmt-teal) !important; color: var(--mmt-white) !important; box-shadow: var(--mmt-teal-shadow); transform: translateY(-1px); } /* Cancel */ table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions > a.button.cancel:hover { background-color: var(--mmt-red) !important; border-color: var(--mmt-red) !important; color: var(--mmt-white) !important; box-shadow: 0 4px 10px rgba(217, 45, 32, 0.20); transform: translateY(-1px); } } /* ============================================================= 10. DOWNLOADS TABLE ============================================================= */ table.woocommerce-table--order-downloads { width: 100%; border-collapse: collapse; } /* Download button column */ th.download-file { width: 170px !important; white-space: nowrap !important; } /* Product column */ td.download-product { white-space: nowrap !important; } /* Download rows */ table.woocommerce-table--order-downloads tbody td { padding-top: 10px !important; padding-bottom: 10px !important; border-bottom: 1px solid var(--mmt-line) !important; } /* Last row */ table.woocommerce-table--order-downloads tbody tr:last-child td { border-bottom: none !important; } /* ============================================================= 11. CERTIFICATE DOWNLOAD BUTTON ============================================================= */ a.woocommerce-MyAccount-downloads-file.button.alt { display: inline-flex !important; align-items: center; justify-content: center; min-width: 160px; height: 36px; padding: 4px 14px !important; box-sizing: border-box; background-color: transparent !important; color: var(--mmt-teal) !important; border: 1px solid var(--mmt-teal) !important; border-radius: var(--mmt-radius); white-space: nowrap !important; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } @media (hover: hover) { a.woocommerce-MyAccount-downloads-file.button.alt:hover { background-color: var(--mmt-teal) !important; border-color: var(--mmt-teal) !important; color: var(--mmt-white) !important; box-shadow: var(--mmt-teal-shadow); transform: translateY(-1px); } } /* ============================================================= 12. EMPTY ORDERS + EMPTY DOWNLOADS ============================================================= */ /* * The OUTER wrapper already receives the same: * * cream background * 4px teal line * 16px radius * shadow * * from Section 4. * * This section styles WooCommerce's message inside the card. */ /* Remove WooCommerce notice styling */ .woocommerce-orders .woocommerce-MyAccount-content .woocommerce-info, .woocommerce-downloads .woocommerce-MyAccount-content .woocommerce-info { display: flex !important; align-items: center; justify-content: space-between; gap: 20px; width: 100% !important; margin: 0 !important; padding: 20px !important; box-sizing: border-box; background-color: var(--mmt-white) !important; color: var(--mmt-text) !important; border: 1px solid var(--mmt-line) !important; border-top: 1px solid var(--mmt-line) !important; border-radius: var(--mmt-radius-inner) !important; font-size: 15px !important; font-weight: 400; line-height: 1.6; } /* Ensure notice icon never appears */ .woocommerce-orders .woocommerce-info::before, .woocommerce-downloads .woocommerce-info::before { content: none !important; display: none !important; } /* Browse products button */ .woocommerce-orders .woocommerce-info a.button.wc-forward, .woocommerce-downloads .woocommerce-info a.button.wc-forward, .woocommerce-orders .woocommerce-info a.button.wc-forward.wp-element-button, .woocommerce-downloads .woocommerce-info a.button.wc-forward.wp-element-button { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 auto; width: auto !important; min-width: 145px; min-height: 38px; margin: 0 !important; padding: 8px 18px !important; box-sizing: border-box; background-color: transparent !important; color: var(--mmt-teal) !important; border: 1px solid var(--mmt-teal) !important; border-radius: var(--mmt-radius) !important; box-shadow: none !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } @media (hover: hover) { .woocommerce-orders .woocommerce-info a.button.wc-forward:hover, .woocommerce-downloads .woocommerce-info a.button.wc-forward:hover { background-color: var(--mmt-teal) !important; border-color: var(--mmt-teal) !important; color: var(--mmt-white) !important; box-shadow: var(--mmt-teal-shadow) !important; transform: translateY(-1px); } } /* ============================================================= 13. INDIVIDUAL ORDER DETAILS ============================================================= */ /* Remove styling from parent wrapper */ .woocommerce-MyAccount-content-wrapper:has( .woocommerce-order-details ) { padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Main order card */ .woocommerce-MyAccount-content:has( .woocommerce-order-details ) { width: min(680px, calc(100vw - 32px)) !important; max-width: 680px !important; margin-right: auto !important; margin-left: auto !important; padding: 28px !important; } /* Order information inner card */ .woocommerce-MyAccount-content:has( .woocommerce-order-details ) .woocommerce-order-details { margin-top: 24px; padding: 20px; box-sizing: border-box; background-color: var(--mmt-white); border: 1px solid var(--mmt-line); border-radius: var(--mmt-radius-inner); } /* Order-details table */ .woocommerce-MyAccount-content:has( .woocommerce-order-details ) .woocommerce-order-details table { margin: 0 !important; background-color: transparent !important; } /* Old background override */ .woocommerce-table.woocommerce-table--order-details.shop_table.order_details { background-color: transparent; } /* Order title */ .woocommerce-MyAccount-content:has( .woocommerce-order-details ) .mmt-account-page-title { margin-bottom: 28px !important; } /* ============================================================= 14. INDIVIDUAL ORDER — PAY / CANCEL ============================================================= */ .woocommerce-table--order-details a.woocommerce-button.button.pay, .woocommerce-table--order-details a.woocommerce-button.button.cancel { display: flex !important; align-items: center; justify-content: center; width: 115px !important; min-width: 115px !important; height: 26px !important; min-height: 26px !important; margin: 0 !important; padding: 4px 12px !important; box-sizing: border-box; border-radius: var(--mmt-radius); font-size: 15px !important; line-height: 1 !important; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } /* Pay */ .woocommerce-table--order-details a.woocommerce-button.button.pay { margin-bottom: 10px !important; background-color: var(--mmt-teal) !important; color: var(--mmt-white) !important; border: 1px solid var(--mmt-teal) !important; } /* Cancel */ .woocommerce-table--order-details a.woocommerce-button.button.cancel { background-color: transparent !important; color: var(--mmt-red-dark) !important; border: 1px solid var(--mmt-red) !important; } @media (hover: hover) { .woocommerce-table--order-details a.woocommerce-button.button.pay:hover { background-color: var(--mmt-teal-dark) !important; border-color: var(--mmt-teal-dark) !important; color: var(--mmt-white) !important; box-shadow: 0 4px 10px rgba(18, 130, 126, 0.25); transform: translateY(-1px); } .woocommerce-table--order-details a.woocommerce-button.button.cancel:hover { background-color: var(--mmt-red) !important; border-color: var(--mmt-red) !important; color: var(--mmt-white) !important; box-shadow: 0 4px 10px rgba(217, 45, 32, 0.20); transform: translateY(-1px); } } /* ============================================================= 15. GENERAL WOOCOMMERCE BUTTONS ============================================================= */ button.woocommerce-Button.button, button.button { width: 200px; height: 26px; border-radius: var(--mmt-radius); transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; } button.woocommerce-Button.button:hover, button.button:hover { background-color: var(--mmt-white); border: 1px solid var(--mmt-teal); } /* ============================================================= 16. LOGIN FORM ============================================================= */ .woocommerce-form-login { display: block; float: none; width: 480px !important; max-width: 100%; margin: 0 auto; box-sizing: border-box; } /* Login inputs */ .woocommerce form .woocommerce-Input.input-text { width: 100%; background-color: var(--mmt-white) !important; color: var(--mmt-black); border: 1px solid var(--mmt-black); border-radius: 8px; transition: border-color 0.3s ease; } .woocommerce form .woocommerce-Input.input-text:focus { border-color: var(--mmt-teal); outline: none; } /* Login button */ .woocommerce-button.button.woocommerce-form-login__submit { display: block; width: 200px; height: 30px; margin: auto; background-color: var(--mmt-teal); color: var(--mmt-white); border: 1px solid var(--mmt-teal); border-radius: var(--mmt-radius); font-size: 18px; font-weight: 600; } .woocommerce-button.button.woocommerce-form-login__submit:hover { background-color: var(--mmt-teal-dark); border-color: var(--mmt-teal-dark); color: var(--mmt-white); } /* ============================================================= 17. UPGRADED ACCOUNT DASHBOARD ============================================================= */ /* Hide WooCommerce default dashboard paragraphs */ .mmt-account-dashboard .woocommerce-MyAccount-content > p:nth-of-type(1), .mmt-account-dashboard .woocommerce-MyAccount-content > p:nth-of-type(2), .mmt-account-dashboard .woocommerce-MyAccount-content-wrapper > p:nth-of-type(1), .mmt-account-dashboard .woocommerce-MyAccount-content-wrapper > p:nth-of-type(2) { display: none !important; } /* Remove old wrapper card */ .mmt-account-dashboard .woocommerce-MyAccount-content-wrapper { padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Dashboard */ .mmt-dashboard { width: 100%; padding: 28px; } /* Header */ .mmt-dashboard__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 22px; border-bottom: 1px solid var(--mmt-line); } .mmt-dashboard__header > div { display: flex; flex-direction: column; gap: 0; } /* Eyebrow */ .mmt-dashboard__eyebrow { display: block; margin: 0 !important; padding: 0 !important; color: var(--mmt-teal); font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } /* Dashboard title */ .woocommerce .mmt-dashboard__title { display: block !important; margin: 0 !important; padding: 0 !important; color: var(--mmt-heading); font-size: 25px; font-weight: 700; line-height: 1.25; } /* Intro */ .mmt-dashboard__intro { margin: 8px 0 0 !important; padding: 0 !important; color: var(--mmt-muted); font-size: 15px; line-height: 1.6; } /* Logout */ .mmt-dashboard__logout { display: inline-flex; align-items: center; justify-content: center; min-width: 82px; min-height: 34px; padding: 5px 14px; box-sizing: border-box; color: var(--mmt-muted) !important; background-color: transparent; border: 1px solid #cfd4dc; border-radius: 9px; font-size: 14px; font-weight: 600; text-decoration: none !important; transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease; } /* ============================================================= 18. DASHBOARD SUMMARY CARDS ============================================================= */ .mmt-dashboard__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 24px; } .mmt-dashboard__stat { display: flex; flex-direction: column; min-height: 132px; padding: 18px; box-sizing: border-box; background-color: var(--mmt-white); border: 1px solid #e4e2dc; border-radius: 14px; transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .mmt-dashboard__stat--attention { background-color: #fffaf0; border-color: #efc75e; } .mmt-dashboard__stat-label { color: var(--mmt-muted); font-size: 13px; font-weight: 600; } .mmt-dashboard__stat-value { display: block; margin-top: 8px; color: var(--mmt-heading); font-size: 30px; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; } .mmt-dashboard__stat-value--order { color: var(--mmt-teal); font-size: 23px; } .mmt-dashboard__stat-note { display: block; margin-top: auto; padding-top: 14px; color: var(--mmt-muted); font-size: 12px; line-height: 1.45; } /* Clickable dashboard cards */ a.mmt-dashboard__stat--link { color: inherit !important; text-decoration: none !important; cursor: pointer; } /* ============================================================= 19. DASHBOARD QUICK ACTIONS ============================================================= */ .mmt-dashboard__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; } .mmt-dashboard__button { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 7px 18px; box-sizing: border-box; border-radius: var(--mmt-radius); font-size: 14px; font-weight: 700; line-height: 1; text-decoration: none !important; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } /* Primary */ .mmt-dashboard__button--primary { color: var(--mmt-white) !important; background-color: var(--mmt-teal); border: 1px solid var(--mmt-teal); } /* Secondary */ .mmt-dashboard__button--secondary { color: var(--mmt-teal) !important; background-color: transparent; border: 1px solid var(--mmt-teal); } /* Latest order */ .mmt-dashboard__latest-link { display: inline-block; margin-top: 18px; color: var(--mmt-teal) !important; font-size: 14px; font-weight: 700; text-decoration: none !important; } /* ============================================================= 20. DASHBOARD HOVER ============================================================= */ @media (hover: hover) { .mmt-dashboard__stat:hover, a.mmt-dashboard__stat--link:hover { border-color: rgba(18, 130, 126, 0.45) !important; box-shadow: 0 7px 18px rgba(31, 41, 55, 0.07); transform: translateY(-2px); } .mmt-dashboard__logout:hover { color: var(--mmt-white) !important; background-color: var(--mmt-muted); border-color: var(--mmt-muted); } .mmt-dashboard__button--primary:hover { color: var(--mmt-white) !important; background-color: var(--mmt-teal-dark); border-color: var(--mmt-teal-dark); box-shadow: 0 4px 10px rgba(18, 130, 126, 0.25); transform: translateY(-1px); } .mmt-dashboard__button--secondary:hover { color: var(--mmt-white) !important; background-color: var(--mmt-teal); border-color: var(--mmt-teal); box-shadow: var(--mmt-teal-shadow); transform: translateY(-1px); } .mmt-dashboard__latest-link:hover { color: var(--mmt-teal-dark) !important; text-decoration: underline !important; text-underline-offset: 4px; } } /* ============================================================= 21. EDIT ACCOUNT ============================================================= */ /* Remove old outer wrapper */ .woocommerce-MyAccount-content:has( form.woocommerce-EditAccountForm.edit-account ), .woocommerce-MyAccount-content-wrapper:has( form.woocommerce-EditAccountForm.edit-account ) { padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Main form card */ .woocommerce-account form.woocommerce-EditAccountForm.edit-account { width: 100%; padding: 28px !important; } /* Form rows */ .woocommerce-account form.woocommerce-EditAccountForm .woocommerce-form-row { margin-bottom: 20px !important; } /* Labels */ .woocommerce-account form.woocommerce-EditAccountForm label { display: block; margin-bottom: 8px !important; color: #344054; font-size: 14px !important; font-weight: 600; line-height: 1.4; } /* Inputs */ .woocommerce-account form.woocommerce-EditAccountForm input[type="text"], .woocommerce-account form.woocommerce-EditAccountForm input[type="email"], .woocommerce-account form.woocommerce-EditAccountForm input[type="password"] { width: 100% !important; height: 44px !important; padding: 10px 12px !important; box-sizing: border-box; background-color: var(--mmt-white) !important; color: var(--mmt-heading) !important; border: 1px solid var(--mmt-input-border) !important; border-radius: 8px !important; font-size: 15px !important; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .woocommerce-account form.woocommerce-EditAccountForm input:focus { border-color: var(--mmt-teal) !important; outline: none !important; box-shadow: 0 0 0 3px rgba(18, 130, 126, 0.12) !important; } /* Display name explanation */ .woocommerce-account form.woocommerce-EditAccountForm span em { display: block; margin-top: 7px; color: var(--mmt-muted); font-size: 12px; line-height: 1.5; } /* Checkbox */ .woocommerce-account form.woocommerce-EditAccountForm input[type="checkbox"] { width: 17px; height: 17px; margin-right: 8px; accent-color: var(--mmt-teal); } /* ============================================================= 22. EDIT ACCOUNT — SHARED FIELDSETS ============================================================= */ .woocommerce-account form.woocommerce-EditAccountForm fieldset, .woocommerce-account form.woocommerce-EditAccountForm fieldset.mmt-contact-change, .woocommerce-account form.woocommerce-EditAccountForm fieldset.mmt-social-accounts-box { margin: 0 0 24px !important; padding: 22px !important; box-sizing: border-box; background-color: var(--mmt-white) !important; border: 1px solid var(--mmt-line) !important; border-radius: var(--mmt-radius-inner); } /* Password section gets extra top spacing */ .woocommerce-account form.woocommerce-EditAccountForm fieldset:not(.mmt-contact-change):not(.mmt-social-accounts-box) { margin-top: 30px !important; } /* Fieldset headings */ .woocommerce-account form.woocommerce-EditAccountForm fieldset legend { display: block; float: left; width: 100%; margin: 0 0 24px !important; padding: 0 !important; background: transparent !important; color: var(--mmt-heading); font-size: 18px !important; font-weight: 700; line-height: 1.3; } /* Start content below legend */ .woocommerce-account form.woocommerce-EditAccountForm fieldset legend + * { clear: both; } /* Contain floated fields */ .woocommerce-account form.woocommerce-EditAccountForm fieldset::after { content: ""; display: block; clear: both; } /* Remove unnecessary bottom space */ .woocommerce-account form.woocommerce-EditAccountForm fieldset > :last-child { margin-bottom: 0 !important; } /* ============================================================= 23. SOCIAL LOGIN ACCOUNTS ============================================================= */ .woocommerce-account form.woocommerce-EditAccountForm .nsl-container { margin: 0 0 28px !important; padding: 20px !important; background-color: var(--mmt-white); border: 1px solid var(--mmt-line); border-radius: var(--mmt-radius-inner); } /* Remove nested card inside custom fieldset */ .woocommerce-account fieldset.mmt-social-accounts-box .nsl-container { margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; } /* Buttons layout */ .woocommerce-account .nsl-container .nsl-container-buttons { display: grid !important; grid-template-columns: 1fr; gap: 10px !important; } .woocommerce-account .nsl-container a[data-provider] { display: block !important; margin: 0 !important; text-decoration: none !important; } .woocommerce-account .nsl-container .nsl-button { min-height: 42px !important; border-radius: 9px !important; overflow: hidden; transition: filter 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } @media (hover: hover) { .woocommerce-account .nsl-container a[data-provider]:hover .nsl-button { filter: brightness(0.95); box-shadow: 0 4px 10px rgba(31, 41, 55, 0.15); transform: translateY(-1px); } } /* ============================================================= 24. SAVE ACCOUNT BUTTON ============================================================= */ .woocommerce-account form.woocommerce-EditAccountForm button[name="save_account_details"] { width: auto !important; min-width: 165px; height: 42px !important; padding: 8px 22px !important; background-color: var(--mmt-teal) !important; color: var(--mmt-white) !important; border: 1px solid var(--mmt-teal) !important; border-radius: var(--mmt-radius) !important; font-size: 15px !important; font-weight: 700; transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } @media (hover: hover) { .woocommerce-account form.woocommerce-EditAccountForm button[name="save_account_details"]:hover { background-color: var(--mmt-teal-dark) !important; border-color: var(--mmt-teal-dark) !important; box-shadow: 0 4px 10px rgba(18, 130, 126, 0.25); transform: translateY(-1px); } } /* ============================================================= 25. BILLING / SHIPPING ADDRESS SUMMARY ============================================================= */ /* Hide WooCommerce introduction */ .woocommerce-MyAccount-content:has( .woocommerce-Address ) > p, .woocommerce-MyAccount-content-wrapper:has( .woocommerce-Address ) > p { display: none !important; } /* Remove outer inherited styling */ .woocommerce-MyAccount-content:has( .woocommerce-Address ), .woocommerce-MyAccount-content-wrapper:has( .woocommerce-Address ) { padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; overflow: visible !important; } /* Multiple addresses */ .woocommerce-Addresses { display: grid !important; grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); gap: 20px; width: 100%; margin: 0 !important; } /* Single address */ .woocommerce-MyAccount-content:not( :has(.woocommerce-Addresses) ) .woocommerce-Address { position: relative; left: 50%; width: min(680px, calc(100vw - 32px)) !important; max-width: 680px !important; margin: 0 !important; transform: translateX(-50%); } /* Address card */ .woocommerce-Address { float: none !important; min-height: 220px; padding: 28px !important; } /* ============================================================= 26. ADDRESS HEADER ============================================================= */ .woocommerce-Address .woocommerce-Address-title.title { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 24px !important; width: 100% !important; margin: 0 0 24px !important; padding: 0 0 20px !important; box-sizing: border-box; border-bottom: 1px solid var(--mmt-line); } /* Address heading */ .woocommerce .woocommerce-Address .woocommerce-Address-title.title > h2 { display: block !important; grid-column: 1 !important; position: static !important; float: none !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; color: var(--mmt-heading); font-size: 22px; font-weight: 700; line-height: 1.3; } /* ============================================================= 27. EDIT ADDRESS BUTTON ============================================================= */ .woocommerce-Address .woocommerce-Address-title.title > a.edit { display: inline-flex !important; grid-column: 2 !important; align-items: center; justify-content: center; position: static !important; inset: auto !important; float: none !important; width: auto !important; min-width: 150px; min-height: 38px; margin: 0 !important; padding: 10px 18px !important; box-sizing: border-box; background-color: transparent; color: var(--mmt-teal) !important; border: 1px solid var(--mmt-teal); border-radius: var(--mmt-radius); font-size: 14px; font-weight: 700; line-height: 1; text-align: center; text-decoration: none !important; white-space: nowrap; transform: none !important; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } @media (hover: hover) { .woocommerce-Address .woocommerce-Address-title.title > a.edit:hover { background-color: var(--mmt-teal); color: var(--mmt-white) !important; border-color: var(--mmt-teal); box-shadow: var(--mmt-teal-shadow); transform: translateY(-1px) !important; } } /* ============================================================= 28. ADDRESS DETAILS ============================================================= */ .woocommerce-Address address { display: block; min-height: 90px; margin: 0 !important; padding: 20px !important; box-sizing: border-box; background-color: var(--mmt-white); color: var(--mmt-text); border: 1px solid var(--mmt-line); border-radius: var(--mmt-radius-inner); font-size: 15px; font-style: normal; line-height: 1.8; } .woocommerce-Address address br { content: ""; display: block; margin-bottom: 3px; } /* ============================================================= 29. EDIT BILLING ADDRESS PAGE ============================================================= */ /* Width */ .woocommerce-MyAccount-content-wrapper:has( .woocommerce-address-fields ) { width: min( var(--mmt-edit-billing-width), calc(100vw - 32px) ) !important; max-width: var(--mmt-edit-billing-width) !important; margin-right: auto !important; margin-left: auto !important; overflow: hidden; } /* Form fills wrapper */ .woocommerce-MyAccount-content-wrapper:has( .woocommerce-address-fields ) .woocommerce-MyAccount-content, .woocommerce-MyAccount-content:has( .woocommerce-address-fields ) { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } /* Save Address */ .woocommerce-address-fields button[name="save_address"] { transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } @media (hover: hover) { .woocommerce-address-fields button[name="save_address"]:hover { background-color: var(--mmt-teal-dark) !important; border-color: var(--mmt-teal-dark) !important; color: var(--mmt-white) !important; box-shadow: 0 4px 10px rgba(18, 130, 126, 0.25); transform: translateY(-1px); } } /* ============================================================= 30. KEYBOARD ACCESSIBILITY ============================================================= */ table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions > a.button:focus-visible, .woocommerce-table--order-details a.woocommerce-button.button:focus-visible, a.woocommerce-MyAccount-downloads-file.button.alt:focus-visible, .woocommerce-orders .woocommerce-info a.button.wc-forward:focus-visible, .woocommerce-downloads .woocommerce-info a.button.wc-forward:focus-visible, .woocommerce-Address .woocommerce-Address-title.title > a.edit:focus-visible, .mmt-dashboard a:focus-visible, a.mmt-dashboard__stat--link:focus-visible { outline: 3px solid rgba(18, 130, 126, 0.30); outline-offset: 3px; } /* ============================================================= 31. TABLET ============================================================= */ @media (max-width: 768px) { /* Dashboard */ .mmt-dashboard { padding: 22px; } .mmt-dashboard__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mmt-dashboard__stat:last-child { grid-column: 1 / -1; } /* Login */ .woocommerce-form-login { width: 100% !important; padding: 0 16px; } /* Order action buttons */ table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions { display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: center; justify-content: flex-end; column-gap: 8px; row-gap: 10px; } /* Actions label */ table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions::before { flex: 0 0 100%; width: 100%; margin: 0 !important; float: none !important; text-align: right; } /* Buttons */ table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions > a.button { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; max-width: 105px !important; height: 36px !important; min-height: 36px !important; margin: 0 !important; padding: 4px 8px !important; align-self: center; white-space: nowrap; } /* Downloads */ table.woocommerce-table--order-downloads tbody td { border-bottom: none !important; } table.woocommerce-table--order-downloads tbody td.download-file { padding-bottom: 14px !important; border-bottom: 1px solid var(--mmt-line) !important; } table.woocommerce-table--order-downloads tbody tr:last-child td.download-file { border-bottom: none !important; } /* Mobile Download labels */ table.woocommerce-table--order-downloads td.download-product::before, table.woocommerce-table--order-downloads td.download-file::before { content: attr(data-title) ":"; display: inline-block !important; float: left; margin-right: 12px; color: var(--mmt-black); font-weight: 700; } /* Edit account */ .woocommerce-account form.woocommerce-EditAccountForm.edit-account { padding: 18px !important; border-radius: var(--mmt-radius-card-mobile) !important; } .woocommerce-account form.woocommerce-EditAccountForm fieldset, .woocommerce-account form.woocommerce-EditAccountForm fieldset.mmt-contact-change, .woocommerce-account form.woocommerce-EditAccountForm fieldset.mmt-social-accounts-box { padding: 16px !important; } .woocommerce-account form.woocommerce-EditAccountForm button[name="save_account_details"] { width: 100% !important; } /* Addresses */ .woocommerce-Addresses { grid-template-columns: 1fr; } .woocommerce-Address { min-height: 0; padding: 20px !important; border-radius: var(--mmt-radius-card-mobile) !important; } .woocommerce-Address address { min-height: 0; padding: 16px !important; } /* Edit Billing */ .woocommerce-MyAccount-content-wrapper:has( .woocommerce-address-fields ) { border-radius: var(--mmt-radius-card-mobile) !important; } } /* ============================================================= 32. MOBILE ============================================================= */ @media (max-width: 520px) { /* Shared account cards */ .mmt-dashboard, .woocommerce-account form.woocommerce-EditAccountForm.edit-account, .woocommerce-Address, .woocommerce-MyAccount-content-wrapper:has( .woocommerce-address-fields ), .woocommerce-MyAccount-content-wrapper:has( table.woocommerce-orders-table ), .woocommerce-MyAccount-content-wrapper:has( table.woocommerce-table--order-downloads ), .woocommerce-orders .woocommerce-MyAccount-content-wrapper:has( .woocommerce-info ), .woocommerce-downloads .woocommerce-MyAccount-content-wrapper:has( .woocommerce-info ), .woocommerce-MyAccount-content:has( .woocommerce-order-details ) { border-radius: var(--mmt-radius-card-mobile) !important; } /* Page title */ .mmt-account-page-title { margin-bottom: 22px !important; font-size: 11px; letter-spacing: 0.13em; } /* Dashboard */ .mmt-dashboard { padding: 18px; } .mmt-dashboard__header { flex-direction: column; gap: 14px; } .mmt-dashboard__logout { align-self: flex-start; } .woocommerce .mmt-dashboard__title { font-size: 22px; } .mmt-dashboard__stats { grid-template-columns: 1fr; } .mmt-dashboard__stat:last-child { grid-column: auto; } .mmt-dashboard__button { width: 100%; } /* Empty Orders / Downloads */ .woocommerce-orders .woocommerce-MyAccount-content .woocommerce-info, .woocommerce-downloads .woocommerce-MyAccount-content .woocommerce-info { flex-direction: column; align-items: flex-start; gap: 16px; padding: 16px !important; } .woocommerce-orders .woocommerce-info a.button.wc-forward, .woocommerce-downloads .woocommerce-info a.button.wc-forward { width: 100% !important; } /* Single address */ .woocommerce-MyAccount-content:not( :has(.woocommerce-Addresses) ) .woocommerce-Address { width: calc(100vw - 24px) !important; } /* Address header */ .woocommerce-Address .woocommerce-Address-title.title { grid-template-columns: 1fr !important; gap: 12px !important; } .woocommerce .woocommerce-Address .woocommerce-Address-title.title > h2, .woocommerce-Address .woocommerce-Address-title.title > a.edit { grid-column: 1 !important; } .woocommerce .woocommerce-Address .woocommerce-Address-title.title > h2 { font-size: 21px; } .woocommerce-Address .woocommerce-Address-title.title > a.edit { width: 100% !important; } /* Order Details */ .woocommerce-MyAccount-content:has( .woocommerce-order-details ) { width: calc(100vw - 24px) !important; padding: 20px !important; } .woocommerce-MyAccount-content:has( .woocommerce-order-details ) .woocommerce-order-details { margin-top: 20px; padding: 16px; } } /* ============================================================= 33. REDUCED MOTION ============================================================= */ @media (prefers-reduced-motion: reduce) { .mmt-dashboard *, .mmt-dashboard *::before, .mmt-dashboard *::after, table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions > a.button, .woocommerce-table--order-details a.woocommerce-button.button, a.woocommerce-MyAccount-downloads-file.button.alt, .woocommerce-orders .woocommerce-info a.button.wc-forward, .woocommerce-downloads .woocommerce-info a.button.wc-forward, .woocommerce-Address .woocommerce-Address-title.title > a.edit { transition: none !important; transform: none !important; } } /* ============================================================= 34. HIDE BROWSE PRODUCTS BUTTON — EMPTY ORDERS / DOWNLOADS ============================================================= */ .woocommerce-orders .woocommerce-info a.button.wc-forward, .woocommerce-downloads .woocommerce-info a.button.wc-forward, .woocommerce-orders .woocommerce-info a.button.wc-forward.wp-element-button, .woocommerce-downloads .woocommerce-info a.button.wc-forward.wp-element-button { display: none !important; } /* Keep empty-state text aligned normally after button is removed */ .woocommerce-orders .woocommerce-MyAccount-content .woocommerce-info, .woocommerce-downloads .woocommerce-MyAccount-content .woocommerce-info { justify-content: flex-start !important; } /* ============================================================= 35. MMT CARE — MY ACCOUNT ACTIVE TAB ICON Keep current tab styled like hover ============================================================= */ /* Active icon colour */ body.woocommerce-orders a.elementor-icon[href*="/orders/"], body.woocommerce-downloads a.elementor-icon[href*="/downloads/"], body.woocommerce-edit-address a.elementor-icon[href*="/edit-address/"], body.woocommerce-edit-account a.elementor-icon[href*="/edit-account/"] { color: #12827e !important; fill: #12827e !important; } /* SVG icons */ body.woocommerce-orders a.elementor-icon[href*="/orders/"] svg, body.woocommerce-downloads a.elementor-icon[href*="/downloads/"] svg, body.woocommerce-edit-address a.elementor-icon[href*="/edit-address/"] svg, body.woocommerce-edit-account a.elementor-icon[href*="/edit-account/"] svg { fill: #12827e !important; } /* Optional: keep the active tab background/border like hover */ body.woocommerce-orders a.elementor-icon[href*="/orders/"], body.woocommerce-downloads a.elementor-icon[href*="/downloads/"], body.woocommerce-edit-address a.elementor-icon[href*="/edit-address/"], body.woocommerce-edit-account a.elementor-icon[href*="/edit-account/"] { background-color: #eef8f7 !important; border-color: #12827e !important; } /* ============================================================= 36. HOME / DASHBOARD ACTIVE TAB ============================================================= */ body.woocommerce-account:not(.woocommerce-orders):not(.woocommerce-downloads):not(.woocommerce-edit-address):not(.woocommerce-edit-account) a.elementor-icon[href$="/my-account/"] { color: #12827e !important; fill: #12827e !important; background-color: #eef8f7 !important; border-color: #12827e !important; } body.woocommerce-account:not(.woocommerce-orders):not(.woocommerce-downloads):not(.woocommerce-edit-address):not(.woocommerce-edit-account) a.elementor-icon[href$="/my-account/"] svg { fill: #12827e !important; } /* ============================================================= 37. MY ACCOUNT TAB ICONS — REMOVE GLOW / SHADOW ============================================================= */ .elementor-icon, .elementor-icon:hover, .elementor-icon:focus, .elementor-icon:active, .elementor-icon svg, .elementor-icon:hover svg, .elementor-icon:focus svg, .elementor-icon:active svg { box-shadow: none !important; filter: none !important; text-shadow: none !important; } /* Also remove shadow from active My Account tabs */ body.woocommerce-account a.elementor-icon { box-shadow: none !important; filter: none !important; } /* ============================================================= 38. FIX — EMPTY ORDERS & DOWNLOADS SAME CARD DESIGN AS OTHER ACCOUNT TABS ============================================================= */ /* ------------------------------------------------------------- 1. CREATE THE OUTER ACCOUNT CARD ------------------------------------------------------------- */ body.woocommerce-orders .woocommerce-MyAccount-content:has(.woocommerce-info), body.woocommerce-downloads .woocommerce-MyAccount-content:has(.woocommerce-info) { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 28px !important; box-sizing: border-box !important; /* Same cream background as Dashboard / Address / Account */ background-color: var(--mmt-card, #f7f6f2) !important; /* Same teal top line */ border: none !important; border-top: 4px solid var(--mmt-teal, #12827e) !important; /* Same rounded corners */ border-radius: var(--mmt-radius-card, 16px) !important; /* Same subtle shadow */ box-shadow: var( --mmt-card-shadow, 0 8px 24px rgba(31, 41, 55, 0.06) ) !important; overflow: hidden !important; } /* ------------------------------------------------------------- 2. REMOVE THE OLD OUTER WRAPPER APPEARANCE ------------------------------------------------------------- */ body.woocommerce-orders .woocommerce-MyAccount-content-wrapper:has(.woocommerce-info), body.woocommerce-downloads .woocommerce-MyAccount-content-wrapper:has(.woocommerce-info) { padding: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; } /* ------------------------------------------------------------- 3. EMPTY MESSAGE — INNER WHITE PANEL ------------------------------------------------------------- */ body.woocommerce-orders .woocommerce-MyAccount-content .woocommerce-info, body.woocommerce-downloads .woocommerce-MyAccount-content .woocommerce-info { display: block !important; width: 100% !important; margin: 0 !important; padding: 20px !important; box-sizing: border-box !important; background-color: #ffffff !important; color: var(--mmt-text, #475467) !important; border: 1px solid var(--mmt-line, #dedbd5) !important; border-radius: var(--mmt-radius-inner, 12px) !important; box-shadow: none !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.6 !important; } /* Remove WooCommerce info icon */ body.woocommerce-orders .woocommerce-info::before, body.woocommerce-downloads .woocommerce-info::before { content: none !important; display: none !important; } /* ------------------------------------------------------------- 4. HIDE BROWSE PRODUCTS BUTTON ------------------------------------------------------------- */ body.woocommerce-orders .woocommerce-info a.button.wc-forward, body.woocommerce-downloads .woocommerce-info a.button.wc-forward, body.woocommerce-orders .woocommerce-info a.button.wc-forward.wp-element-button, body.woocommerce-downloads .woocommerce-info a.button.wc-forward.wp-element-button { display: none !important; } /* ------------------------------------------------------------- 5. PAGE TITLE SPACING ------------------------------------------------------------- */ body.woocommerce-orders .woocommerce-MyAccount-content:has(.woocommerce-info) .mmt-account-page-title, body.woocommerce-downloads .woocommerce-MyAccount-content:has(.woocommerce-info) .mmt-account-page-title { margin: 0 0 28px !important; } /* ------------------------------------------------------------- 6. MOBILE ------------------------------------------------------------- */ @media (max-width: 520px) { body.woocommerce-orders .woocommerce-MyAccount-content:has(.woocommerce-info), body.woocommerce-downloads .woocommerce-MyAccount-content:has(.woocommerce-info) { padding: 20px !important; border-radius: var(--mmt-radius-card-mobile, 13px) !important; } body.woocommerce-orders .woocommerce-MyAccount-content .woocommerce-info, body.woocommerce-downloads .woocommerce-MyAccount-content .woocommerce-info { padding: 16px !important; } } /* ============================================================= 39. ACTIVE TAB — REMOVE LIGHT TEAL BACKGROUND Keep only the teal icon ============================================================= */ /* Orders */ body.woocommerce-orders a.elementor-icon[href*="/orders/"], /* Downloads */ body.woocommerce-downloads a.elementor-icon[href*="/downloads/"], /* Address */ body.woocommerce-edit-address a.elementor-icon[href*="/edit-address/"], /* Account Details */ body.woocommerce-edit-account a.elementor-icon[href*="/edit-account/"], /* Dashboard / Home */ body.woocommerce-account:not(.woocommerce-orders):not(.woocommerce-downloads):not(.woocommerce-edit-address):not(.woocommerce-edit-account) a.elementor-icon[href$="/my-account/"] { background-color: transparent !important; box-shadow: none !important; filter: none !important; text-shadow: none !important; } /* ============================================================= 40. LOST PASSWORD / RESET PASSWORD FORM Same treatment as the login form: fixed width, centered, full width on mobile. ============================================================= */ .woocommerce-ResetPassword { display: block !important; float: none !important; width: 560px !important; max-width: 100% !important; margin: 0 auto !important; box-sizing: border-box !important; } /* If the surrounding wrapper is left-aligning its content instead of centering it, force centering specifically when this form is present. */ .woocommerce-MyAccount-content-wrapper:has(.woocommerce-ResetPassword), .woocommerce-MyAccount-content:has(.woocommerce-ResetPassword) { display: flex !important; justify-content: center !important; width: 100% !important; } @media (max-width: 768px) { .woocommerce-ResetPassword { width: 100% !important; padding: 0 16px; box-sizing: border-box !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-22e4245 */.e-font-icon-svg.e-fab-whatsapp { width: 35px; height: 35px; } .elementor-39228 .elementor-element.elementor-element-22e4245 { position: relative; } /* Bubble text */ .elementor-39228 .elementor-element.elementor-element-22e4245::before { content: "Ask Fika AI"; position: absolute; bottom: 70px; right: 0; background: #ffffed; color: #333; font-size: 12px; padding: 6px 10px; border-radius: 6px; white-space: nowrap; box-shadow: 0 2px 8px rgba(0,0,0,0.15); opacity: 0; transform: translateY(10px); animation: bubbleLoop 8s infinite; } /* Arrow */ .elementor-39228 .elementor-element.elementor-element-22e4245::after { content: ""; position: absolute; bottom: 60px; right: 18px; border-width: 6px; border-style: solid; border-color: #ffffed transparent transparent transparent; opacity: 0; animation: bubbleLoop 8s infinite; } /* Animation timeline */ @keyframes bubbleLoop { 0%, 27.7% { opacity: 0; transform: translateY(10px); } 40%, 83% { opacity: 1; transform: translateY(0); } 50% { transform: translateY(-4px); } 60% { transform: translateY(0); } 70% { transform: translateY(-4px); } 80% { transform: translateY(0); } /* 15–18s: fade out */ 100% { opacity: 0; transform: translateY(10px); } }/* End custom CSS */ /* Start custom CSS */.woocommerce-MyAccount-content { width: 784px; }/* End custom CSS */