.elementor-10 .elementor-element.elementor-element-a66b384{--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-10 .elementor-element.elementor-element-9950a9f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-18779dd{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:16px 16px 16px 16px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-10 .elementor-element.elementor-element-18779dd:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-18779dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-ae56dcf{--display:flex;--overlay-opacity:0;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-10 .elementor-element.elementor-element-ae56dcf::before, .elementor-10 .elementor-element.elementor-element-ae56dcf > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-ae56dcf > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-ae56dcf > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-ae56dcf > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-ae56dcf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-10 .elementor-element.elementor-element-47ab876 .elementor-heading-title{font-family:"Gilroy", Sans-serif;font-size:19px;font-weight:600;color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-184e970{font-size:16px;font-weight:400;line-height:1.6em;}.elementor-10 .elementor-element.elementor-element-02a2015 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-10 .elementor-element.elementor-element-02a2015 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-10 .elementor-element.elementor-element-02a2015 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-10 .elementor-element.elementor-element-02a2015 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-10 .elementor-element.elementor-element-02a2015 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-02a2015 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-10 .elementor-element.elementor-element-02a2015 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-10 .elementor-element.elementor-element-02a2015 .elementor-field-type-html{padding-bottom:0px;font-size:14px;}.elementor-10 .elementor-element.elementor-element-02a2015 .elementor-field-group .elementor-field, .elementor-10 .elementor-element.elementor-element-02a2015 .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-02a2015 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-10 .elementor-element.elementor-element-02a2015 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-10 .elementor-element.elementor-element-02a2015 .elementor-button{font-family:"Gilroy", Sans-serif;font-size:18px;font-weight:500;border-radius:4px 4px 4px 4px;padding:16px 0px 16px 0px;}.elementor-10 .elementor-element.elementor-element-02a2015 .e-form__buttons__wrapper__button-next{background-color:#038220;color:#ffffff;}.elementor-10 .elementor-element.elementor-element-02a2015 .elementor-button[type="submit"]{background-color:#038220;color:#ffffff;}.elementor-10 .elementor-element.elementor-element-02a2015 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-10 .elementor-element.elementor-element-02a2015 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-02a2015 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-secondary );color:#ffffff;}.elementor-10 .elementor-element.elementor-element-02a2015 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-secondary );color:#ffffff;}.elementor-10 .elementor-element.elementor-element-02a2015 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-10 .elementor-element.elementor-element-02a2015 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-02a2015{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-10 .elementor-element.elementor-element-fc11d08{--n-accordion-title-font-size:20px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:16px 0px 0px 16px;--n-accordion-title-normal-color:var( --e-global-color-primary );--n-accordion-icon-size:15px;}.elementor-10 .elementor-element.elementor-element-fc11d08 > .elementor-widget-container{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-secondary );border-radius:16px 16px 16px 16px;box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.23);}.elementor-10 .elementor-element.elementor-element-fc11d08 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-10 .elementor-element.elementor-element-fc11d08 {--n-accordion-padding:16px 20px 20px 20px;}:where( .elementor-10 .elementor-element.elementor-element-fc11d08 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Gilroy", Sans-serif;font-weight:600;}:where( .elementor-10 .elementor-element.elementor-element-fc11d08 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-10 .elementor-element.elementor-element-1208f59{--display:flex;}.elementor-10 .elementor-element.elementor-element-d06308d .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-b870bda .elementor-heading-title{font-size:14px;color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-37f1459{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-18779dd{--grid-auto-flow:row;}.elementor-10 .elementor-element.elementor-element-ae56dcf{--overlay-opacity:0;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-02a2015 .elementor-field-group .elementor-field, .elementor-10 .elementor-element.elementor-element-02a2015 .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-18779dd{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-10 .elementor-element.elementor-element-ae56dcf{--overlay-opacity:1;}.elementor-10 .elementor-element.elementor-element-02a2015 .elementor-field-group .elementor-field, .elementor-10 .elementor-element.elementor-element-02a2015 .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for form, class: .elementor-element-02a2015 */.elementor-10 .elementor-element.elementor-element-02a2015 label {
    color: #6D6D6D;
    background: white;
    padding: 4px;
    translate: 12px 8px;
    font-size: 14px;
}

.elementor-10 .elementor-element.elementor-element-02a2015 .section-header {
    color: #354A36;
    font-weight: 700;
    font-family: Gilroy;
    font-size: 18px;
    letter-spacing: 0%;
    padding-top:8px!important;
    display: block;
}

.elementor-10 .elementor-element.elementor-element-02a2015 .elementor-field-type-radio .elementor-field-option {
    
    border: 1px solid #C6CEC7!important;
    padding: 12px 12px!important;
    border-radius: 10px;
    
    &:not(:last-child) {
    margin-bottom: 8px;
    }
  
    & label {   
    font-weight: 500!important;
    line-height: 150%!important;
    letter-spacing: 0%!important;
    }
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-02a2015 */.elementor-10 .elementor-element.elementor-element-02a2015 label {
    color: #6D6D6D;
    background: white;
    padding: 4px;
    translate: 12px 8px;
    font-size: 14px;
}

.elementor-10 .elementor-element.elementor-element-02a2015 .section-header {
    color: #354A36;
    font-weight: 700;
    font-family: Gilroy;
    font-size: 18px;
    letter-spacing: 0%;
    padding-top:8px!important;
    display: block;
}

.elementor-10 .elementor-element.elementor-element-02a2015 .elementor-field-type-radio .elementor-field-option {
    
    border: 1px solid #C6CEC7!important;
    padding: 12px 12px!important;
    border-radius: 10px;
    
    &:not(:last-child) {
    margin-bottom: 8px;
    }
  
    & label {   
    font-weight: 500!important;
    line-height: 150%!important;
    letter-spacing: 0%!important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-37f1459 *//* ===========================
   WooCommerce Modern Account Page
=========================== */


/* Page header */
.woocommerce-MyAccount-content::before {
    content: "Welcome to Your Account";
    display: block;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #222;
}

/* Navigation container as grid */
.woocommerce-MyAccount-navigation ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    padding: 0;
    margin: 0 0 40px 0;
    list-style: none;
}

/* Card styling */
.woocommerce-MyAccount-navigation ul li {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.woocommerce-MyAccount-navigation ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px 20px;
    text-decoration: none;
    color: #333;
    font-weight: 600;
    font-size: 16px;
}

/* Hover effect */
.woocommerce-MyAccount-navigation ul li:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Add icons before links */
.woocommerce-MyAccount-navigation ul li:nth-child(1) a::before {
    content: "🛒"; /* Orders */
    font-size: 40px;
    margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation ul li:nth-child(2) a::before {
    content: "📥"; /* Downloads */
    font-size: 40px;
    margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation ul li:nth-child(3) a::before {
    content: "⚙️"; /* Account Details */
    font-size: 40px;
    margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation ul li:nth-child(4) a::before {
    content: "🏠"; /* Addresses */
    font-size: 40px;
    margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation ul li:nth-child(5) a::before {
    content: "🔓"; /* Logout */
    font-size: 40px;
    margin-bottom: 10px;
}

/* Main content styling */
.woocommerce-MyAccount-content {
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    font-size: 15px;
    line-height: 1.6;
}

/* Buttons inside account page */
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content input.button {
    background-color: #0071e3;
    color: #fff;
    border-radius: 8px;
    padding: 12px 25px;
    text-transform: uppercase;
    font-weight: 600;
    transition: background 0.3s ease;
    border: none;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content input.button:hover {
    background-color: #005bb5;
}

.woocommerce-MyAccount-navigation ul li:last-child a::before {
    content: "🚪"; /* Logout icon */
    font-size: 40px;
    margin-bottom: 10px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
    .woocommerce-MyAccount-navigation ul li a {
        padding: 30px 15px;
        font-size: 14px;
    }
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
    display: none;
}

.woocommerce-MyAccount-content a, .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    color: #ff0000;
}

.woocommerce-info {
    border-top-color: #ff0000;
}



.woocommerce-error, .woocommerce-info, .woocommerce-message {
    position: relative;
    background-color: #000000;
    color: #ffffff;
}
a.woocommerce-Button.wc-forward.button {
    background-color: white;
    color: black;
    border-radius: 100px;
    font-size: 14px;
    padding: 10px 25px;
}

/* ===========================
   WooCommerce Addresses Styling
=========================== */

/* Container */
.woocommerce-MyAccount-content .woocommerce-Addresses {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

/* Individual address cards */
.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
    flex: 1 1 300px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    padding: 30px 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect */
.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Address title */
.woocommerce-MyAccount-content .woocommerce-Addresses h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #222;
}

/* Address text */
.woocommerce-MyAccount-content .woocommerce-Addresses address {
    font-style: normal;
    line-height: 1.6;
    color: #555;
}

/* Edit link button */
.woocommerce-MyAccount-content .woocommerce-Addresses a.edit {
    display: inline-block;
    margin-top: 15px;
    background-color: #ff0000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: background 0.3s ease;
}

.woocommerce-MyAccount-content .woocommerce-Addresses a.edit:hover {
    background-color: #000;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .woocommerce-MyAccount-content .woocommerce-Addresses {
        flex-direction: column;
    }
}

.woocommerce-account .addresses .title .edit {
    float: left;
    margin-bottom: 15px;
}

header.woocommerce-Address-title.title br {
    display: none;
}


/* Container styling */
.woocommerce-MyAccount-content form.edit-account {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    padding: 30px 40px;
    display: block; /* remove flex from the entire form */
}

/* Group fields that should appear inline */
.woocommerce-MyAccount-content form.edit-account .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

/* Labels */
.woocommerce-MyAccount-content form.edit-account label {
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
    color: #333;
}

/* Input fields */
.woocommerce-MyAccount-content form.edit-account input.input-text,
.woocommerce-MyAccount-content form.edit-account input[type="password"] {
    flex: 1 1 100%;
    padding: 12px 15px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 15px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.woocommerce-MyAccount-content form.edit-account input.input-text:focus,
.woocommerce-MyAccount-content form.edit-account input[type="password"]:focus {
    border-color: #0071e3;
    box-shadow: 0 0 5px rgba(0,113,227,0.3);
    outline: none;
}

/* Save changes button */
.woocommerce-MyAccount-content form.edit-account .woocommerce-Button {
    background-color: #0071e3;
    color: #fff;
    padding: 12px 25px;
    border-radius: 8px;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    transition: background 0.3s ease;
    cursor: pointer;
    margin-top: 10px;
}

.woocommerce-MyAccount-content form.edit-account .woocommerce-Button:hover {
    background-color: #005bb5;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .woocommerce-MyAccount-content form.edit-account {
        padding: 20px;
    }
    .woocommerce-MyAccount-content form.edit-account .form-row {
        flex-direction: column;
    }
}


/* Not logged in CSS */

form.woocommerce-form.woocommerce-form-login.login {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s 
ease, box-shadow 0.3s 
ease;
    border: none !important;
}



form.woocommerce-form.woocommerce-form-register.register {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s 
ease, box-shadow 0.3s 
ease;
    border: none !important;
}


.elementor-10 .elementor-element.elementor-element-37f1459 button.woocommerce-button {
    background: var(--e-global-color-primary) !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 15px 30px !important;
}
X
.elementor-10 .elementor-element.elementor-element-37f1459 button.woocommerce-button:hover {
    background: #000 !important;
    color: #fff !important;
    transition:0.2s;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://mowers.jarilostaging2.co.uk/wp-content/uploads/2025/07/Gilroy-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://mowers.jarilostaging2.co.uk/wp-content/uploads/2025/07/Gilroy-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://mowers.jarilostaging2.co.uk/wp-content/uploads/2025/07/Gilroy-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */