.elementor-380 .elementor-element.elementor-element-7e07fae{--display:flex;--overlay-opacity:0.09;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );}.elementor-380 .elementor-element.elementor-element-7e07fae:not(.elementor-motion-effects-element-type-background), .elementor-380 .elementor-element.elementor-element-7e07fae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-861a187 );}.elementor-380 .elementor-element.elementor-element-7e07fae::before, .elementor-380 .elementor-element.elementor-element-7e07fae > .elementor-background-video-container::before, .elementor-380 .elementor-element.elementor-element-7e07fae > .e-con-inner > .elementor-background-video-container::before, .elementor-380 .elementor-element.elementor-element-7e07fae > .elementor-background-slideshow::before, .elementor-380 .elementor-element.elementor-element-7e07fae > .e-con-inner > .elementor-background-slideshow::before, .elementor-380 .elementor-element.elementor-element-7e07fae > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://hightech-service.fr/wp-content/uploads/2026/04/shopping-cart-full-electronics-with-copy-space-background-black-friday-sales_1009861-2830.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-380 .elementor-element.elementor-element-f70c8d8{width:100%;max-width:100%;}.elementor-380 .elementor-element.elementor-element-f70c8d8.elementor-element{--align-self:center;}/* Start custom CSS for shortcode, class: .elementor-element-f70c8d8 *//* WooCommerce Login & Register Premium Side-by-Side Design */

/* 1. Main Container Setup */
#customer_login {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
    padding: 40px 20px;
    max-width: 1000px;
    margin: 0 auto;
}

/* 2. Each Column Styling (Card Style) */
#customer_login .u-column1, 
#customer_login .u-column2 {
    flex: 1;
    min-width: 320px;
    background: #000000; /* Black background */
    padding: 40px;
    border-radius: 15px;
    border: 1px solid #333;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

/* 3. Typography (Rajdhani & Montserrat) */
#customer_login h2 {
    font-family: 'Rajdhani', sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing: 2px;
}

#customer_login label, 
#customer_login p {
    font-family: 'Montserrat', sans-serif !important;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.6;
}

#customer_login .woocommerce-privacy-policy-text p {
    color: #bbb;
    font-size: 12px;
}

/* 4. Input Fields Styling */
#customer_login .input-text {
    background: #1a1a1a !important;
    border: 1px solid #444 !important;
    color: #ffffff !important;
    padding: 12px 15px !important;
    border-radius: 8px !important;
    width: 100%;
    transition: all 0.3s ease;
}

#customer_login .input-text:focus {
    border-color: #3ABB14 !important;
    box-shadow: 0 0 8px rgba(58, 187, 20, 0.3);
}

/* 5. Buttons Styling (Green) */
#customer_login .button {
    background-color: #3ABB14 !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff !important;
    padding: 15px !important;
    width: 100%;
    border-radius: 8px !important;
    border: none !important;
    margin-top: 15px;
    cursor: pointer;
    transition: 0.3s ease;
}

#customer_login .button:hover {
    background-color: #2e9610 !important;
    transform: translateY(-2px);
}

/* 6. Password Eye Icon (White/Green) */
.show-password-input::after {
    color: #3ABB14 !important;
}

/* 7. Links (Green) */
#customer_login a {
    color: #3ABB14 !important;
    text-decoration: none;
    transition: 0.3s ease;
}

#customer_login a:hover {
    color: #ffffff !important;
}

/* 8. Mobile Responsive */
@media (max-width: 768px) {
    #customer_login {
        flex-direction: column;
        align-items: center;
    }
    #customer_login .u-column1, 
    #customer_login .u-column2 {
        width: 100%;
    }
}

/* WooCommerce Lost Password Page Premium Design */

/* 5. Reset Password Button Styling */
.lost_reset_password .button {
    background-color: #3ABB14 !important; /* Brand Green */
    font-family: 'Rajdhani', sans-serif !important; /* Bold font */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff !important;
    padding: 16px !important;
    width: 100% !important;
    border-radius: 8px !important;
    border: none !important;
    margin-top: 10px;
    cursor: pointer;
    transition: 0.3s ease;
}




/* Center only the Lost Password Card */


/* 2. Lost Password Card Design */
.woocommerce-ResetPassword.lost_reset_password {
    background: #000000 !important; /* Black background */
    padding: 50px 40px !important;
    border-radius: 15px;
    border: 1px solid #333;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    max-width: 480px !important; /* কার্ডের চওড়া */
    width: 100% !important;
    margin: 0 auto !important;
}

/* 3. Text & Label Styling */
.lost_reset_password p {
    font-family: 'Montserrat', sans-serif !important; /* body/paragraph - Montserrat */
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 25px;
}

.lost_reset_password label {
    font-family: 'Montserrat', sans-serif !important;
    color: #ffffff !important;
    margin-bottom: 10px;
    display: block;
}

/* 4. Input Field Styling - Full Width Fix */
.lost_reset_password .input-text {
    background: #1a1a1a !important;
    border: 1px solid #444 !important;
    color: #ffffff !important;
    padding: 14px 15px !important;
    border-radius: 8px !important;
    width: 100% !important; /* এটি ফুল উইডথ করবে */
    display: block !important; /* যাতে পুরো জায়গা দখল করে */
    box-sizing: border-box !important; /* প্যাডিংয়ের কারণে যাতে বক্সের বাইরে না যায় */
}

/* নিচের অংশটুকু বাড়তি যোগ করুন যাতে ইনপুট ফিল্ডের ওপরের লেবেলটি ঠিক থাকে */
.lost_reset_password .form-row {
    width: 100% !important;
    display: block !important;
}
.lost_reset_password .input-text:focus {
    border-color: #3ABB14 !important; /* Website main color */
}

/* 5. Button Styling */
.lost_reset_password .button {
    background-color: #3ABB14 !important; /* Main Color */
    font-family: 'Rajdhani', sans-serif !important; /* Bold big - Radhani */
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff !important;
    padding: 16px !important;
    width: 100% !important;
    border-radius: 8px !important;
    border: none !important;
    margin-top: 15px;
    transition: 0.3s ease;
}

.lost_reset_password .button:hover {
    background-color: #2e9610 !important;
    transform: translateY(-2px);
}














/* My Account Page Font Family Update */

/* ১. নেভিগেশন মেনু (Dashboard, Orders, ইত্যাদি) */
.woocommerce-MyAccount-navigation ul li a {
    font-family: 'Rajdhani', sans-serif !important; /* Bold headings style */
    font-weight: 600;
    text-transform: uppercase;
}

/* ২. কন্টেন্ট এরিয়া (Hello jowel... এবং অন্যান্য টেক্সট) */
.woocommerce-MyAccount-content p, 
.woocommerce-MyAccount-content span,
.woocommerce-MyAccount-content strong {
    font-family: 'Montserrat', sans-serif !important; /* Body text style */
}

/* ৩. লিঙ্ক এবং বাটন */
.woocommerce-MyAccount-content a {
    font-family: 'Montserrat', sans-serif !important;
    color: #3ABB14 !important; /* আপনার ব্র্যান্ড কালার */
}

/* ৪. নোটিশ বা ইনফো বক্স */
.woocommerce-info {
    font-family: 'Montserrat', sans-serif !important;
    border-top-color: #3ABB14 !important;
}

/* WooCommerce Account & Dashboard - Necessary Styling Only */

/* 1. Brand Color Implementation on Links & Accents */
.woocommerce-MyAccount-content a,
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-info a {
    color: #3ABB14 !important; /* Main Brand Color */
    text-decoration: none;
    transition: 0.3s ease;
}

.woocommerce-MyAccount-content a:hover {
    color: #ffffff !important;
}

/* 2. Global Typography for Account Dashboard */
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation ul li {
    font-family: 'Montserrat', sans-serif !important; /* Body Font */
}

.woocommerce-MyAccount-content strong {
    font-family: 'Rajdhani', sans-serif !important; /* Bold font for emphasis */
    color: #3ABB14;
}

/* 3. Dashboard Navigation Background (Dark Theme Matching) */
.woocommerce-MyAccount-navigation ul {
    background: #000000 !important; /* Matches site background */
    border: 1px solid #333;
    border-radius: 8px;
    overflow: hidden;
}

.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #222;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none;
}

/* 4. Notice/Info Box Styling */
.woocommerce-info {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-top: 3px solid #3ABB14 !important;
    font-family: 'Montserrat', sans-serif;
}













.woocommerce-MyAccount-content p, .woocommerce-MyAccount-content span, .woocommerce-MyAccount-content strong {
 color: white !important;   
}

.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
    
    background: white !important;
}




.woocommerce .woocommerce-Addresses address, .woocommerce .woocommerce-MyAccount-content address, .woocommerce .woocommerce-customer-details address, .woocommerce-account .woocommerce-Addresses address, .woocommerce-account .woocommerce-MyAccount-content address, .woocommerce-account .woocommerce-customer-details address{
    color: white !important;
}/* End custom CSS */