/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Description: A child theme for GeneratePress
Author: Sujan Adhikary
Author URI: https://sujanweb.com
Template: generatepress
Version: 1.0.0
*/

/* Custom CSS goes here */

/* ❤️😇🥰😎  Code--- 1  😇🥰😎❤️ */

#wp-block-search__input-1

 {
    border-radius: 120px;
	 border: 0px;
	
   
}

/* ❤️😇🥰😎  Code--- 2  😇🥰😎❤️ */

.scroll-hover {
  height: 500px;
  overflow: hidden;
  background-position: top;
  background-size: cover;
  transition: background-position 5s ease-in-out;
}

.scroll-hover:hover {
  background-position: bottom;
}



/* ❤️😇🥰😎  Code--- 3  😇🥰😎❤️ */

.custom-btn {
  position: relative;
  overflow: hidden;
  color: #fff !important;
  border: none;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  background: linear-gradient(90deg, #1fd1bf 0, #07b0a2 51%, #1fd1bf 100%);
);
  background-size: 200%;
  background-position:  left center;
  transition: background-position 0.2s ease-in-out;
}

.custom-btn:hover {
  background-position: right center;
}

/* ❤️😇🥰😎  Code--- 4  😇🥰😎❤️ */




/* 🥖 Breadcrumb Hide */
.woocommerce-breadcrumb {
  display: none !important;
}

/* 🏷️ Sale Badge Hide */
.woocommerce span.onsale {
  display: none !important;
}

/* 📂 Product Category & Tags Hide */
.single-product .product_meta {
  display: none !important;
}


/* ❤️😇🥰😎  Code--- 5  😇🥰😎❤️ */


.woocommerce .related ul.products li.product, .woocommerce .up-sells ul.products li.product {
    padding: 15px 15px 15px 15px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}


.woocommerce ul.products li.product .button {
    transition: 0.2s;
    background-size: 200% auto;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    background-image: linear-gradient(to right, #1fd1bf 0, #07b0a2 51%, #1fd1bf 100%);
    border-radius: 4px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 0px;
    width: 100%;
    font-size: 13px !important;
	padding: 8px 0 !important;
	
	
}


.button:hover{
		 background-position: right center;
	}



.single-product .single_add_to_cart_button {
  width: 100%;

 }


.my-custom-extra-buttons .my-custom-btn {
  position: relative;
  overflow: hidden;
  color: #fff !important;
  border: none;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  background: linear-gradient(90deg, #1fd1bf 0, #07b0a2 51%, #1fd1bf 100%);
);
  background-size: 200%;
  background-position:  left center;
  transition: background-position 0.2s ease-in-out  !important;
	font-size: 13px;
  font-weight: 500;
	padding: 8px 0;
	
}

.my-custom-extra-buttons .my-custom-btn:hover {
  background-position: right center;
  color: #fff !important;
}




/* ❤️😇🥰😎  Code--- 6  😇🥰😎❤️ */



/* WooCommerce Add to Cart button styling (Single product page) */
.woocommerce div.product form.cart .button,
.single-product form.cart button.single_add_to_cart_button {
  border-radius: 7px !important;
  margin-bottom: 10px !important;
  font-size: 13px !important;
  padding: 12px 25px !important;
  
}
/* ❤️😇🥰😎  Code--- 7  😇🥰😎❤️ */
 .woocommerce .related ul.products  {
	grid-gap: 20px !important; 
}



/* ❤️😇🥰😎  Code--- 8  😇🥰😎❤️ */

.woocommerce div.product div.images img {
    border-radius: 10px;
}


/* ❤️😇🥰😎  Code--- 9  😇🥰😎❤️ */


/* Shop page এবং Related Products থেকে star rating hide করবে */
.woocommerce ul.products li.product .star-rating,
.related.products .star-rating {
    display: none !important;
}


/* ❤️😇🥰😎  Code--- 10  😇🥰😎❤️ */


.attachment-woocommerce_thumbnail, .size-woocommerce_thumbnail {
    border-radius: 5px !important;
}

/* ❤️😇🥰😎  Code--- 11  😇🥰😎❤️ */

/* Related products hover করলে দ্বিতীয় ইমেজ আসা বন্ধ করবে */
.woocommerce ul.products li.product a img.secondary-image,
.woocommerce ul.products li.product a .woocommerce-product-gallery__image--secondary {
    display: none !important;
}


/* ❤️😇🥰😎  Code--- 12  😇🥰😎❤️ */

#wc-column-container .product {
    padding: 10px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}


/* ❤️😇🥰😎  Code--- 13  😇🥰😎❤️ */



/* 🌟 WooCommerce My Account Navigation – Icons Only (No Hover Effect) */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding-left: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  position: relative;
  margin-bottom: 6px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  position: relative; 
  display: flex !important;
  align-items: center;
  padding: 12px 15px  !important; /* আইকনের জন্য বাঁদিকে জায়গা */
  color: #333;

  text-decoration: none !important;
}

/* 🔹 Common Icon Style */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {
  content: "";
  left: 15px;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
	margin-right: 12px !important;
}


/* 🏠 Dashboard icon */
/*  .woocommerce-MyAccount-navigation ul li*/.woocommerce-MyAccount-navigation-link--dashboard a::before {  
  background-image: url('https://www.svgrepo.com/show/453330/dashboard.svg');
}

/* 🛒 Orders icon */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
  background-image: url('https://www.svgrepo.com/show/32142/shop-cart.svg');
}

/* ⬇️ Downloads icon */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before {
  background-image: url('https://www.svgrepo.com/show/348998/data-transfer-download.svg');
}

/* Address svg icon  */

.woocommerce-MyAccount-navigation-link--edit-address a::before {
	 background-image: url('https://www.svgrepo.com/show/513450/location-pin.svg');
}

/* 👤 Account details icon */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
  background-image: url('https://www.svgrepo.com/show/454078/account.svg');
}

/* 🚪 Logout icon */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
  background-image: url('https://www.svgrepo.com/show/374962/logout.svg');
}

/* 💬 Customer Support icon (custom link) */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--support a::before {
  background-image: url('https://www.svgrepo.com/show/348638/chat-bubble-dots.svg');
}

.woocommerce-MyAccount-navigation ul li a:hover {
    color: #0073aa !important;
    background: #f8f9fa !important;
}

.woocommerce-MyAccount-navigation li a:hover {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}


/* ❤️😇🥰😎  Code--- 14  😇🥰😎❤️ */


/* Input fields style */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {
/*     width: 100%; */
    padding: 10px 15px;
    font-size: 16px;
    border: 1px solid #d1d1d1; /* হালকা ধূসর বর্ডার */
    border-radius: 6px; /* চাইলে গোল করতে পারো */
    box-sizing: border-box;
	font-weight: 400;
	font-family:'poppins', sans-serif;

}

/* Placeholder style */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    font-size: 14px;
    opacity: 0.7;
    color: #000000; /* হালকা ধূসর */
    font-weight: 300; /* পাতলা placeholder */
	letter-spacing: 0.5px;
}

/* Hover effect */
.wpcf7 input:hover,
.wpcf7 textarea:hover,
.wpcf7 select:hover {
    border-color: #a9a9a9;
}

/* Focus effect */
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
    border-color: #666;
    outline: none;
}

.wpcf7 select option {
    color: #707070;  /* হালকা placeholder look */
    font-weight: 300;
}



/* ❤️😇🥰😎  Code--- 15  😇🥰😎❤️ */

/* -------------------------
   Support warning box styles
   ------------------------- */
.support-warning-box {
    margin: 25px 0;
    text-align: left;
}

/* Paragraph inside the warning box */
.support-warning-box p {
    background-color: #fff3cd;   /* হালকা ব্যাকগ্রাউন্ড */
    color: #8e0707;              /* টেক্সট কালার */
    padding: 12px 15px;
    padding-left: 40px;         /* আইকনের জন্য জায়গা (সমন্বয় করতে পারো) */
    border-radius: 8px;
    line-height: 1.5;
    position: relative;
    border: 1px solid #ffdc71;
    margin: 0 0 15px 0;
}

/* Icon before the paragraph text */
.support-warning-box p::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;   /* আইকনের সাইজ - প্রয়োজনে adjust করো */
    height: 18px;

    /* এখানে তোমার SVG আইকনের লিংক থাকছে */
    background-image: url("https://www.svgrepo.com/show/503021/error.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.9;
}

/* ❤️😇🥰😎  Code--- 16  😇🥰😎❤️ */

.support-warning-box1 h6 {
	background-color: #dfffbe; 
	display: inline-block;
	padding: 4px 8px;
	border: 1px solid #83d232;
	border-radius: 6px;
	letter-spacing: 0.2px;

}



/* ❤️😇🥰😎  Code--- 17  😇🥰😎❤️ */

.main-navigation .inside-navigation {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}


/* ❤️😇🥰😎  Code--- 18  😇🥰😎❤️ */

/* Header Background Gradient */
#generate-slideout-menu,
#mobile-header,
 #sticky-navigation,
#site-navigation {
    background: linear-gradient(150deg, #1ac8be, #0a78a2); /* এখানে তোমার পছন্দের দুটি রং দাও */
	
} 

/* -------- DESKTOP STYLE -------- */
@media (min-width: 769px) {
    .main-navigation .main-nav ul li.menu-item:nth-child(3) > a {
        background-color: #ed8c28;
        border: 2px solid #ed8c28;
        border-radius: 40px;
        color: #ffffff;
        line-height: 35px;
    }

    .main-navigation .main-nav ul li.menu-item:nth-child(3) > a:hover {
        background-color: #ff9500;
    }
}


/* -------- MOBILE STYLE -------- */
@media (max-width: 768px) {
    .slideout-navigation .main-nav ul li.menu-item:nth-child(3) > a,
    .mobile-menu .main-nav ul li.menu-item:nth-child(3) > a {
        background-color: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        color: inherit !important;
        line-height: 50px !important;
    }
}



/* Hide default GP SVG */
.menu-toggle .gp-icon svg {
    display: none !important;
}

/* Add Flaticon SVG icon */
.menu-toggle {
    background-image: url("https://theme.sujanweb.com/wp-content/uploads/2025/11/menu.png"); /* এখানে তোমার SVG URL দাও */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px !important;
   margin: 0 20px 0 10px !important;
}

  /*  add to card number css*/

.cart-contents > span.number-of-items {
		background-color: white !important;
		color: black !important; 
		}


/* ❤️😇🥰😎  Code--- 19  😇🥰😎❤️ */


/* Login form labels hide except remember me */
.woocommerce-form-login .form-row label:not(.woocommerce-form__label-for-checkbox) {
    display: none !important;
}

/* Register form labels hide */
.woocommerce-form-register .form-row label {
    display: none !important;
}



/* ❤️😇🥰😎  Code--- 20  😇🥰😎❤️ */

* Force show placeholder text */
input::-webkit-input-placeholder {
    color: #555 !important;
    opacity: 1 !important;
}

input:-ms-input-placeholder {
    color: #555 !important;
    opacity: 1 !important;
}

input::placeholder {
    color: #555 !important;
    opacity: 1 !important;
}


/* ❤️😇🥰😎  Code--- 21  😇🥰😎❤️ */

/* =========================
   Icon-in-input: base styles
   ========================= */

/* Wrapper always stays relative */
.icon-input-wrapper,
.icon-input-wrapper-fallback {
    position: relative !important;
}

/* Input always gets padding (auto-fill সহ) */

.woocommerce-form-login .input-with-icon,
.woocommerce-form-register .input-with-icon {
    padding-left: 40px !important;
}


/* Icon absolute & fixed (Auto-fill-safe) */
.icon-input-wrapper::before,
.icon-input-wrapper-fallback::before,
.icon-username::before,
.icon-password::before,
.icon-firstname::before,
.icon-lastname::before,
.icon-reg-username::before,
.icon-email::before,
.icon-reg-password::before,
.icon-reg-password2::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    pointer-events: none;
    z-index: 9 !important;  
	color:#fff!important;/* 🚀 IMPORTANT: autofill no longer hides icon */
	
}

/* Fix Chrome autofill yellow background covering icon */
input:-webkit-autofill {
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0px 40px white inset !important;
}
/* WooCommerce password strength meter fix */
.woocommerce-password-strength,
.woocommerce-password-hint {
    position: relative !important;
    margin-top: 8px !important;
    z-index: 1 !important;   /* icon stays above always */
}

/* Keep the icon fixed even when meter pushes input */
.icon-input-wrapper input,
.icon-input-wrapper-fallback input {
    display: block !important;
}

/* ====== Field-specific icon URLs ======
   Replace the url("...") values with your Svgrepo PNG/SVG direct links (or hosted images).
   If you use SVG direct links they should be accessible (http(s) URL).
   Example: background-image: url("https://yourdomain.com/wp-content/uploads/user.svg");
   ===================================== */

/* Login: username/email icon */
.woocommerce-form-login .icon-username::before {
    background-image: url("https://www.svgrepo.com/show/352640/user-plus.svg");
}

/* Login: password */
.woocommerce-form-login .icon-password::before {
    background-image: url("https://www.svgrepo.com/show/310933/key.svg");
}

/* Register: first name */
.woocommerce-form-register .icon-firstname::before {
    background-image: url("https://www.svgrepo.com/show/466828/user.svg");
}

/* Register: last name */
.woocommerce-form-register .icon-lastname::before {
    background-image: url("https://www.svgrepo.com/show/466828/user.svg");
	
}

/* Register: username */
.woocommerce-form-register .icon-reg-username::before {
    background-image: url("https://www.svgrepo.com/show/352640/user-plus.svg");
}

/* Register: email */
.woocommerce-form-register .icon-email::before {
    background-image: url("https://www.svgrepo.com/show/487976/username.svg");
}

/* Register: password */
.woocommerce-form-register .icon-reg-password::before {
    background-image: url("https://www.svgrepo.com/show/310933/key.svg");
}

/* Register: confirm password */
.icon-reg-password2::before {
    background-image: url("https://www.svgrepo.com/show/310933/key.svg");
}

/* Small screens tweak */
@media (max-width:480px){
   .woocommerce-form-register .input-with-icon { padding-left:40px !important; }
    .icon-username::before,
    .icon-password::before,
    .icon-firstname::before,
    .icon-lastname::before,
    .icon-reg-username::before,
    .icon-email::before,
    .icon-reg-password::before,
    
}






/* ❤️😇🥰😎  Code--- 22  😇🥰😎❤️ */




.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 49%;
    
}

/* ❤️😇🥰😎  Code--- 23  😇🥰😎❤️ */

/* Increase gap BETWEEN fields only in Login & Register forms */
.woocommerce-account .woocommerce-form-login .form-row,
.woocommerce-account .woocommerce-form-register .form-row {
    margin-bottom: 20px !important; /* এখানেই গ্যাপ নিয়ন্ত্রণ */
}







/* ❤️😇🥰😎  Code--- 24  😇🥰😎❤️ */

/* Privacy Checkbox Row */
.adhikary-privacy-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 15px 0;
}

/* Checkbox Size */
.adhikary-privacy-checkbox {
    width: 13px;
    height: 13px;
    margin-top: 3px;
    cursor: pointer;
}

/* Label + Link */
.adhikary-privacy-label {
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
}

.adhikary-privacy-label a {
    color: #0073aa;
    text-decoration: none;
}

.adhikary-privacy-label a:hover {
    color: #005883;
    text-decoration: none;
}

/* Disable Register Button until checked */
.adhikary-register-disabled {
    opacity: 0.55 !important;
    cursor: not-allowed !important;
}



/* ❤️😇🥰😎  Code--- 25  😇🥰😎❤️ */


.woocommerce-privacy-policy-text {
	display: none;
}









/* ❤️😇🥰😎  Code--- 26  😇🥰😎❤️ */


.woocommerce-form-login .woocommerce-LostPassword {
    display: none !important;
}

/* Hide WooCommerce default Remember me row */
.woocommerce-form-login 
.woocommerce-form-login__rememberme {
    display: none !important;
}


/* ❤️😇🥰😎  Code--- 27  😇🥰😎❤️ */


/* Row wrapper */
.remember-forgot-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 5px;
}

/* Remember label styling */
.rememberme-label {
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Forgot password link styling */
.custom-forgot-link {
    font-size: 15px;
    text-decoration: none;
    color: #0a82b8;
}

.custom-forgot-link:hover {
    text-decoration: underline;
}

/* Full width login button */
.button,
.wpcf7-submit,
.woocommerce-Button,
.woocommerce-form-login__submit {
    width: 100% !important;
    display: block;
    margin-top: 12px;
    padding:  !important;
    font-size: 15px !important;
	text-align: center;
	border-radius: 7px !important;
}


/* ❤️😇🥰😎  Code--- 28  😇🥰😎❤️ */


.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:focus {
    outline: none !important;
    border-width: 1px !important;     /* মোটা হওয়া বন্ধ */
    border-color:var(--wc-form-border-width) solid var(--wc-form-border-color);;    /* চাইলে রং পাল্টাতে পারো */
    box-shadow: none !important;      /* WooCommerce এর shadow remove */
}



/* ❤️😇🥰😎  Code--- 29  😇🥰😎❤️ */


/* Center & max width */
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register {
    width: 100%;
    max-width: 700px;
    margin: 0 auto !important;
    float: none !important;
}

/* Fix WooCommerce pushing forms side-by-side */
.woocommerce-account .col2-set,
.woocommerce-account .woocommerce {
    display: block !important;
}


/* ==========================
   TAB BUTTON STYLING
=========================== */
.ns-tabs-wrapper {
    max-width: 700px;
    margin: 0 auto 25px auto;
    display: flex;
    justify-content: center;
}

.ns-tab-btn {
    flex: 1;
    padding: 12px 20px ;
    border: none;
    font-size: 16px;
    background: #eaeaea;
	color:#000;
    cursor: pointer;
    transition: 0.3s;
	
}

.ns-tab-btn:hover{
	background: #dbdbdb;
	color:#000;
}

.ns-tab-btn.active {
    background: #000;
    color: #fff;
}


/* Smooth fade effect */
.woocommerce-form-login,
.woocommerce-form-register {
    animation: fadeIn .3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* ==========================
   Remember me + Forgot Password row
=========================== */
.remember-wrapper-custom {
    max-width: 700px;
    margin: 10px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rememberme-label {
    display: flex;
    align-items: center;
    gap: 5px;
}

.custom-forgot-link {
    color: #2a64ff;
    text-decoration: none;
}

.custom-forgot-link:hover {
    text-decoration: underline;
}


/* Full width login button */
.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
    width: 100% !important;
    padding: 10px 20px!important;
    font-size: 16px;
    border-radius: 6px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important;
}


/* ❤️😇🥰😎  Code--- 30  😇🥰😎❤️ */


//* ==========================================
   My Account Login/Register CENTER FIX
========================================== */

/* Wrapper fix for My Account page only */
body.woocommerce-account .woocommerce {
    display: block !important;
    max-width: 700px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Disable 2-column layout ONLY on My Account page */
body.woocommerce-account .col2-set {
    display: block !important;
}

/* Disable column floats ONLY for login/reg forms */
body.woocommerce-account .u-column1:has(.woocommerce-form-login),
body.woocommerce-account .u-column2:has(.woocommerce-form-register) {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
}

/* Center login form ONLY */
body.woocommerce-account .woocommerce-form-login,{
    max-width: 700px !important;
    width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
}

/* Center register form ONLY */
body.woocommerce-account .woocommerce-form-register {
    max-width: 700px !important;
    width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
}




/* ❤️😇🥰😎  Code--- 31  😇🥰😎❤️ */





/* Sometimes themes wrap titles differently */
 .u-column1:has(.woocommerce-form-login) h2, 
 .u-column2:has(.woocommerce-form-register) h2 {
    display: none !important;
}

/* ❤️😇🥰😎  Code--- 32  😇🥰😎❤️ */


body.woocommerce-account .woocommerce-error {
    max-width: 700px !important;
    margin: 0 auto 15px auto !important;
    padding: 7px 15px !important;
    border-radius: 7px !important;
    font-size: 15px ;
	margin-bottom: 15px;
	background-color: #f2dede;
	color: #a94442;
	border: 1px solid #f2dede;
}


/* ❤️😇🥰😎  Code--- 33  😇🥰😎❤️ */


/* Remove black thick border outline */
body.woocommerce-account .woocommerce-error:focus,
body.woocommerce-account .woocommerce-error:focus-visible,
body.woocommerce-account .woocommerce-error:focus-within,
body.woocommerce-account *:focus,
body.woocommerce-account *:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}



/* ❤️😇🥰😎  Code--- 34  😇🥰😎❤️ */
#woocommerce-edit-address-nonce{
	
}


/* Center Lost Password Form */
.woocommerce-lost-password .woocommerce,
.woocommerce-lost-password .woocommerce form {
    margin: 0 auto !important;
    max-width: 700px !important;
    width: 100% !important;
    float: none !important;
}

/* Form Wrapper Fix */
.woocommerce-lost-password .woocommerce {
    display: flex;
    justify-content: center;
}

/* Input field full width */
.woocommerce-lost-password .woocommerce form .form-row input.input-text {
    width: 100% !important;
}

/* Label / Form-row alignment */
.woocommerce-lost-password .form-row {
    width: 100% !important;
}


/* ❤️😇🥰😎  Code--- 35  😇🥰😎❤️ */


.woocommerce-lost-password .lost_reset_password  p:first-of-type{
    padding: 7px 15px !important;
    border-radius: 7px !important;
    font-size: 15px ;
	margin-bottom: 15px;
	background-color: #FFFFE0;
	color: #a94442;
	border: 1px solid #FCE992;
	text-align :center;
}

/* ❤️😇🥰😎  Code--- 36  😇🥰😎❤️ */


/* Lost Password input icon inside placeholder */
.woocommerce-lost-password input#user_login {
    background-image: url("https://www.svgrepo.com/show/352640/user-plus.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10px center;
    padding-left: 40px !important;
}

/* Placeholder text */
.woocommerce-lost-password input#user_login::placeholder {
    color: #999;
    opacity: 1;
    font-size: 14px;
}

.form-row-first label[for="user_login"] {
    display: none !important;
}
.woocommerce-lost-password input#user_login {
	margin:20px auto 5px auto;
	
}


/* ❤️😇🥰😎  Code--- 37  😇🥰😎❤️ */




#billing_email_field,
#shipping_postcode_field{
	margin-bottom:20px;
}

/* ❤️😇🥰😎  Code--- 38  😇🥰😎❤️ */

/*sticky footer menu*/
@media only screen and (min-width: 960px) {
.mobile-footer-menu{display:none!important;}
}
.mobile-footer-menu {
	position: fixed;
	height: 50px;
	width: 100%;
	bottom: 0;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	z-index: 9999;
}


/* ❤️😇🥰😎  Code--- 39  😇🥰😎❤️ */

.full-link-box {
    position: relative;
}

.full-link-box .full-cover {
    position: absolute;
    inset: 0;
    z-index: 5;
}


/* ❤️😇🥰😎  Code--- 40  😇🥰😎❤️ */

.copy-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #f9f9f9 !important;
    color: #000 !important;
    padding: 2px 12px;
    border-radius: 7px;
    border: none;
    cursor: pointer;
    font-size: 12px;
    transition: 0.3s;
}
.copy-btn:hover{
	background-color:#f5f5f5 !important;
	color:#000!important;
}
.copy-btn.copied {
    background: #f5f5f5 !important;
	color:#000 !important;
}
.copy-text,
.copy-icon {
    transition: 0.3s;
}



.copy-btn {
    display: inline-flex;
    align-items: center;
}

.copy-btn .copy-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.copy-btn svg {
    vertical-align: middle;
    display: block;
	width:12px;
	height:12px;

}




/* ❤️😇🥰😎  Code--- 41  😇🥰😎❤️ */

.wc-block-components-button__text{
	color: white;
}


/* ❤️😇🥰😎  Code--- 42  😇🥰😎❤️ */
.wc-block-cart-item__remove-link {
	text-decoration: none !important;
	color:red !important;
}

/* ❤️😇🥰😎  Code--- 43  😇🥰😎❤️ */
input[type="search"],
input.search-field,
input.wp-block-search__input {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}


/* ❤️😇🥰😎  Code--- 44  😇🥰😎❤️ */

/* Discount Badge Style */
.discount-badge {
    display: inline-flex;
    align-items: center;
    background: #e5f7e9;
    color: #0a8a00;
    font-size: 13px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 7px;
    margin: 8px 0 8px;
	gap:6px;
}



/* ❤️😇🥰😎  Code--- 45  😇🥰😎❤️ */

.woocommerce div.product .woocommerce-product-rating {
    margin: 0.3em 0 !important;
}


/* ❤️😇🥰😎  Code--- 46  😇🥰😎❤️ */

.wp-people-viewing {
    margin: 20px 0;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    display: flex;
    align-items: center;
    gap: 5px;
   	padding: 12px 15px 12px 15px;
	background: #f8fafc;
	border-left: 4px solid #21b6464d;
	border-radius: 8px;
}

.viewer-count {
    display: inline-block;
  	min-width: 20px;  /* এটি layout shift বন্ধ করবে */
    text-align: center;
	margin-left:5px;
	color: #0d9488;
	transition: transform 0.35s ease-out, color 0.35s ease-out;
}

.viewer-count.animate {
    transform: scale(1.18);     /* Smooth zoom */
    color: #0d9488;             /* সুন্দর গ্রিন হাইলাইট */
}

.blink-dot {
    position: relative;
    width: 8px;
    height: 8px;
    background: #21b646;
    border-radius: 50%;
    display: inline-block;
}

.blink-dot::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.95);
    box-shadow: 0 0 0 0 rgba(33, 182, 70, 0.7);
    animation: pulseRing 2s ease-out infinite;
}

@keyframes pulseRing {
    0% {
        transform: translate(-50%, -50%) scale(0.50);
        box-shadow: 0 0 0 0 rgba(33, 182, 70, 0.7);
    }
    100% {
        transform: translate(-50%, -50%) scale(.80);
        box-shadow: 0 0 0 12px rgba(33, 182, 70, 0);
    }
}





/* ❤️😇🥰😎  Code--- 47  😇🥰😎❤️ */


/* -------------------------------------- */
/* ------------------------------------------------------ */
/* 1) REGULAR PRICE (del) – Color + Strike Line           */
/* ------------------------------------------------------ */
del,
.woocommerce .price del,
.woocommerce ul.products li.product .price del,
.woocommerce-cart .cart_item .product-price del,
.woocommerce-cart .cart_item .product-subtotal del,
.woocommerce-mini-cart .woocommerce-mini-cart-item .price del,
.wc-block-components-product-price__regular,
.wc-block-grid__product-price del {
    color: #787575 !important;       /* Regular price color */
    opacity: 0.7 !important;
	padding:0 !important;
    text-decoration-line: line-through !important;
    text-decoration-color: red !important;   /* Strike color */
    text-decoration-thickness: 1.5px !important;
}

/* Currency symbol inside del */
del .woocommerce-Price-amount,
del .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
.wc-block-components-product-price__regular .woocommerce-Price-currencySymbol {
    color: #787575 !important;
    opacity: 0.7 !important;
}

/* ------------------------------------------------------ */
/* 2) SALE PRICE (ins) – Your Dark Red (#dc0101)          */
/* ------------------------------------------------------ */
ins,
.woocommerce .price ins,
.woocommerce ul.products li.product .price ins,
.woocommerce-cart .cart_item .product-price ins,
.woocommerce-cart .cart_item .product-subtotal ins,
.woocommerce-mini-cart .woocommerce-mini-cart-item .price ins,
.wc-block-components-product-price__value.is-discounted,
.wc-block-grid__product-price ins {
    color: #dc0101 !important;        /* Sale price color */
    font-weight: 600 !important;
}

/* Currency symbol inside ins */
ins .woocommerce-Price-amount,
ins .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
.wc-block-components-product-price__value.is-discounted .woocommerce-Price-currencySymbol {
    color: #dc0101 !important;
}




/* 2 */

.price {
	margin-bottom: 10px !important;
}




/* ❤️😇🥰😎  Code--- 48  😇🥰😎❤️ */	


/* -------------------------------------
   WooCommerce Notice – Custom Design
   Text Left + Button Aligned Right
-------------------------------------- */

/* Notice container (UL) */
.woocommerce-error {
    background: #a00 !important;
    color: #fff !important;
    padding: 10px 15px !important;
    border-radius: 6px !important;
    list-style: none !important;
    width: 100% !important;
	outline: none !important;
}

/* LI as a flex row: text left + button right */
.woocommerce-notices-wrapper ul.woocommerce-error li {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
}

/* Text style */
.woocommerce-notices-wrapper ul.woocommerce-error li,
.woocommerce-notices-wrapper ul.woocommerce-message li,
.woocommerce-notices-wrapper ul.woocommerce-info li {
    font-size: 15px !important;
    font-weight: 500 !important;
}

/* Button: small, right-aligned */
.woocommerce-notices-wrapper ul li a.button {
    background: #fff !important;
    color: #111 !important;
    padding: 3px 12px !important;
    font-size: 13px !important;
    border-radius: 4px !important;
    
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-left: 12px !important;
    flex-shrink: 0 !important;   /* button stays compact, doesn't stretch */
	width: 100px !important;
}

/* Hover effect */
.woocommerce-notices-wrapper ul li a.button:hover {
    background: #f2f2f2 !important;
}

	/* -------------------------------------
   MOBILE RESPONSIVE SECTION
-------------------------------------- */
@media (max-width: 480px) {

    /* Stack layout vertically */
    .woocommerce-notices-wrapper ul.woocommerce-error li {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    /* Text takes full width */
    .woocommerce-notices-wrapper ul.woocommerce-error li {
        width: 100% !important;
    }

    /* Button shows as full width below text */
    .woocommerce-notices-wrapper ul li a.button {
        width: 100% !important;
        margin-left: 0 !important;
        text-align: center !important;
        justify-content: center !important;
    }

}
	
	
	
	/* ❤️😇🥰😎  Code--- 49  😇🥰😎❤️ */


/* Make Log out red */
.woocommerce-MyAccount-content a[href*="logout"] {
    color: #ff3b3b !important;
    font-weight: 600;
    transition: 0.2s ease;
}

/* Hover effect (darker red) */
.woocommerce-MyAccount-content a[href*="logout"]:hover {
    color: #cc0000 !important;
}


/* ❤️😇🥰😎  Code--- 50  😇🥰😎❤️ */


/* Glassmorphism Logout Popup */
#logoutConfirmPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(6px);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

/* Popup Box */
#logoutConfirmPopup .popup-box {
    background: rgba(255, 255, 255, 0.2);
    padding: 28px 35px;
    border-radius: 20px;
    backdrop-filter: blur(15px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.25);
    text-align: center;
    width: 320px;
    animation: fadeIn .3s ease forwards;
    border: 1px solid rgba(255,255,255,0.25);
}

/* Animation */
@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.85); }
    to { opacity: 1; transform: scale(1); }
}

#logoutConfirmPopup h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 600;
}

.popup-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
}

/* Buttons */
.popup-buttons button {
    padding: 10px 22px;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    transition: 0.2s;
}

/* Yes button (Red Glow) */
#logoutYes {
    background: rgba(255, 60, 60, 0.85);
    color: white;
    box-shadow: 0 0 10px rgba(255, 60, 60, 0.8);
}
#logoutYes:hover {
    background: rgba(255, 80, 80, 1);
    box-shadow: 0 0 15px rgba(255, 60, 60, 1);
}

/* No button (White Glass) */
#logoutNo {
    background: rgba(255, 255, 255, 0.8);
    color: #333;
}
#logoutNo:hover {
    background: rgba(255, 255, 255, 1);
}




/* ❤️😇🥰😎  Code--- 51  😇🥰😎❤️ */



/* Parent container override - center align child buttons */
.wc-block-cart-items {
    display: flex;
    flex-direction: column;
    align-items: center !important;
}

/* Remove All button styling */
.remove-all-cart-btn {
    background: #ff3b3b !important;
    color: #fff !important;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    transition: 0.2s ease;
    border: none;
    margin: 20px 0 !important;
    width: auto;
    font-size: 14px;

    /* FIX: Proper icon + text alignment */
    display: inline-flex;
    align-items: center;      /* vertical align perfect */ 
    gap: 6px;                 /* space between icon and text */
}

/* Trash icon with white color */
.remove-all-cart-btn::before {
    content: "";
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 16px;

    /* Convert SVG to white using filter */
    filter: brightness(0) invert(1);

    /* Your same SVG icon */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 10c-.28 0-.5.22-.5.5v7c0 .28.22.5.5.5s.5-.22.5-.5v-7c0-.28-.22-.5-.5-.5m-3 0c-.28 0-.5.22-.5.5v7c0 .28.22.5.5.5s.5-.22.5-.5v-7c0-.28-.22-.5-.5-.5m-4.49 8.99c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2v-12h-12zm2-10h8v10h-8zm9.99-5h-2.08c-.27 0-.52-.11-.71-.29l-.41-.41a1 1 0 0 0-.71-.29H9.92c-.27 0-.52.11-.71.29l-.41.41a1 1 0 0 1-.71.29H6c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1'/%3E%3C/svg%3E");
}

/* Hover effect */
.remove-all-cart-btn:hover {
    background: #cc0000 !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .remove-all-cart-btn {
        width: 35%;
        padding: 10px 0;
        font-size: 11px;
        justify-content: center; /* keep icon & text centered */
    }
}


/* ❤️😇🥰😎  Code--- 52 😇🥰😎❤️ */


/* Make Razorpay payment label a flex row */
.payment_method_razorpay label {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100%;
}

/* Text always left */
.payment_method_razorpay label span {
    order: 1 !important;
}

/* Razorpay logo always last */
.payment_method_razorpay label img {
    order: 2 !important;
    margin-left: auto !important;
    height: 35px !important;
    width: auto !important;
}
/* razorpay img box and latter box  */
#payment .payment_methods>.wc_payment_method>label {
	border-radius: 6px !important;
	padding : 10px !important;
}
/*  place order butten*/
.woocommerce-page #payment #place_order {
	padding :10px !important;
}

/*  button up I have read and agree to the T&C*/
    @media (max-width: 768px) {
    #payment .payment_methods li.wc_payment_method>input[type=radio]:first-child:checked+label{ 
		font-size: 12px!important;
		}
}
/*  Pay securely by Credit or Debit card or UPI through Razorpay. 👈this latter */
	    @media (max-width: 768px) {
	.payment_box,.payment_box p ,.woocommerce-terms-and-conditions-checkbox-text{
	font-size: 12px!important;
	padding:0 !important;
			}
}





/* ❤️😇🥰😎  Code--- 53 😇🥰😎❤️ */

.custom-forgot-link,
.woocommerce-Address-title a {
	color:red!important;
	
}


/* ❤️😇🥰😎  Code--- 53 😇🥰😎❤️ */

/* Hide "Create an account" checkbox on Checkout */
.woocommerce-account-fields,
.woocommerce-account-fields .form-row,
#createaccount {
    display: none !important;
}