/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.7
	Stable tag: 3.4.7
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* =========================
   HEADER ICONS
========================= */

.custom-top-icons{
    position:absolute;
    top:30px;
    right:60px;
    z-index:999;
    display:flex;
    align-items:center;
    gap:22px;
    font-family:"Jost",sans-serif;
}

.custom-top-icons a{
    position:relative;
    text-decoration:none;
    color:#222;
    font-size:15px;
    font-weight:500;
    transition:.3s;
}

.custom-top-icons a:hover{
    color:#c89be3;
}

/* Cart Count */
.custom-top-icons .cart-icon span{
    position:absolute;
    top:-10px;
    right:-12px;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#c89be3;
    color:#fff;
    font-size:11px;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* =========================
   LOGIN / REGISTER
========================= */

.woocommerce-account{
    background:#fcfcfc;
	
}
.woocommerce-account .woocommerce{
padding:60px 0 60px 0;
}

/* .woocommerce-account .woocommerce{
    max-width:620px;
    margin:60px auto;
    padding:0 20px;
} */

/* Form Box */
.woocommerce-account form.woocommerce-form-login,
.woocommerce-account form.register{
    background:#fff;
    padding:45px;
    border-radius:28px;
    border:1px solid #f1f1f1;
    box-shadow:0 20px 50px rgba(0,0,0,.05);
}

/* Title */
/* .woocommerce-account h2{
    text-align:center;
    font-family:"Lato",sans-serif;
    font-size:48px;
    font-weight:700;
    margin-bottom:35px;
    color:#222;
} */
.woocommerce-account h2{
    text-align:center;
    font-family:"Lato",sans-serif;
    font-size:36px;
    font-weight:700;
    margin-bottom:28px;
    color:#222;
    letter-spacing:1px;
}


/* Form Rows */
.woocommerce-account .form-row{
    width:100% !important;
    display:block !important;
    margin-bottom:22px;
}

/* Labels */
.woocommerce-account label{
    display:block;
    margin-bottom:10px;
    font-family:"Jost",sans-serif;
    font-size:15px;
    font-weight:600;
    color:#222;
}

/* Input Wrapper */
.woocommerce-account .password-input,
.woocommerce-account input.input-text{
    width:100% !important;
}

/* Inputs */
.woocommerce-account input.input-text{
    height:58px;
    border:none;
    border-radius:16px;
    padding:0 20px;
    background:#f7f7f7;
    font-family:"Jost",sans-serif;
    font-size:16px;
    color:#222;
    box-shadow:inset 0 0 0 1px #e8e8e8;
    transition:.3s ease;
}

/* Input Focus */
.woocommerce-account input.input-text:focus{
    background:#fff;
    outline:none;
    box-shadow:
        inset 0 0 0 2px #c89be3,
        0 0 0 5px rgba(200,155,227,.12);
}

/* Password Eye */
.woocommerce-account .show-password-input{
    top:18px;
    right:18px;
    color:#999;
}

/* Button */
.woocommerce-account button.button{
    background:#c89be3 !important;
    color:#fff !important;
    border:none;
    border-radius:16px;
    height:58px;
    padding:0 38px;
    font-family:"Lato",sans-serif;
    font-size:15px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    transition:.3s ease;
}

.woocommerce-account button.button:hover{
    background:#b57ed9 !important;
    transform:translateY(-2px);
}

/* Remember Me */
.woocommerce-account .woocommerce-form-login__rememberme{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:18px;
    font-family:"Jost",sans-serif;
}

/* Lost Password */
.woocommerce-account .lost_password{
    margin-top:18px;
}

.woocommerce-account .lost_password a{
    color:#c89be3;
    text-decoration:none;
    font-family:"Jost",sans-serif;
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

    /* Header */
    .custom-top-icons{
        width:100%;
        position:relative;
        top:auto;
        right:auto;
        justify-content:center;
        gap:18px;
        padding:12px 0;
        margin-bottom:10px;
        background:#fff;
        border-bottom:1px solid #eee;
    }

    .custom-top-icons a{
        font-size:14px;
    }

    .custom-top-icons .cart-icon span{
        width:18px;
        height:18px;
        font-size:10px;
        top:-8px;
        right:-10px;
    }

    /* Form */
    .woocommerce-account form.woocommerce-form-login,
    .woocommerce-account form.register{
        padding:28px 22px;
        border-radius:22px;
    }

    .woocommerce-account h2{
        font-size:30px;
    }

    .woocommerce-account input.input-text{
        height:54px;
        font-size:15px;
    }

}




/* Login + Register Wrapper */
.woocommerce-account .u-columns{
    display:flex;
    gap:40px;
    align-items:flex-start;
}

/* Both Columns */
.woocommerce-account .u-column1,
.woocommerce-account .u-column2{
    width:50% !important;
    float:none !important;
}

/* Form Boxes */
.woocommerce-account form.woocommerce-form-login,
.woocommerce-account form.register{
    background:#fff;
    padding:40px;
    border-radius:28px;
    border:1px solid #f1f1f1;
    box-shadow:0 20px 50px rgba(0,0,0,.05);
    height:100%;
}

/* Mobile */
@media(max-width:768px){

    .woocommerce-account .u-columns{
        flex-direction:column;
    }

    .woocommerce-account .u-column1,
    .woocommerce-account .u-column2{
        width:100% !important;
    }

}






/* =========================
   MY ACCOUNT PAGE
========================= */

.woocommerce-account .woocommerce{
    max-width:1100px;
    margin:60px auto;
    padding:0 20px;
}

/* Layout */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
    background:#fff;
    border:1px solid #f1f1f1;
    border-radius:28px;
    box-shadow:0 20px 50px rgba(0,0,0,.05);
    padding:35px;
}

/* Navigation Width */
.woocommerce-account .woocommerce-MyAccount-navigation{
    width:28%;
}

.woocommerce-account .woocommerce-MyAccount-content{
    width:68%;
}

/* Menu List */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
    list-style:none;
    margin:0;
    padding:0;
}

/* Menu Items */
.woocommerce-account .woocommerce-MyAccount-navigation ul li{
    margin-bottom:12px;
}

/* Menu Links */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
    display:block;
    padding:14px 18px;
    border-radius:14px;
    text-decoration:none;
    font-family:"Jost",sans-serif;
    font-size:16px;
    font-weight:500;
    color:#222;
    transition:.3s ease;
    background:#fafafa;
}

/* Hover */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{
    background:#f4ebfb;
    color:#c89be3;
}

/* Active Menu */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{
    background:#c89be3;
    color:#fff;
}

/* Content Typography */
.woocommerce-account .woocommerce-MyAccount-content{
    font-family:"Jost",sans-serif;
    font-size:16px;
    line-height:1.8;
    color:#444;
}

/* Welcome Text */
.woocommerce-account .woocommerce-MyAccount-content p{
    margin-bottom:20px;
}

/* Links */
.woocommerce-account .woocommerce-MyAccount-content a{
    color:#c89be3;
    text-decoration:none;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover{
    text-decoration:underline;
}

/* Forms Inside Account */
.woocommerce-account .woocommerce-EditAccountForm input,
.woocommerce-account .woocommerce-address-fields input{
    height:58px;
    border:none;
    border-radius:16px;
    background:#f7f7f7;
    padding:0 20px;
    box-shadow:inset 0 0 0 1px #e8e8e8;
    font-family:"Jost",sans-serif;
}

/* Buttons */
.woocommerce-account button.button,
.woocommerce-account .button{
    background:#c89be3 !important;
    color:#fff !important;
    border:none;
    border-radius:16px;
    height:54px;
    padding:0 32px;
    font-family:"Lato",sans-serif;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    transition:.3s ease;
}

/* Hover */
.woocommerce-account button.button:hover,
.woocommerce-account .button:hover{
    background:#b57ed9 !important;
    transform:translateY(-2px);
}

/* Mobile */
@media(max-width:768px){

    .woocommerce-account .woocommerce{
        display:block;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content{
        width:100%;
        margin-bottom:25px;
        padding:24px;
        border-radius:22px;
    }

}