.elementor-14 .elementor-element.elementor-element-5d7f65c:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-5d7f65c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gskadvanceservices.com/wp-content/uploads/2025/09/carpenter-holds-glue-attaches-window-scaled.webp");background-position:0px 72%;background-size:cover;}.elementor-14 .elementor-element.elementor-element-5d7f65c > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(90deg, #FBFBFB 35%, #07070700 0%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-14 .elementor-element.elementor-element-5d7f65c > .elementor-container{max-width:1385px;}.elementor-14 .elementor-element.elementor-element-5d7f65c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:100px;padding:80px 0px 80px 0px;}.elementor-14 .elementor-element.elementor-element-323edd3c:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-14 .elementor-element.elementor-element-323edd3c > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3bc6c68 );}.elementor-bc-flex-widget .elementor-14 .elementor-element.elementor-element-323edd3c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-14 .elementor-element.elementor-element-323edd3c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-14 .elementor-element.elementor-element-323edd3c > .elementor-element-populated{box-shadow:5px 5px 25px 0px rgba(0, 0, 0, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 60px 60px 60px;}.elementor-14 .elementor-element.elementor-element-323edd3c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-14 .elementor-element.elementor-element-323edd3c{z-index:1;}.elementor-14 .elementor-element.elementor-element-4fa8a849{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-14 .elementor-element.elementor-element-4fa8a849 .elementor-heading-title{font-family:var( --e-global-typography-461c032-font-family ), Sans-serif;font-size:var( --e-global-typography-461c032-font-size );font-weight:var( --e-global-typography-461c032-font-weight );line-height:var( --e-global-typography-461c032-line-height );color:var( --e-global-color-secondary );}.elementor-14 .elementor-element.elementor-element-9dbd55d .woocommerce-breadcrumb{text-align:center;}.elementor-14 .elementor-element.elementor-element-7d740415 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-7d740415 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-14 .elementor-element.elementor-element-7d740415{z-index:0;}.elementor-14 .elementor-element.elementor-element-2277134c{--display:flex;}.elementor-14 .elementor-element.elementor-element-85c94b9{--spacer-size:100px;}@media(max-width:1024px){.elementor-14 .elementor-element.elementor-element-5d7f65c:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-5d7f65c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 92%;}.elementor-14 .elementor-element.elementor-element-5d7f65c{margin-top:0px;margin-bottom:60px;padding:80px 15px 80px 15px;}.elementor-14 .elementor-element.elementor-element-323edd3c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:60px 60px 60px 60px;}.elementor-14 .elementor-element.elementor-element-4fa8a849 .elementor-heading-title{font-size:var( --e-global-typography-461c032-font-size );line-height:var( --e-global-typography-461c032-line-height );}.elementor-14 .elementor-element.elementor-element-7d740415 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-5d7f65c:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-5d7f65c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0%;}.elementor-14 .elementor-element.elementor-element-5d7f65c{margin-top:0px;margin-bottom:0px;padding:40px 10px 40px 10px;}.elementor-14 .elementor-element.elementor-element-323edd3c > .elementor-element-populated{padding:60px 20px 60px 20px;}.elementor-14 .elementor-element.elementor-element-4fa8a849 .elementor-heading-title{font-size:var( --e-global-typography-461c032-font-size );line-height:var( --e-global-typography-461c032-line-height );}}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-323edd3c{width:40%;}.elementor-14 .elementor-element.elementor-element-7d740415{width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-14 .elementor-element.elementor-element-323edd3c{width:50%;}.elementor-14 .elementor-element.elementor-element-7d740415{width:50%;}}/* Start custom CSS for text-editor, class: .elementor-element-4160b400 *//* 1. Global & Base Styles */
        body.woocommerce-account {
            font-family: 'Inter', sans-serif; /* Unifying font for consistency */
            background-color: #f3f4f6; /* A light, neutral background */
            color: #333;
            margin: 0;
            padding: 1rem;
            box-sizing: border-box;
        }

        /* --- 2. Login/Register Page Specific Styles (LOGGED OUT) --- */

        /* This is the main container for the entire Login/Register section */
        body.woocommerce-account:not(.logged-in) .woocommerce {
            width: 100%;
            max-width: 1100px; /* Increased max-width for a wider layout */
            margin: 4rem auto; /* Horizontally centers the section */
            box-sizing: border-box;
        }

        /* Unified card container for the two columns */
        #customer_login {
            display: flex;
            width: 100%;
            position: relative; /* Required for the pseudo-element divider */
            background-color: #ffffff;
            border-radius: 12px;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            overflow: hidden; /* Ensures border-radius is respected */
        }
        
        /* The grey divider between the two columns */
        #customer_login::after {
            content: '';
            position: absolute;
            top: 2.5rem; /* Padding from top */
            bottom: 2.5rem; /* Padding from bottom */
            left: 50%;
            transform: translateX(-50%);
            width: 1px;
            background-color: #e5e7eb; /* Light grey divider color */
        }

        /* Styling for each individual column (Login and Register) */
        #customer_login .u-column1,
        #customer_login .u-column2 {
            flex: 1; /* Each column takes up equal space */
            padding: 2.5rem;
        }
        
        /* Make forms fill the height of their column */
        #customer_login .u-column1 form,
        #customer_login .u-column2 form {
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        /* Titles (h2) for both Login and Register */
        body.woocommerce-account:not(.logged-in) h2 {
            font-size: 1.875rem; /* 30px */
            font-weight: 700;
            text-align: center;
            margin: 0 0 2rem 0;
            color: #111827;
        }

        /* Form row spacing */
        body.woocommerce-account:not(.logged-in) .form-row {
            margin-bottom: 1.25rem;
        }
        
        /* Labels */
        body.woocommerce-account:not(.logged-in) form label {
            font-weight: 500;
            color: #374151;
            margin-bottom: 0.5rem;
            display: block; /* Stacks label above input field */
        }

        /* Input Fields */
        body.woocommerce-account:not(.logged-in) .input-text {
            width: 100%;
            padding: 0.75rem 1rem;
            border: 1px solid #d1d5db;
            border-radius: 8px;
            font-size: 1rem;
            color: #111827;
            transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
            box-sizing: border-box;
        }

        body.woocommerce-account:not(.logged-in) .input-text:focus {
            outline: none;
            border-color: #FF6B35;
            box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.3);
        }

        /* Password field specific styles */
        body.woocommerce-account:not(.logged-in) .password-input {
            position: relative;
            display: block;
        }

        body.woocommerce-account:not(.logged-in) .show-password-input {
            position: absolute;
            top: 50%;
            right: 12px;
            transform: translateY(-50%);
            background: transparent;
            border: none;
            cursor: pointer;
            width: 20px;
            height: 20px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%239ca3af'%3E%3Cpath d='M10 12.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z' /%3E%3Cpath fill-rule='evenodd' d='M.664 10.59a1.651 1.651 0 010-1.18l.88-1.472a1.65 1.65 0 012.839 0l.88 1.472A1.65 1.65 0 015.263 12H14.737a1.65 1.65 0 011.024-2.589l.88-1.472a1.65 1.65 0 012.839 0l.88 1.472a1.651 1.651 0 010 1.18l-.88 1.472a1.65 1.65 0 01-2.839 0l-.88-1.472A1.65 1.65 0 0114.737 8H5.263a1.65 1.65 0 01-1.024 2.589l-.88 1.472a1.65 1.65 0 01-2.839 0l-.88-1.472z' clip-rule='evenodd' /%3E%3C/svg%3E");
        }
        
        /* Login Form Specifics ('Remember me', 'Lost password', Button) */
        
        /* This rule ensures the 'Remember me' label (checkbox + text) stays on one line */
        body.woocommerce-account:not(.logged-in) .woocommerce-form__label-for-checkbox {
            display: inline-flex;
            align-items: center;
            font-size: 0.875rem;
            margin-bottom: 0; /* Override margin from global label style */
            font-weight: 400;
        }
        
        body.woocommerce-account:not(.logged-in) .woocommerce-form__input-checkbox {
            margin-right: 0.5rem;
            accent-color: #FF6B35;
        }

        /* Pushes the paragraph containing the button to the bottom of the card */
        body.woocommerce-account:not(.logged-in) .form-row:has(button) {
           margin-top: auto;
           margin-bottom: 0;
        }
        
        /* This handles the 'Lost password' link which is in a separate container */
        body.woocommerce-account:not(.logged-in) .woocommerce-LostPassword {
            text-align: center;
            margin-top: 1.5rem;
        }

        body.woocommerce-account:not(.logged-in) .woocommerce-LostPassword a {
            color: #FF6B35;
            text-decoration: none;
            font-size: 0.875rem;
        }

        /* Register Form Helper Text */
        body.woocommerce-account:not(.logged-in) .woocommerce-form-register p:not(.form-row) {
            font-size: 0.875rem;
            color: #6b7280;
            line-height: 1.5;
            margin-bottom: 1.5rem;
        }

        /* General Button Styles for Login and Register */
        body.woocommerce-account:not(.logged-in) .woocommerce-button.button {
            background-color: #FF6B35;
            color: #ffffff;
            border: none;
            padding: 0.875rem 1.5rem;
            border-radius: 8px;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            width: 100%;
            transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
            margin-top: 1rem;
        }

        body.woocommerce-account:not(.logged-in) .woocommerce-button.button:hover {
            background-color: #e05a2a;
        }
        body.woocommerce-account:not(.logged-in) .woocommerce-button.button:active {
            transform: scale(0.98);
        }

        /* --- 3. My Account Page Specific Styles (LOGGED IN) --- */
        /* These styles remain unchanged and are safe */

        body.woocommerce-account.logged-in .woocommerce {
            font-family: 'DM Sans', sans-serif;
            display: flex;
            flex-direction: column;
            gap: 30px;
            padding: 20px;
            max-width: 1200px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            body.woocommerce-account.logged-in .woocommerce {
                flex-direction: row;
            }
        }

        .woocommerce-MyAccount-navigation {
            background-color: #fff; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            padding: 20px; flex: 0 0 250px; height: fit-content;
        }
        .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 15px; }
        .woocommerce-MyAccount-navigation li a { text-decoration: none; color: #555; font-weight: 500; padding: 12px 20px; border-radius: 8px; transition: all 0.3s ease; display: block; }
        .woocommerce-MyAccount-navigation li.is-active a, .woocommerce-MyAccount-navigation li a:hover { background-color: #f5f9f5; color: #1e7e34; }

        .woocommerce-MyAccount-content {
            background-color: #fff; border-radius: 10px; padding: 25px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05); line-height: 1.8; flex: 1;
        }
        
        /* --- 4. Responsive & Cleanup Rules --- */
        @media (max-width: 768px) {
            #customer_login {
                flex-direction: column; /* Stack columns on mobile */
            }
             #customer_login::after {
                display: none; /* Hide divider on mobile */
            }
        }
        
        .woocommerce-notices-wrapper, #woocommerce-login-nonce, input[name="_wp_http_referer"],
        .screen-reader-text, .woocommerce-form br, wc-order-attribution-inputs,
        #woocommerce-register-nonce {
            display: none;
        }/* End custom CSS */