/**
 * Theme Name:     shlumpt
 * Author:         dodo
 * Template:       hello-elementor
 * Text Domain:	   shlumpt
 * 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.
 */


/* Chrome, Safari, Edge, Opera */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	  margin: 0;
	}

/* Firefox */
	input[type=number] {
	  -moz-appearance: textfield;
	}

/* remember me checkbox */       

        body {
            background: var(--bg-light);
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            margin: 0;
            padding: 20px;
        }
:root {
	 --bg-light: #F5F5F5;
            --card-white: #FFFFFF;
            --text-dark: #222222;
            --accent-black: #000000;
            --border-light: #DDDDDD;
            --step-active: #000000;
            --step-inactive: #CCCCCC;
  --shlumpt-border-color:#dadbdd;
  --shlumpt-border-radius:7px;
  --shlumpt-input-color:#333;
  --checkbox-border-color: #c1c1c1;
  --checkbox-checked-color: black;
  --checkbox-hover-color: #transparent;
  --checkbox-disabled-bg-color: #3a3a3a;
}

input#rememberme[type="checkbox"] {
  box-sizing: content-box;
  width: 10px;
  height: 10px;
  margin-right:6px;
  padding: 5px !important;
  border: 2px solid silver !important;
  border-radius:0px !important;
  appearance: none;
  background-color: transparent;
  outline: none;
  transition: outline 0.1s;
}

input#rememberme[type="checkbox"]:checked {
  background-size: cover ;
}

input#rememberme[type="checkbox"]:not(:disabled):checked {
  border-color: var(--checkbox-checked-color);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 32 32" xml:space="preserve"><path style="fill: %23274c77" d="M11.941,28.877l-11.941-11.942l5.695-5.696l6.246,6.246l14.364-14.364L32,8.818"/></svg>');
}

input#rememberme[type="checkbox"]:disabled {
  background-color: var(--checkbox-disabled-bg-color);
}

input#rememberme[type="checkbox"]:disabled:checked {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 32 32" xml:space="preserve"><path style="fill: %238b8c89" d="M11.941,28.877l-11.941-11.942l5.695-5.696l6.246,6.246l14.364-14.364L32,8.818"/></svg>');
}

@media (hover: hover) {
  input#rememberme[type="checkbox"]:not(:disabled):hover {
    background-color: var(--checkbox-hover-color);
    outline: 2px solid var(--checkbox-hover-color);
    transform: scale(1.05);
  }
}

input#rememberme[type="checkbox"]:focus-visible {
  outline: 2px solid var(--checkbox-hover-color);
  transform: scale(1.05);
}

@media (prefers-reduced-motion: reduce) {
  input#rememberme[type="checkbox"] {
    transition: none;
  }
}
body form .shlumpt-form-input,.shlumpt-form-textarea{
	background-clip: padding-box;
    background-image: none;
    border: 1px solid var(--shlumpt-border-color);
    border-radius: var(--shlumpt-border-radius);
    color: var(--shlumpt-input-color);
    font-family: -apple-system, "system-ui", Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    line-height: 1;
    margin-bottom: 0;
    max-width: 100%;
    padding: 11px 15px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
body form .shlumpt-form-textarea:focus,.shlumpt-form-input:focus {
    background-color: #fff;
    border-color: var(--shlumpt-border-color);
    color: var(--shlumpt-input-color);
    outline: none;
}
/** notices */
.shlumpt-message {
    padding: 6px;
    background: #4caf50d6;
    border-radius: 8px;
    color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.shlumpt-message a.button.wc-forward {
    background: #ffffff;
    color: green;
	font-size:16px;
    border-radius: 6px;
}
.shlumpt-notice-info {
    padding: 6px;
    background: #266fca;
    border-radius: 8px;
    color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.shlumpt-notice-info a.button {
    background: #ffffff;
    color: #121598;
    font-size:16px;
    border-radius: 6px;
}
ul.shlumpt-notice-error li {
    color: white !important;
    list-style: none;
    padding: 0px;
    margin: 0;
}

ul.shlumpt-notice-error {
    margin: 10px 0;
    box-sizing: border-box;
    padding: 10px;
    background: #b81c23;
    border-radius: 8px;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 55px;
    line-height: 32px;
}

ul.shlumpt-notice-error li a {
    color: white;
    padding: 3px;
}

ul.shlumpt-notice-error li a:hover {
    text-decoration: underline;
    color: white;
}
.shlumpt-input-text {
    background-clip: padding-box;
    background-image: none;
    border: 1px solid #dadbdd !important;
    border-radius: 7px !important;
    color: black;
    font-family: -apple-system, "system-ui", Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    line-height: 1;
    margin-bottom: 0;
    max-width: 100%;
    padding: 11px 15px !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}
.fs-free-shipping-notice-and-button-wrapper {
/*     align-content: start;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; */
    width: 100%;
}
.fs-free-shipping-notice-continue-shopping-button-wrapper {
    margin: 0 !important;
}
/** utility */
.shlumpt_text_center{
	text-align:center;
}
.shlumpt_lost_password{
	display: flex;
    justify-content: center;
    flex-direction: column;
}
form.woocommerce-ResetPassword.lost_reset_password.shlumpt_align_self_center,form.woocommerce-ResetPassword.lost_reset_password.shlumpt_align_self_center{
	width:30% !important;
    min-width:460px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
}
.shlumpt_lost_password {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.shlumpt_align_self_center{
	margin-left:15px;
	margin-right:15px;
	align-self:center;
}
.shlumpt_mini_cart_logo{
	text-align:center;
    padding-bottom: 16px;
    border-bottom: 1px solid #d5d8dc;
    margin-bottom: 16px;
}
.shlumpt_background{
	background-color: #000000 !important;
}
.shlumpt_color,.shlumpt_color *{
	color: #000000 !important;
}
.shlumpt_mini_cart_product-remove {
    position: absolute;
    right: calc(100% - 75%) !important;
    bottom: 20px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.elementor-menu-cart__product-remove.product-remove,.elementor-menu-cart__product-remove.product-remove:before,.elementor-menu-cart__product.remove.product-remove:after{
	content:none !important;
	border: 0 !important;
    border-radius: 0 !important;
   
    color: black !!important;
    height:auto !important;
    transition: none !important;
    width: auto !important
}
.elementor-menu-cart__product-remove.product-remove>a{
	opacity:1 !important;
	position:relative !important;
}
.shlumpt_button_style_black{
	background-color: #000000 !important;
    font-family: "Poppins", Sans-serif !important;
    border-radius: 8px 8px 8px 8px !important;
	color:white;
}
.shlumpt-button{
	background-color: #000000 !important;
    font-family: "Poppins", Sans-serif !important;
    border-radius: 8px 8px 8px 8px !important;
	color:white !important;
	padding: 8px 35px;
    font-size: 18px;
	border:0px !important;
}
.tab-content .shlumpt-button {
    padding: 7px 24px;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    display: inline-block;
}
.shlumpt_button_logout{
	background-color: #000000 !important;
    font-family: "Poppins", Sans-serif !important;
    border-radius: 8px 8px 8px 8px !important;
	color:white !important;
	padding: 8px 35px;
    font-size: 18px;
}
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
    table-layout: fixed;
}
.shlumpt_variable_product .variations .label {
    font-size: 20px;
    padding-bottom: 20px;
    color: black;
    font-weight: bold;
    text-transform: lowercase;
}
.shlumpt_variable_product .added_to_cart.wc-forward{
	text-transform: capitalize;
    height: 44px;
    background: black;
    color: white;
    border: 1px solid black;
    line-height: 16px;
    font-size: 14px;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #000000;
    font-weight: 400;
    border-radius: 8px 8px 8px 8px;
    padding: 15px 16px 15px 16px;
}
.woocommerce-variation-add-to-cart.variations_button  {
    margin-top: 24px;
	margin-left:0;
}
button.single_add_to_cart_button.button.alt.added {
    background: black !important;
}

button.single_add_to_cart_button.button.alt.loading {
    background: silver !important;
}
.single_add_to_cart_button {     background: black !important; }


.woocommerce-variation-add-to-cart .single_add_to_cart_button,.woocommerce-variation-add-to-cart .single_add_to_cart_button.added,.woocommerce-variation-add-to-cart .single_add_to_cart_button.button.loading,.woocommerce-variation-add-to-cart .single_add_to_cart_button.button.alt.loading,.woocommerce-variation-add-to-cart .single_add_to_cart_button.button.alt.added,.woocommerce-variation-add-to-cart .single_add_to_cart_button.button.alt {
	text-transform: capitalize;
    height: 44px;
    background: black;
    color: white;
    border: 1px solid black;
    line-height: 16px;
    font-size: 14px;
    letter-spacing: 0.5px;
    cursor: pointer;
/*     transition: all 0.3s ease; */
	transition: none !important;
    background-color: #000000;
    font-weight: 400;
    border-radius: 8px 8px 8px 8px;
    padding: 0px 20px;
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button:hover ,.woocommerce-variation-add-to-cart .single_add_to_cart_button.button.alt:hover{
    background: #333 !important;
    border-color: #333 !important;
}
.woocommerce div.product form.cart div.quantity {
    float: left;
    margin: 0 4px 0 0;
    
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button:hover{
    
    color: white;
    border-color: #e5e5e5;
    cursor: not-allowed;
}
.woocommerce-variation-add-to-cart {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}
.elementor-widget-woocommerce-my-account .e-my-account-tab__add-payment-method #add_payment_method #paymen{
	border-radius:25px !important;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background-color: #f5f5f5 !important;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border-color: #f5f5f5 !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
}
.woocommerce-variation-add-to-cart .quantity {
    display: flex;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
}

.woocommerce-variation-add-to-cart .quantity .minus,
.woocommerce-variation-add-to-cart .quantity .plus {
    width: 40px;
    height: 44px;
    background: white;
    border: none;
    color: #333;
    font-size: 16px;
    font-weight: 300;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    position: relative;
}

.woocommerce-variation-add-to-cart .quantity .minus:hover,
.woocommerce-variation-add-to-cart .quantity .plus:hover {
    background: #f5f5f5;
}

.woocommerce-variation-add-to-cart .quantity .minus:active,
.woocommerce-variation-add-to-cart .quantity .plus:active {
    background: #ebebeb;
}

.woocommerce-variation-add-to-cart .quantity .qty {
    width: 60px;
    height: 44px;
    border: none;
    text-align: center;
    font-size: 16px;
    color: #333;
    background: white;
    -moz-appearance: textfield;
    appearance: textfield;
}

.woocommerce-variation-add-to-cart .quantity .qty::-webkit-inner-spin-button,
.woocommerce-variation-add-to-cart .quantity .qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation {
	padding-right:20px;
}
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{
	    background-color:black !important;
    border-radius: 15px !important;
    color: white !important;
    font-size: 20px !important;
}
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a:hover{
	
	    background-color: #d5d8dc !important;
   
}
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul {
    background: #f5f5f5 !important;
    box-shadow: none !important;
}
.woocommerce-MyAccount-content {
    box-shadow: none !important;
    border-radius: 25px;
}
.e-my-account-tabs-vertical.elementor-widget.elementor-widget-woocommerce-my-account{
    max-width: 100%;
    width: 100%;
}
.woocommerce-MyAccount-content-wrapper {
    padding: 32px !important;
    border-radius: 25px !important;
    background: white;
}
.woocommerce-MyAccount-content-wrapper  .item-thumbnail {display: inline;padding: 10px;background: #f5f5f5;border-radius: 15px;margin-right: 20px;}

.woocommerce-MyAccount-content-wrapper  td.woocommerce-table__product-name.product-name {
    display: flex;
}
a#login-with-button {
   	display: flex;
    align-items: center;
    border: 1px solid black;
    padding: 5px 35px;
    border-radius: 26px;
    text-align: center;
    justify-content: center;
}

.login-with-btn-img img {
    height: 24px !important;
	align-self: center;
    display: flex;

}

.login-with-btn-text {
    color: black;
    padding: 8px;
}
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation {
    padding-right: 0px;
}

.woocommerce-order {
    background: white;
    padding: 25px;
    border-radius: 25px;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    font-size: 20px;
    /* display: table; */
    width: auto;
    border-radius: 10px;
    padding: 20px 18px;
    background: #f5f5f5;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 10px;
    font-size: 14px;
}
section.woocommerce-customer-details address {
    background: #f5f5f5;
    padding: 25px !important;
    box-sizing: content-box !important;
    display: block;
    overflow: hidden;
    width: auto !important;
    border: 0px !important;
    font-size: 14px;
}
.woocommerce ul.order_details li {
    border: none !important;
}
div.shlumpt_container_card{
	background-color: var(--sections-background-color, #fff);
    border-color: var(--sections-border-color, #d5d8dc);
    border-radius: 25px !important;
    border-style: var(--sections-border-type, solid);
    border-width: var(--sections-border-top-width, 1px) var(--sections-border-right-width, 1px) var(--sections-border-bottom-width, 1px) var(--sections-border-left-width, 1px);
    font-size: 14px;
    padding: var(--sections-padding, 16px 30px);
    border: 1px solid #cfc8d8;
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 5px;
    box-sizing: content-box;
    border: none;
    width: 50%;
    margin: 0 auto;
    font-size: 18px;
}
.shlumpt-customer-form-container{
    width: 100%;
}
.shlumpt-customer-form-container#customer_lost_password{
	  display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
}
.shlumpt-customer-form-container#customer_login form.customer_login_form, .shlumpt-customer-form-container#customer_login form.customer_register_form, form.woocommerce-ResetPassword
 {
    background-color: var(--sections-background-color, #fff);
    border-color: var(--sections-border-color, #d5d8dc);
    border-radius: 25px !important;
    border-style: var(--sections-border-type, solid);
    border-width: var(--sections-border-top-width, 1px) var(--sections-border-right-width, 1px) var(--sections-border-bottom-width, 1px) var(--sections-border-left-width, 1px);
    font-size: 14px;
    padding: 50px;
	margin: 2em 0;
    text-align: left;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex-wrap: nowrap;
    box-sizing: content-box;
    min-height: 400px;
    border: none;
}
.shlumpt-customer-form-container {
	margin:0px;
}
button.shlumpt-form-button{
    border-radius: 25px !important;
    padding: 12px !important;
    box-sizing: content-box;
    font-size: 18px;
    align-content: stretch;
    margin-top: 15px;
    margin-bottom: 15px;
    color: white;
    background: black;
    min-height: 25px;
	border:none;
}
button.shlumpt-form-button-white{
    border-radius: 25px !important;
    padding: 12px !important;
    box-sizing: content-box;
    font-size: 18px;
    align-content: stretch;
    margin-top: 15px;
    margin-bottom: 15px;
    color: black;
    background: white;
    min-height: 25px;
	border:2px solid white;
	min-width:150px;
	padding:80px;
}
button.shlumpt-form-button:hover,button.shlumpt-form-button:focus {
    color: white;
    background: black;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}
button.shlumpt-form-button-white:hover,button.shlumpt-form-button-white:focus {
    color: black;
    background: white;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.shlumpt-customer-form-container .shlumpt-input-field {
  /* Box Model & Sizing */
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 16px;

  /* Background */
  background-color: #f5f5f5;

  /* Border */
  border: none;
  border-radius: var(--forms-fields-border-radius,12px);

  /* Typography */
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  color: var(--forms-fields-normal-color, #69727d);
  letter-spacing: normal;
  line-height: 1.5;

  /* Display & Layout */
  display: block;
  overflow: visible;

  /* Transitions */
  transition: all 0.3s;
}

div.shlumpt-customer-form-container .shlumpt-input-field::placeholder {
  color: var(--forms-fields-normal-color, inherit);
  font-family: inherit;
  opacity: 0.6;
}

div.shlumpt-customer-form-container .shlumpt-input-field:focus {
  background-color: #f9fafa;
  border-color: #69727d;
  color: var(--forms-fields-focus-color, #69727d);
  transition-duration: var(--forms-fields-focus-transition-duration, 0.3s);
  outline: none; /* Recommended for custom focus styles */
}
div.shlumpt-customer-form-container form.customer_login_form p.form-row,div.shlumpt-customer-form-container form.customer_register_form p.form-row,form.woocommerce-ResetPassword p.form-row {
	display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}
div.shlumpt-customer-form-container h2.shlumpt_text_center,form.woocommerce-ResetPassword h2.shlumpt_text_center {
    margin-bottom: 0px !important;
}
div.shlumpt-customer-form-container label,div.shlumpt-customer-form-container input,form.woocommerce-ResetPassword label,form.woocommerce-ResetPassword input{
	font-size: 16px !important;
}
div.shlumpt-customer-form-container input:not(#rememberme),form.woocommerce-ResetPassword input:not(#rememberme){
/* 	font-size: 16px !important;
    border-color: #C1C1C1 !important;
    border-radius: 10px !important;
    color: var(--e-global-color-text);
    border: 1px solid #c1c1c1 !important; */
}
div.shlumpt-customer-form-container input:not(#rememberme):focus , form.woocommerce-ResetPassword input:not(#rememberme):focus{

    border-color: #c1c1c1 !important;
}
button.woocommerce-button.button.woocommerce-form-login__submit,button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit, form.woocommerce-ResetPassword button.woocommerce-Button.button {
    border-radius: 25px !important;
    padding: 12px !important;
    box-sizing: content-box;
    font-size: 18px;
    align-content: stretch;
    margin-top: 15px;
    margin-bottom: 15px;
	color: white;
    background: black;
	min-height: 25px;
}
.shlumpt_lost_password .shlumpt_text_center h2 {
    margin-bottom: 0 !important;
}


/* my account page */

/* top page container */
.elementor-element.elementor-element-847a7f1 .e-con-inner {
    padding-top: 5px;
}
.e-my-account-tab .woocommerce {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
}
.shlumpt_myaccount_container {

    display: flex;
    width: 85%;
    flex-direction: column;
    margin: 0 auto;
}
.shlumpt_image_container {
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

a.shlumpt_upload_avatar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0; /* Hidden initially */
    transition: opacity 0.3s ease; /* Smooth fade effect */
    background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black background */
    display: flex; /* For centering the icon */
    justify-content: center;
    align-items: center;
    color: white !important;
    border-radius: 50%;
}
a.shlumpt_upload_avatar:hover {
    opacity: 1;
    color: white !important;
    border-radius: 50%;
}
.shlumpt_image_container.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 10;
}

.shlumpt_image_container.loading img {
    opacity: 0.2;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

a.shlumpt_upload_avatar .dashicons {
    font-size: 42px;
    width: 42px;
    height: 42px;
}

.shlumpt_myaccount_myaccount_content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	margin-top: 15px
}
.shlumpt_myaccount_myaccount_content .button{
	background-color: #000000 !important;
    font-family: "Poppins", Sans-serif !important;
    border-radius: 8px 8px 8px 8px !important;
	color:white;
}
.shlumpt_myaccount_top_header {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 20px;
	font-size: 24px;
    color: black;
    border-bottom: 1px solid silver;
    margin-bottom: 50px;
	user-select:none;
}
nav.shlumpt_myaccount_navivation{
    align-self: stretch;
    min-width: 250px;
    max-width: 270px;

}
.shlumpt_profile_container {
   display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
	user-select:none;
}

.shlumpt_image_container img {
    width: 150px;
	border-radius:50% !important;
	min-height:150px;
	max-height:150px;
}

.shlumpt_info_container {
    display: flex;
    flex-direction: column;
    height: 85px;
    justify-content: space-evenly;
    width: 100%;
    margin-bottom: 20px;
	user-select: none;
}

.shlumpt_customer_name {
    font-size: 24px;
    color: black;
    text-transform: capitalize;
}
nav.shlumpt_myaccount_navivation ul {
    list-style: none;
	padding:0px !important;
}
nav.shlumpt_myaccount_navivation ul li {
    height: 42px;
}

li.shlumpt_myaccount_naviagation_link a {
    font-size: 1.4em;
    color: #7c7b7b !important;
}

li.shlumpt_myaccount_naviagation_link a:hover {
    color: black !important;
}
.woocommerce-MyAccount-content.shlumpt-content .woocommerce-MyAccount-content-wrapper {
    background: #f5f5f5 !important;
    padding: 0px !important;
}

.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content {
    float: inline-end;
    padding: 0;
	width: 100% !important;
}
/* Base/Desktop styles (default - large screens) */
.user-details {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 columns on desktop */
    gap: 20px;
    width: 100%; /* Use 100% not 100vw */
}

.user-details .detail {
    background: white; 
    border-radius: 8px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 80px; /* Consistent height */
}

.user-details .detail-info {
    flex: 1;
}

.user-details .detail-info h3 {
    margin: 0;
    padding: 5px 0 !important;
    font-size: 16px;
    line-height: 1.4;
	margin-bottom: 25px !important;
    margin-top: 10px !important;
}

.user-details .detail-info h3:first-child {
    font-weight: 600;
    color: #333;
}

.user-details .detail-info h3.gray {
    color: #666 !important; 
    font-weight: 400;
	 word-break: break-all;
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    min-width: 0;
}

.user-details .detail-icon {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
}

.user-details .detail-icon .dashicons {
    font-size: 24px;
    width: 24px;
    height: 24px;
    color: #6c757d;
}

@media (min-width: 1200px) {
    .user-details {
        grid-template-columns: repeat(2, 1fr); 
	}
    
    .user-details .detail-icon .dashicons {
        font-size: 32px;
        width: 32px;
        height: 32px;
    }
}

/* Tablet (2 columns) */
@media (max-width: 1024px) and (min-width: 769px) {
    .user-details {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on tablet */
    }
    
    .user-details .detail {
        padding: 12px;
        min-height: 70px;
    }
    
    .user-details .detail-info h3 {
		margin:3px !important;
        font-size: 15px;
    }
}

/* Medium Mobile (2 columns) */
@media (max-width: 768px) and (min-width: 481px) {
	.shlumpt_myaccount_myaccount_content{
        flex-wrap: wrap;
    }
    .user-details {
        grid-template-columns: repeat(2, 1fr); /* 2 columns */
        gap: 15px;
    }
    
    .user-details .detail {
        padding: 10px;
        min-height: 65px;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }
    
    .user-details .detail-info h3 {
        font-size: 14px;
        padding: 3px 0 !important;
		margin:3px !important;
    }
    
    .user-details .detail-icon {
        margin-left: 0;
        margin-top: 8px;
        padding: 5px;
        align-self: flex-end;
    }
    
    .user-details .detail-icon .dashicons {
        font-size: 20px;
        width: 20px;
        height: 20px;
    }
}

/* Small Mobile (1 column) */
@media (max-width: 480px) {
	.shlumpt_myaccount_myaccount_content{
        flex-wrap: wrap;
    }
    .user-details {
        grid-template-columns: 1fr; /* 1 column */
        gap: 12px;
    }
    
    .user-details .detail {
        padding: 15px;
        min-height: auto;
        flex-direction: row; /* Keep icon on right */
        align-items: center;
    }
    
    .user-details .detail-info h3 {
        font-size: 14px;
		margin:3px !important;
    }
    
    .user-details .detail-info h3:first-child {
        font-size: 13px; /* Smaller label on mobile */
    }
    
    .user-details .detail-icon {
        margin-left: 15px;
        margin-top: 0;
    }
    
    .user-details .detail-icon .dashicons {
        font-size: 22px;
        width: 22px;
        height: 22px;
    }
}

/* Fix for your existing container styles */
.myaccount_container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .shlumpt_myaccount_myaccount_content{
        flex-wrap: wrap;
    }
    
    .myaccount_content {
        flex-wrap: wrap;
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .myaccount_container {
        width: 95%;
        max-width: none;
    }
}
/* change woo notice  */
/* checkout form */
.pickup_choice {
  height: 40px;
  width: 100%;
  display: flex;
  overflow: hidden;
  border-radius: 10px;
  background: black;
  color: white;
  border: 1px solid silver;
}

.pickup_choice label {
  width: 100%;
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  cursor:pointer;
}


.pickup_choice label:hover {
  background-color: white;
  color:black;
}

.pickup_choice input[type="radio"]:checked+label {
  background-color: white;
  color: black;
}

.pickup_choice input[type="radio"] {
  	visibility: hidden;
	display:none;
}
.e-wc-error-notice .woocommerce-error {
    border-radius: 15px !important;
}
.e-wc-error-notice .woocommerce-message {
    border-radius: 15px !important;
}
.e-wc-error-notice .woocommerce-info {
    border-radius: 15px !important;
}
/*** pickups styles **/
.pickups-container {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 16px;
    min-width: 100%;
}

.pickups-container .pickup-wraper {
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: 16px;
    padding: 20px;
    border: 1px solid silver;
	outline:none;
    margin-top: 15px;
}


.pickups-container .pickup-wraper .pickup-title {
    color: #2d3436;
    font-size: 18px;
    font-weight: 600;
    padding: 0 0 12px 0;
    margin-bottom: 12px;
    border-bottom: 2px solid silver;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pickups-container .pickup-wraper .pickup-title::before {
    content: "🏪";
    font-size: 16px;
}

.pickups-container .pickup-shop-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}

.pickups-container .pickup-shop-image {
    width: 150px;
    height: 150px;
    flex-shrink: 0;
    border-radius: 12px;
    overflow: hidden;   
}

.pickups-container .pickup-shop-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.pickups-container .pickup-info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    padding: 0;
    gap: 16px;
}

.pickups-container .pickup-address {
    color: #495057;
    font-size: 15px;
    line-height: 1.5;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.pickups-container .pickup-address::before {
    content: "📍";
    font-size: 14px;
    flex-shrink: 0;
}

.pickups-container .pickup-hours {
    display: flex;
    flex-direction: row;
    gap: 20px;
    background: #f8f9fa;
    padding: 12px 16px;
    border-radius: 10px;
}
.pickups-container .pickup-hours .pickup-hour {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 4px;
}

.pickups-container .pickup-hours .pickup-hour span.pickup-hour-title {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #6c757d;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.pickups-container .pickup-hours .pickup-hour:nth-child(1) .pickup-hour-title::before {
    content: "⏰";
    font-size: 12px;
}

.pickups-container .pickup-hours .pickup-hour:nth-child(2) .pickup-hour-title::before {
    content: "🕒";
    font-size: 12px;
}

.pickups-container .pickup-hours .pickup-hour span.pickup-hour-time {
    font-size: 15px;
    font-weight: 500;
    color: #2d3436;
    font-family: 'Courier New', monospace;
    background: white;
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid silver;
}

.pickup-shop-container button.pickup-action-button {
    padding: 10px 28px;
    background: black;
    color: white;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    border: none;
    cursor: pointer;
	border:2px solid #f1f3f4;
    align-self: flex-start;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pickup-shop-container button.pickup-action-button.user-picked::before {
    content: "✓";
    font-size: 14px;

}
.pickup-shop-container button.pickup-action-button.user-picked{
	background: white;
	color:black;
}
.pickup-shop-container button.pickup-action-button:hover {
    background: white;
	color:black;
}

.pickup-shop-container button.pickup-action-button:active {
}

.available_local_pickups {
    position: relative;
    height: 100%;
    width: 100%;
    transition: opacity 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .pickups-container .pickup-shop-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    
    .pickups-container .pickup-shop-image {
        width: 100%;
        height: 180px;
    }
    
    .pickups-container .pickup-hours {
        flex-direction: column;
        gap: 12px;
    }
    
    .pickup-shop-container button.pickup-action-button {
        width: 100%;
        justify-content: center;
    }
}

/* Status indicator (optional) */
.pickup-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    padding: 4px 10px;
    border-radius: 20px;
    background: #d3f9d8;
    color: #2b8a3e;
    margin-left: auto;
}

.pickup-status::before {
    content: "●";
    font-size: 10px;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}
/* loading class */
.hidden{
	display: none !important;
}

.shlumpt-content {
    width: 100%;
    background: white;
    padding: 50px;
    border-radius: 25px;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: white !important;
    border-radius: 5px;
}
form.woocommerce-EditAccountForm.edit-account {
    width: 50%;
}
  .container-profile {
	  		width:100%;
           
            margin: 0 auto;
            
        }
         .container-profile .profile-card {
            background-color: white;
            border-radius:25px;
            padding: 20px;
            display: flex;
            align-items: center;
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
            margin-bottom: 20px;
        }
        .container-profile .profile-photo {
			position:relative;
            width: 150px;
            height: 150px;
            border-radius: 50%;
            background-color: #F5F5F5;
            margin-right: 20px;
            display: flex;
            align-items: center;
			flex-shrink: 0;
            justify-content: center;
            font-size: 24px;
            color: black;
			
        }
.container-profile .profile-logout {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}
.container-profile .profile-photo img
 {
    border-radius: 50%;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.container-profile .profile-photo.loading-img::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    border: 6px solid #f3f3f3;
    border-top: 5px solid #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 10;
}

.container-profile .profile-photo.loading-img img {
    opacity: 0.2;
}
        .container-profile .profile-info h2 {
            margin: 0 !important;
			font-size: 24px !important;
			text-transform: capitalize;
        }
        .container-profile .profile-info p {
            margin: 5px 0;
            color: #666;
        }
        .container-profile .tabs {
            display: flex;
            background-color: white;
            border-radius: 25px 25px 0 0;
            overflow: hidden;
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
        }
         .container-profile .tab {
            flex: 1;
            padding: 15px;
            text-align: center;
            cursor: pointer;
            background-color: #000000;
            border-bottom: 2px solid transparent;
            transition: background-color 0.3s;
            color: white;
            font-size: 18px;
        }
        .container-profile .tab.active {
            background-color: white;
            border-bottom: 2px solid black;
            color: black;
        }
        .container-profile .tab-content {
            background-color: white;
            border-radius: 0 0 25px 25px;
            padding: 50px;
           box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
            min-height: 300px;
            position: relative;
			overflow:hidden;
        }
        .container-profile .tab-pane{
            display: none;
        }
        .container-profile .tab-pane.active {
          display: block; /* or flex, grid, etc., depending on your layout */
        }
        .container-profile .loading {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(255,255,255,0.8);
            align-items: center;
            justify-content: center;
            z-index: 10;
        }
        .container-profile .loading.show {
            display: flex;
        }
        .container-profile .spinner {
            border: 4px solid #F5F5F5;
            border-top: 4px solid black;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            animation: spin 1s linear infinite;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .container-profile .info-section {
            margin-bottom: 20px;
        }
        .container-profile .info-section h3 {
            margin-bottom: 10px;
            color: black;
        }
        .container-profile .info-item {
            display: flex;
            margin-bottom: 10px;
        }
        .container-profile .info-label {
            font-weight: bold;
            width: 150px;
        }
        .container-profile .info-value {
            flex: 1;
        }
        .container-profile .order-table {
            width: 100%;
            border-collapse: collapse;
        }
        .container-profile .order-table th,.container-profile .order-table td {
            padding: 10px;
            text-align: left;
            border-bottom: 1px solid #F5F5F5;
        }
        .container-profile .order-table th {
            background-color: #F5F5F5;
        }
        .container-profile .view-details {
            color: black;
            text-decoration: none;
            font-weight: bold;
        }
        .container-profile .view-details:hover {
            text-decoration: underline;
        }
        .container-profile .payment-card {
            background-color: #F5F5F5;
            padding: 15px;
            border-radius: 8px;
            margin-bottom: 10px;
        }
		.overlay-inner {

            display: flex;

            width: 200%; /* two panels */

            height: 100%;

            transition: transform 0.6s ease-in-out;

            /* start showing the SECOND (right) panel → “Hello, Friend!” */

            transform: translateX(-50%);

        }
/* main container – relative, with fixed width and overflow hidden to clip sliding effect */
        .slide-container {
            position: relative;
            width: 100%;
            max-width: 1000px;
            min-width: 320px;
            height: 600px;
            background: #ffffff;
            border-radius: 2.5rem;
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
            overflow: hidden;               /* crucial: hides forms while sliding */
        }
		div#customer_login
		 {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}

		div#slideContainer .forms-wrapper {
			transform: translateX(0);
		}

		
        /* both forms & overlay live inside, using absolute positioning */
        .forms-wrapper {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            transition: transform 0.6s ease-in-out;
        }

        /* two forms take 50% width each, side by side */
        .form-panel {
            min-width: 50%;
            width: 50%;
            height: 100%;
            padding: 1.5rem 2rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            background-color: white;
            transition: all 0.2s;
        }

        /* sign-in specific background (left) */
        .sign-in-panel {
            background: #ffffff;
        }

        /* ---------- OVERLAY (slides on top) ---------- */
        .overlay-wrapper {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;   /* allow clicks to pass through to forms, except overlay buttons */
        }

        .overlay {
            position: absolute;
            top: 0;
            left: 50%;               /* start covering the right half */
            width: 50%;
            height: 100%;
            background:black;
            color: white;
            transition: transform 0.6s ease-in-out;
            pointer-events: all;      /* make overlay clickable */
            
            overflow: hidden;          /* keeps inner panels clipped */
            box-shadow: -8px 0 24px rgba(0,0,0,0.2);
        }

        /* inner container holds two overlay panels side by side */
        .overlay-inner {
            display: flex;
            width: 200%;               /* two panels */
            height: 100%;
            transition: transform 0.6s ease-in-out;
            /* start showing the SECOND (right) panel → "Hello, Friend!" */
            transform: translateX(-50%);
        }

        .overlay-panel {
            width: 50%;                /* each panel half of overlay → 25% of main container */
            flex-shrink: 0;
            height: 100%;
            padding: 1rem 1.5rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            background: transparent;
        }

        .overlay-panel h1 {
            color: white;
            font-size: 2.2rem;
            margin-bottom: 1.5rem;
        }

        .overlay-panel p {
            font-size: 1.1rem;
            line-height: 1.5;
            margin-bottom: 2.5rem;
            color: #e2e8f0;
            opacity: 0.9;
        }

        /* slide effect: when container has class "show-signup", overlay moves left */
        .slide-container.show-signup .overlay {
            transform: translateX(-100%);   /* from left:50% to left:0% */
        }

        /* and the inner panel shifts to show left panel (Welcome Back) */
        .slide-container.show-signup .overlay-inner {
            transform: translateX(0%);
        }

        /* small responsive */
        @media (max-width: 700px) {
            .slide-container { height: 700px; }
            .form-panel, .overlay-panel { padding: 2rem 1.5rem; }
        }


.wpr-menu-item.wpr-pointer-item.wpr-active-menu-item::after {
    display: none;
}
a.wpr-menu-item.wpr-pointer-item::after {display: none;}
.woocommerce-product-gallery__image img {
    height: 350px !important;
    width: 100%; 
    height: auto; 
    aspect-ratio: 1 / 1; 
}
.elementor-widget__width-initial.yes.elementor-widget.elementor-widget-woocommerce-product-images{
	 height: 450px !important;
}
.flex-direction-nav {
    display: none !important;
}
ol.flex-control-nav.flex-control-thumbs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

ol.flex-control-nav.flex-control-thumbs li {
    padding: 10px;
}
p#billing_address_2_field {
    width: 48%;
}

p#billing_address_1_field {
    width: 48%;
}
        .elementor-widget-woocommerce-checkout-page-custom {
          
            margin: 10px;
			padding:20px;
            background: var(--card-white);
            border-radius: 20px;
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
            overflow: hidden;
        }
		.elementor-widget-container{
			
		}
		.form-chackout-left,.form-chackout-right{
			min-width:35%;
			width: 45%;
		}
        /* step indicator */
        .step-indicator {
            display: flex;
            justify-content: space-between;
            margin-bottom: 40px;
            padding: 0 10px;
            position: relative;
            counter-reset: step;
        }
        .step-indicator::before {
            content: '';
            position: absolute;
            top: 25px;
            left: 0;
            width: 100%;
            height: 2px;
            background: var(--border-light);
            z-index: 1;
        }
        .step-item {
            position: relative;
            z-index: 2;
            background: var(--card-white);
            padding: 0 15px;
            text-align: center;
            color: var(--step-inactive);
            font-weight: 600;
            counter-increment: step;
        }
        .step-item.active {
            color: var(--accent-black);
        }
        .step-item .step-circle {
            display: block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            margin: 0 auto 8px;
            background: var(--card-white);
            border: 2px solid currentColor;
            border-radius: 50%;
            font-size: 1.2rem;
            color: inherit;
            transition: all 0.2s;
        }
        .step-item.active .step-circle {
            background: var(--accent-black);
            color: white;
            border-color: var(--accent-black);
        }
        .step-item span {
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        /* two‑column layout */
        .e-checkout__container {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
        }
        .e-checkout__column-start {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: space-evenly;
			width: 100%;
			flex: 1 1 55%;
			min-width: 320px;
			align-content: center;
			align-items: center;
        }
        .e-checkout__column-end {
            flex: 1 1 35%;
            min-width: 280px;
        }
        .e-checkout__column-inner {
            background: var(--bg-light);
            padding: 25px;
            border-radius: 16px;
        }
		#order_review_heading{
			text-align:center !important;
		}

        /* step cards */
        .step {
            background: var(--card-white);
            padding: 25px;
            border-radius: 16px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.03);
            margin-bottom: 20px;
            border: 1px solid var(--border-light);
        }
        .step h3 {
            margin-top: 0;
            margin-bottom: 1.2rem;
            font-size: 1.3rem;
            font-weight: 600;
            border-bottom: 2px solid var(--accent-black);
            padding-bottom: 8px;
            display: inline-block;
        }

        /* navigation buttons */
        .step-nav {
            display: flex;
            gap: 15px;
            margin-top: 25px;
            justify-content: space-between;
        }
        .btn {
            background: var(--card-white);
            border: 2px solid var(--accent-black);
            color: var(--accent-black);
            padding: 12px 28px;
            font-weight: 600;
            border-radius: 40px;
            cursor: pointer;
            font-size: 0.95rem;
            transition: all 0.15s;
            text-decoration: none;
            display: inline-block;
        }
        .btn-primary {
            background: var(--accent-black);
            color: white;
            border-color: var(--accent-black);
        }
        .btn-primary:hover,.btn-primary:focus {
            background: #333;
        }
		.btn.step-prev:hover,.btn.step-prev:focus{
			background:#333;
			color:white;
		}
        .btn:disabled {
            opacity: 0.5;
            pointer-events: none;
        }
		.step { width:100%;}
        .step:not(.active-step) {
            display: none;
        }
		

        /* form field styling */
        .form-row {
            margin-bottom: 16px;
        }
        .form-row label {
            font-weight: 500;
            margin-bottom: 5px;
            display: block;
            color: var(--text-dark);
        }
        .input-text, select {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid var(--border-light);
            border-radius: 10px;
            background: white;
            font-size: 1rem;
            transition: 0.15s;
        }
        .input-text:focus, select:focus {
            outline: none;
            border-color: var(--accent-black);
        }
        .woocommerce-input-wrapper {
            display: block;
        }

        /* Stripe express */
        #wc-stripe-express-checkout-element {
            margin-bottom: 20px;
        }
        #wc-stripe-express-checkout-button-separator {
            margin: 20px 0;
            color: #777;
        }

        /* select2 compatibility */
        .select2-hidden-accessible {
            position: absolute !important;
        }

        /* payment section */
        #payment {
            background: transparent;
            padding: 0;
        }
        .wc_payment_methods {
            padding-left: 0;
            list-style: none;
        }
        .payment_box {
            background: var(--bg-light);
            padding: 15px;
            border-radius: 12px;
            margin-top: 12px;
        }

        /* order review table */
        .shop_table {
            width: 100%;
            border-collapse: collapse;
        }
        .shop_table th, .shop_table td {
            padding: 12px 0;
            border-bottom: 1px solid var(--border-light);
        }
        .shop_table .product-name {
            font-weight: 500;
        }
        .order-total {
            font-size: 1.2rem;
            font-weight: 700;
        }
		/** */
		/* Reset form‑row to use flexbox */
.woocommerce-billing-fields__field-wrapper .form-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 1em;
    width: 100%;
	align-content: flex-start;
}

/* First and last columns get 50% width */
.woocommerce-billing-fields__field-wrapper .form-row-first,
.woocommerce-billing-fields__field-wrapper .form-row-last {
    width: 48%;  /* Slightly less than 50% to allow gap */
    margin-right: 2%;
}

.woocommerce-billing-fields__field-wrapper .form-row-last {
    margin-right: 0;
}

/* Full‑width rows */
.woocommerce-billing-fields__field-wrapper .form-row-wide {
    width: 100%;
}

/* The input wrapper needs to be a block container */
.woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper {
    display: block;
    width: 100%;
}

/* Inputs, selects, and textareas take full width of their container */
.woocommerce-billing-fields__field-wrapper input,
.woocommerce-billing-fields__field-wrapper select,
.woocommerce-billing-fields__field-wrapper textarea {
    width: 100%;
    box-sizing: border-box;
}

/* Error message styling – block below input */
.woocommerce-billing-fields__field-wrapper .msg-error {
    display: block;
    width: 100%;
    margin-top: 5px;
    color: #b81c23;
    font-size: 0.9em;
}

/* Optional: Add some spacing between fields */
.woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.rtwapwcm_wrapper {
    margin-top: 150px;
}
.rtwapwcm_profile_banner{
	display:none;
	height:0;
}
nav.rtwapwcm_header_menu {
    width: 100%;
    margin: 0;
}
nav.rtwapwcm_header_menu {
    width: 100%;
    margin: 0;
}
nav.rtwapwcm_header_menu a.rtwapwcm_tab.rtwapwcm-navbar-active {
    color: white;
    background: black;
}
.rtwapwcm_header_menu ul li a {
    color: black !important;
}
.rtwapwcm_logout {
    display: none;
}

.rtwapwcm_return_wp_link {
    display: none;
}
a.rtwapwcm_tab.rtwapwcm-navbar-active {
    color:white !important;
}

nav.rtwapwcm_header_menu ul {
    background: white !important;
    padding: 0 32px;
}

.rtwapwcm_header_menu ul li a:hover:not(.rtwapwcm-navbar-active) {
    background-color: #111;
    color:white !important;
}

table.shop_table.woocommerce-checkout-review-order-table {
    padding-left: 30px;
}