.elementor-262 .elementor-element.elementor-element-f7033cf{--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;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-262 .elementor-element.elementor-element-f7033cf:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-f7033cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F9F6EF 0%, #DAAB6126 100%);}.elementor-262 .elementor-element.elementor-element-bb6f629{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-262 .elementor-element.elementor-element-54edb32.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-262 .elementor-element.elementor-element-54edb32 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:46px;font-weight:600;line-height:57px;color:var( --e-global-color-5821f17 );}.elementor-262 .elementor-element.elementor-element-9eb8094.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-262 .elementor-element.elementor-element-9eb8094 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:46px;font-weight:600;line-height:57px;color:var( --e-global-color-5821f17 );}.elementor-262 .elementor-element.elementor-element-9348a35{--display:flex;--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;--align-items:flex-start;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:80px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-262 .elementor-element.elementor-element-b50de7e{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-262 .elementor-element.elementor-element-3901014 .elementor-button{background-color:#D8D0C3;font-family:"Inter", Sans-serif;font-size:18px;text-transform:uppercase;fill:var( --e-global-color-5821f17 );color:var( --e-global-color-5821f17 );border-radius:12px 12px 12px 12px;}.elementor-262 .elementor-element.elementor-element-3901014 .elementor-button:hover, .elementor-262 .elementor-element.elementor-element-3901014 .elementor-button:focus{background-color:var( --e-global-color-ae9767e );color:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-3901014.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-262 .elementor-element.elementor-element-3901014 .elementor-button-content-wrapper{flex-direction:row;}.elementor-262 .elementor-element.elementor-element-3901014 .elementor-button .elementor-button-content-wrapper{gap:10px;justify-content:start;}.elementor-262 .elementor-element.elementor-element-3901014 .elementor-button:hover svg, .elementor-262 .elementor-element.elementor-element-3901014 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-b7e2923 .elementor-button{background-color:#D8D0C3;font-family:"Inter", Sans-serif;font-size:18px;text-transform:uppercase;fill:var( --e-global-color-5821f17 );color:var( --e-global-color-5821f17 );border-radius:12px 12px 12px 12px;}.elementor-262 .elementor-element.elementor-element-b7e2923 .elementor-button:hover, .elementor-262 .elementor-element.elementor-element-b7e2923 .elementor-button:focus{background-color:var( --e-global-color-ae9767e );color:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-b7e2923.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-262 .elementor-element.elementor-element-b7e2923 .elementor-button-content-wrapper{flex-direction:row;}.elementor-262 .elementor-element.elementor-element-b7e2923 .elementor-button .elementor-button-content-wrapper{gap:10px;justify-content:start;}.elementor-262 .elementor-element.elementor-element-b7e2923 .elementor-button:hover svg, .elementor-262 .elementor-element.elementor-element-b7e2923 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-45924fb .elementor-button{background-color:#D8D0C3;font-family:"Inter", Sans-serif;font-size:18px;text-transform:uppercase;fill:var( --e-global-color-5821f17 );color:var( --e-global-color-5821f17 );border-radius:12px 12px 12px 12px;}.elementor-262 .elementor-element.elementor-element-45924fb .elementor-button:hover, .elementor-262 .elementor-element.elementor-element-45924fb .elementor-button:focus{background-color:var( --e-global-color-ae9767e );color:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-45924fb.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-262 .elementor-element.elementor-element-45924fb .elementor-button-content-wrapper{flex-direction:row;}.elementor-262 .elementor-element.elementor-element-45924fb .elementor-button .elementor-button-content-wrapper{gap:10px;justify-content:start;}.elementor-262 .elementor-element.elementor-element-45924fb .elementor-button:hover svg, .elementor-262 .elementor-element.elementor-element-45924fb .elementor-button:focus svg{fill:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-2d7d13f .elementor-button{background-color:#D8D0C3;font-family:"Inter", Sans-serif;font-size:18px;text-transform:uppercase;fill:var( --e-global-color-5821f17 );color:var( --e-global-color-5821f17 );border-radius:12px 12px 12px 12px;}.elementor-262 .elementor-element.elementor-element-2d7d13f .elementor-button:hover, .elementor-262 .elementor-element.elementor-element-2d7d13f .elementor-button:focus{background-color:var( --e-global-color-ae9767e );color:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-2d7d13f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-262 .elementor-element.elementor-element-2d7d13f .elementor-button-content-wrapper{flex-direction:row;}.elementor-262 .elementor-element.elementor-element-2d7d13f .elementor-button .elementor-button-content-wrapper{gap:10px;justify-content:start;}.elementor-262 .elementor-element.elementor-element-2d7d13f .elementor-button:hover svg, .elementor-262 .elementor-element.elementor-element-2d7d13f .elementor-button:focus svg{fill:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-1687aa1 .elementor-button{background-color:#D8D0C3;font-family:"Inter", Sans-serif;font-size:18px;text-transform:uppercase;fill:var( --e-global-color-5821f17 );color:var( --e-global-color-5821f17 );border-radius:12px 12px 12px 12px;}.elementor-262 .elementor-element.elementor-element-1687aa1 .elementor-button:hover, .elementor-262 .elementor-element.elementor-element-1687aa1 .elementor-button:focus{background-color:var( --e-global-color-ae9767e );color:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-1687aa1.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-262 .elementor-element.elementor-element-1687aa1 .elementor-button-content-wrapper{flex-direction:row;}.elementor-262 .elementor-element.elementor-element-1687aa1 .elementor-button .elementor-button-content-wrapper{gap:10px;justify-content:start;}.elementor-262 .elementor-element.elementor-element-1687aa1 .elementor-button:hover svg, .elementor-262 .elementor-element.elementor-element-1687aa1 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-0ccc2c3 .elementor-button{background-color:#D8D0C3;font-family:"Inter", Sans-serif;font-size:18px;text-transform:uppercase;fill:var( --e-global-color-5821f17 );color:var( --e-global-color-5821f17 );border-radius:12px 12px 12px 12px;}.elementor-262 .elementor-element.elementor-element-0ccc2c3 .elementor-button:hover, .elementor-262 .elementor-element.elementor-element-0ccc2c3 .elementor-button:focus{background-color:var( --e-global-color-ae9767e );color:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-0ccc2c3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-262 .elementor-element.elementor-element-0ccc2c3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-262 .elementor-element.elementor-element-0ccc2c3 .elementor-button .elementor-button-content-wrapper{gap:10px;justify-content:start;}.elementor-262 .elementor-element.elementor-element-0ccc2c3 .elementor-button:hover svg, .elementor-262 .elementor-element.elementor-element-0ccc2c3 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-500f241 .elementor-button{background-color:#FFEAE8;font-family:"Inter", Sans-serif;font-size:18px;text-transform:uppercase;fill:var( --e-global-color-5821f17 );color:var( --e-global-color-5821f17 );border-radius:12px 12px 12px 12px;}.elementor-262 .elementor-element.elementor-element-500f241 .elementor-button:hover, .elementor-262 .elementor-element.elementor-element-500f241 .elementor-button:focus{background-color:#DA7961;color:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-500f241.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-262 .elementor-element.elementor-element-500f241 .elementor-button-content-wrapper{flex-direction:row;}.elementor-262 .elementor-element.elementor-element-500f241 .elementor-button .elementor-button-content-wrapper{gap:10px;justify-content:start;}.elementor-262 .elementor-element.elementor-element-500f241 .elementor-button:hover svg, .elementor-262 .elementor-element.elementor-element-500f241 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-650fcf5 .elementor-button{background-color:#FFEAE800;font-family:"Inter", Sans-serif;font-size:18px;text-transform:uppercase;fill:var( --e-global-color-5821f17 );color:var( --e-global-color-5821f17 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-bf27f0c );border-radius:12px 12px 12px 12px;}.elementor-262 .elementor-element.elementor-element-650fcf5 .elementor-button:hover, .elementor-262 .elementor-element.elementor-element-650fcf5 .elementor-button:focus{background-color:#DA7961;color:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-650fcf5{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-262 .elementor-element.elementor-element-650fcf5.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-262 .elementor-element.elementor-element-650fcf5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-262 .elementor-element.elementor-element-650fcf5 .elementor-button .elementor-button-content-wrapper{gap:10px;justify-content:start;}.elementor-262 .elementor-element.elementor-element-650fcf5 .elementor-button:hover svg, .elementor-262 .elementor-element.elementor-element-650fcf5 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-07f2db0 .elementor-button{background-color:var( --e-global-color-bf27f0c );font-family:"Inter", Sans-serif;font-size:18px;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-radius:12px 12px 12px 12px;}.elementor-262 .elementor-element.elementor-element-07f2db0 .elementor-button:hover, .elementor-262 .elementor-element.elementor-element-07f2db0 .elementor-button:focus{background-color:var( --e-global-color-ae9767e );color:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-07f2db0.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-262 .elementor-element.elementor-element-07f2db0 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-262 .elementor-element.elementor-element-07f2db0 .elementor-button .elementor-button-content-wrapper{gap:10px;justify-content:start;}.elementor-262 .elementor-element.elementor-element-07f2db0 .elementor-button:hover svg, .elementor-262 .elementor-element.elementor-element-07f2db0 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-ee38732.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-262 .elementor-element.elementor-element-ee38732 img{border-radius:20px 20px 20px 20px;}.elementor-262 .elementor-element.elementor-element-eb86a2a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-262 .elementor-element.elementor-element-7b9cbd2.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-262 .elementor-element.elementor-element-7b9cbd2 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-family:"Inter", Sans-serif;}.elementor-262 .elementor-element.elementor-element-7b9cbd2{--tabs-normal-color:var( --e-global-color-5821f17 );--sections-background-color:var( --e-global-color-0bfe48a );--sections-border-type:solid;--sections-border-top-width:1px;--sections-border-right-width:1px;--sections-border-bottom-width:1px;--sections-border-left-width:1px;--sections-border-color:var( --e-global-color-ae9767e );--sections-border-radius:20px 20px 20px 20px;--links-normal-color:var( --e-global-color-ae9767e );--forms-fields-border-radius:8px 8px 8px 8px;--forms-buttons-border-radius:55px 55px 55px 55px;--tables-items-color:var( --e-global-color-ae9767e );--tables-links-normal-color:var( --e-global-color-ae9767e );--tables-button-border-radius:55px 55px 55px 55px;}.elementor-262 .elementor-element.elementor-element-7b9cbd2 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-262 .elementor-element.elementor-element-7b9cbd2 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-family:"Fraunces", Sans-serif;font-size:20px;line-height:30px;}.elementor-262 .elementor-element.elementor-element-7b9cbd2 .woocommerce-MyAccount-content > div > p, .elementor-262 .elementor-element.elementor-element-7b9cbd2 address, .elementor-262 .elementor-element.elementor-element-7b9cbd2 .woocommerce-EditAccountForm fieldset legend, .elementor-262 .elementor-element.elementor-element-7b9cbd2 .woocommerce-ResetPassword p:nth-child(1), .elementor-262 .elementor-element.elementor-element-7b9cbd2 .woocommerce-OrderUpdate{font-family:"Inter", Sans-serif;font-size:16px;line-height:26px;}.elementor-262 .elementor-element.elementor-element-7b9cbd2 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register p:not([class]), .elementor-262 .elementor-element.elementor-element-7b9cbd2 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce em{font-family:"Inter", Sans-serif;font-size:16px;line-height:26px;}.elementor-262 .elementor-element.elementor-element-7b9cbd2 .order_details thead th, .elementor-262 .elementor-element.elementor-element-7b9cbd2 .order_details tfoot td, .elementor-262 .elementor-element.elementor-element-7b9cbd2 .order_details tfoot th, .elementor-262 .elementor-element.elementor-element-7b9cbd2 .nobr{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;}.elementor-262 .elementor-element.elementor-element-7b9cbd2 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button, .elementor-262 .elementor-element.elementor-element-7b9cbd2 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .order-again .button, .elementor-262 .elementor-element.elementor-element-7b9cbd2 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-pagination .button, .elementor-262 .elementor-element.elementor-element-7b9cbd2 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom).e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button{border-width:1px 1px 1px 1px;}.elementor-262 .elementor-element.elementor-element-7b9cbd2 {--tables-buttons-border-color:var( --e-global-color-ae9767e );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-262 .elementor-element.elementor-element-b50de7e{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-262 .elementor-element.elementor-element-f7033cf{--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;--justify-content:flex-end;--padding-top:50px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-262 .elementor-element.elementor-element-bb6f629{--min-height:0px;}.elementor-262 .elementor-element.elementor-element-54edb32 .elementor-heading-title{font-size:32px;line-height:2.8rem;}.elementor-262 .elementor-element.elementor-element-9eb8094 .elementor-heading-title{font-size:32px;line-height:2.8rem;}.elementor-262 .elementor-element.elementor-element-9348a35{--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:50px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-262 .elementor-element.elementor-element-b50de7e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-262 .elementor-element.elementor-element-f7033cf{--content-width:1280px;}.elementor-262 .elementor-element.elementor-element-bb6f629{--width:66.6666%;}.elementor-262 .elementor-element.elementor-element-9348a35{--content-width:1280px;}.elementor-262 .elementor-element.elementor-element-b50de7e{--width:30%;}.elementor-262 .elementor-element.elementor-element-eb86a2a{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-262 .elementor-element.elementor-element-b50de7e{--width:40%;}.elementor-262 .elementor-element.elementor-element-eb86a2a{--width:60%;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-7b9cbd2 *//* 1. Safely hide the default WooCommerce My Account menu ONLY */ .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul { display: none !important; } /* 2. Your essential layout rules for the Elementor tabs */ .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content { float: inline-end; padding: 0; padding-inline-start: var(--tab-content-spacing, 0%); width: 100%; } /* Safely hide the H2 titles ONLY inside the WooCommerce My Account widget */ .elementor-widget-woocommerce-my-account .woocommerce h2 { display: none !important; } /* ========================================= 1. LOGIN FORM CONTAINER (Sleek White Card) ========================================= */ .woocommerce-form.woocommerce-form-login.login { background: #ffffff !important; padding: 40px !important; border-radius: 12px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important; border: none !important; width: 100% !important; max-width: 100% !important; /* Keeps it perfectly proportioned */ margin: 20px auto !important; /* Centers it on the page */ box-sizing: border-box !important; } /* ========================================= 2. LABELS (Username / Password) ========================================= */ .woocommerce-form.woocommerce-form-login.login label { display: block !important; margin-bottom: 10px !important; font-weight: 600 !important; color: #1E1E1E !important; font-size: 14px !important; } /* ========================================= 3. INPUT FIELDS ========================================= */ .woocommerce-form.woocommerce-form-login.login input.input-text { width: 100% !important; border-radius: 8px !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; background-color: #ffffff !important; padding: 12px 16px !important; font-size: 15px !important; color: #333333 !important; height: 48px !important; box-shadow: 0 2px 5px rgba(0,0,0,0.03) !important; transition: all 0.3s ease !important; box-sizing: border-box !important; } /* Focus State (Dark Charcoal Ring) */ .woocommerce-form.woocommerce-form-login.login input.input-text:focus { border-color: #1E1E1E !important; box-shadow: 0 0 0 2px rgba(30, 30, 30, 0.15) !important; outline: none !important; } /* ========================================= 4. THE LOGIN BUTTON (Golden Pill) ========================================= */ .woocommerce-form.woocommerce-form-login.login button[type="submit"], .woocommerce-form.woocommerce-form-login.login button.button { width: 100% !important; border-radius: 55px !important; background-color: #DAAB61 !important; /* Your signature gold color */ color: #ffffff !important; /* Crisp white text */ border: none !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; box-shadow: 0 4px 6px rgba(218, 171, 97, 0.3) !important; transition: all 0.3s ease !important; margin-top: 15px !important; display: block !important; } /* Button Hover Animation */ .woocommerce-form.woocommerce-form-login.login button[type="submit"]:hover, .woocommerce-form.woocommerce-form-login.login button.button:hover { background-color: #C89953 !important; /* Slightly darker gold on hover */ transform: translateY(-2px) !important; box-shadow: 0 8px 12px rgba(218, 171, 97, 0.4) !important; } /* ========================================= 5. UTILITIES (Remember Me & Lost Password) ========================================= */ .woocommerce-form.woocommerce-form-login.login .woocommerce-form-login__rememberme { display: flex !important; align-items: center !important; margin-top: 15px !important; margin-bottom: 20px !important; font-weight: 500 !important; color: #555555 !important; } /* Adjust the actual checkbox inside "Remember Me" */ .woocommerce-form.woocommerce-form-login.login .woocommerce-form-login__rememberme input[type="checkbox"] { margin-right: 10px !important; width: 16px !important; height: 16px !important; } /* Center and style the Lost Password link */ .woocommerce-form.woocommerce-form-login.login .woocommerce-LostPassword, .woocommerce-form.woocommerce-form-login.login .lost_password { text-align: center !important; margin-top: 20px !important; display: block !important; } .woocommerce-form.woocommerce-form-login.login .woocommerce-LostPassword a, .woocommerce-form.woocommerce-form-login.login .lost_password a { color: #1E1E1E !important; text-decoration: none !important; font-size: 14px !important; font-weight: 600 !important; border-bottom: 1px solid #1E1E1E !important; padding-bottom: 2px !important; transition: 0.3s !important; } .woocommerce-form.woocommerce-form-login.login .woocommerce-LostPassword a:hover, .woocommerce-form.woocommerce-form-login.login .lost_password a:hover { color: #DAAB61 !important; /* Turns gold on hover */ border-bottom-color: #DAAB61 !important; } /* ========================================= 1. RESET PASSWORD CONTAINER (Left-Aligned White Card) ========================================= */ .woocommerce-ResetPassword.lost_reset_password { background: #ffffff !important; padding: 40px !important; border-radius: 12px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important; border: none !important; width: 100% !important; max-width: 500px !important; margin: 40px 0 !important; /* Changed from 'auto' to '0' to align left */ box-sizing: border-box !important; } /* ========================================= 2. INTRODUCTORY TEXT ========================================= */ .woocommerce-ResetPassword.lost_reset_password p:first-child { color: #555555 !important; font-size: 15px !important; line-height: 1.6 !important; margin-bottom: 25px !important; text-align: left !important; /* Changed to left */ } /* Hide the extra margin WooCommerce adds to paragraphs */ .woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row { margin-bottom: 20px !important; } /* ========================================= 3. LABELS (Username or Email) ========================================= */ .woocommerce-ResetPassword.lost_reset_password label { display: block !important; margin-bottom: 10px !important; font-weight: 600 !important; color: #1E1E1E !important; font-size: 14px !important; } /* ========================================= 4. INPUT FIELDS ========================================= */ .woocommerce-ResetPassword.lost_reset_password input.input-text { width: 100% !important; border-radius: 8px !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; background-color: #ffffff !important; padding: 12px 16px !important; font-size: 15px !important; color: #333333 !important; height: 48px !important; box-shadow: 0 2px 5px rgba(0,0,0,0.03) !important; transition: all 0.3s ease !important; box-sizing: border-box !important; } /* Focus State (Dark Charcoal Ring) */ .woocommerce-ResetPassword.lost_reset_password input.input-text:focus { border-color: #1E1E1E !important; box-shadow: 0 0 0 2px rgba(30, 30, 30, 0.15) !important; outline: none !important; } /* ========================================= 5. THE RESET BUTTON (Golden Pill) ========================================= */ .woocommerce-ResetPassword.lost_reset_password button[type="submit"], .woocommerce-ResetPassword.lost_reset_password button.button { width: 100% !important; border-radius: 55px !important; background-color: #DAAB61 !important; /* Your signature gold color */ color: #ffffff !important; /* Crisp white text */ border: none !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; box-shadow: 0 4px 6px rgba(218, 171, 97, 0.3) !important; transition: all 0.3s ease !important; margin-top: 10px !important; display: block !important; } /* Button Hover Animation */ .woocommerce-ResetPassword.lost_reset_password button[type="submit"]:hover, .woocommerce-ResetPassword.lost_reset_password button.button:hover { background-color: #C89953 !important; /* Slightly darker gold on hover */ transform: translateY(-2px) !important; box-shadow: 0 8px 12px rgba(218, 171, 97, 0.4) !important; } .awcdp_balance_pay { display: none; }/* End custom CSS */