.woocommerce-error::before {
    display:none;
}

.home-nav__logo{ height:40px !important;
}
@media screen and (max-width: 600px){

  .woocommerce-MyAccount-content,.woocommerce-MyAccount-content-wrapper,body .woocommerce-EditAccountForm.edit-account{
        padding: 0px !important ;
    } }

	.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
		color: #ffffff !important;
    background-color: #720eec !important;
	}
		.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover{
		color: #ffffff !important;
    background-color: #720eec !important;
	}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
margin-bottom:10%;
}

.page-id-833  .woocommerce-notices-wrapper {
	display:flex !important;
}

.page-id-833 .woocommerce-notices-wrapper {
    display: flex !important;
    justify-content: center;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    
    width: 25% !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 73% !important;
}

/* 1. Reset Elementor's Flex Conflict */
.elementor-widget-text-editor .woocommerce {
    display: block !important; /* Forces vertical stacking of notice and form */
}

/* 2. Fix the Notification Bar (Top, Full Width) */
.woocommerce-notices-wrapper {
    width: 100% !important;
    display: block !important;
    margin-bottom: 30px !important;
}

.woocommerce-error {
    background: #fff !important;
    border-top: 4px solid #000052 !important;
    padding: 15px 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
    list-style: none !important;
}

/* 3. Make the Login Form Visible & Centered */
body #customer_login {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Centers the cards */
   
    margin: 0 auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 4. Column Controls */
.u-column1.col-1 {
    display: block !important; /* Ensures Login is visible */
    width: 100% !important;
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 10px 25px rgba(0,0,82,0.05) !important;
}

.u-column2.col-2 {
    display: none; /* Keep register hidden until toggle is clicked */
    width: 100% !important;
}

/* 5. Style the Labels and Inputs */
#customer_login label {
    display: block !important;
    margin-bottom: 5px !important;
    font-weight: 600 !important;
    color: #000052 !important;
}

#customer_login .input-text {
    width: 100% !important;
    padding: 12px !important;
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
}

/* 6. Style the Button */
.woocommerce-form-login__submit {
    width: 100% !important;
    background-color: #000052 !important;
    color: white !important;
    padding: 15px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    margin-top: 15px !important;
    border: none !important;
    cursor: pointer !important;
}

/* 7. Show the toggle button clearly */
.toggle-wrapper {
    margin-top: 20px !important;
    text-align: center !important;
    width: 100% !important;
}

.customer-toggle-btn {
    background: none !important;
    border: 2px solid #000052 !important;
    color: #000052 !important;
    padding: 10px 25px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}


html,body{

  overflow-x: hidden;
}

@media (max-width: 1024px) {
.navbar-box .hfe-nav-menu__layout-horizontal.menu-is-active {
    height: 100vh !important;
    display: flex;
    flex-direction: column;
}



.navbar-box .hfe-nav-menu li.menu-item {
    flex-grow: 1;
    display: flex;
    align-items: center; 
 }
}
.wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper , .wc-block-components-chip__remove{
    display: none;
}


.order_details tfoot tr:last-child th, .order_details tfoot tr:last-child td {  
    font-size: 14px !important;
}

.wc-block-components-button:not(.is-link) {
    
    background: #573abd;
    color: white;
	border: #573abd;}

a {
  word-break: break-all; 
  color: blue;
  text-decoration: none;
}


a:hover {
  color: blue;
  
}
/* 1. Desktop (Standard) */
h1.entry-title {
    font-size: 28px;
    font-weight: 600;
   color: #333;
    text-align: center;
    
}

/* 2. Tablet (iPad/Large Mobile) */
@media (max-width: 1024px) {
    h1.entry-title {
        font-size: 25px;
       
    }
}

/* 3. Small Mobile (iPhone/Android) */
@media (max-width: 480px) {
    h1.entry-title {
        font-size: 20px;
       
    }
}

#primary{
	margin-top:40px;
	margin-bottom:80px;
		
}
.post-831{
	margin-bottom:70px !important;
}
.woocommerce-loop-product__title{
			color:black;
}
.woocommerce-Price-amount {
		color:black;
}

.woocommerce-message {
    border-top-color: #573abd;
}

.woocommerce-message::before {
   
    color: #573abd;
}
.wc-block-components-button__text{
	text-decoration:none;
}
.wc-block-components-button__text:hover{
   color:white;
}
.wc-block-components-product-name{
	color:black;
}
.alignwide {
    margin-inline: auto !important;
}
.post-829{
		margin-top:80px;
	margin-bottom:80px;
}

.wc-block-cart__submit-container:hover .wc-block-components-button__text{
	color:white ;
	text-decoration:none;
}

.wc-block-cart__submit-container .wc-block-components-button__text{
	color:white ;
	text-decoration:none !important;
}


.comments-area a, .page-content a {
    text-decoration: none; 
}


.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
   
    display: none;
}

/* Add the word "Delete" after the trash icon */
.wc-block-cart-item__remove-link::after {
    content: "Delete item ";
    font-size: 14px;
  color:#CC0000;
   
    font-weight: 500;
}

/* Ensure the button stays aligned horizontally */
.wc-block-cart-item__remove-link {
    display: flex;
    align-items: center;
   text-decoration: none !important;
     color:#CC0000;/* Optional: make it red */
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link svg {
   display:none;
}

.wp-block-woocommerce-empty-cart-block{

 display: none;
}

/* .wc-block-components-checkout-return-to-cart-button {
    display: none !important;
} */

.woocommerce-notices-wrapper{
	 display: none !important;
}
/* 
.wp-block-button{
	 display: none !important;
} */

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    margin-left: auto;
}
h1.entry-title{
	margin-top:40px;
}

a.wc-block-components-product-name {
    font-weight: 700;
	color:#573abd;
} 

a.wc-block-components-product-name:hover{
	color:black;
}

.pre-woo-questionnaire{
	background: #fafafa00 !important;
    border-radius: 8px !important;
} 


.pre-woo-questionnaire .button {
	color: #ffffff !important;
    background-color: #573abd !important;
}

td.woocommerce-table__product-name.product-name a{
	color:black !important;
}


table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{
    background-color: #573abd00;
}



.woocommerce .woocommerce-customer-details address {
   
	width: 60%;
}


.woocommerce table.shop_table {
   
	width: 60%;
}


@media (max-width: 1024px) {

     .woocommerce table.shop_table {
        width: 100% !important;
    }
.woocommerce .woocommerce-customer-details address {
    width: 100%;
}

}




/* Make Login & Register full width */
#customer_login {
    display: block !important;
}

/* Remove 2 column layout */
#customer_login .u-column1,
#customer_login .u-column2 {
    width: 100% !important;
    float: none !important;
    display: block !important;
}

/* Add spacing between Login & Register */
#customer_login .u-column1 {
    margin-bottom: 20px !important;
}

/* Optional: Center form & limit width */
#customer_login .u-column1,
#customer_login .u-column2 {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}


body.woocommerce-account:not(.logged-in) .page-header {
    display: none !important;
}


.wp-block-woocommerce-checkout .wc-block-checkout__login-prompt{
   
    color: #ffffff;
    font-weight: 700 !important;
    background: #720eec;
    padding: 5px 19px;
    border-radius: 5px;
   
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button {
	color: #ffffff;
    background-color: #720eec;
} 





#customer_login h2{

    text-align: center;
 color:#573abd; 
} 
.woocommerce form.login{
	margin-bottom:0px;
}
 [type=button]:focus{
			 background: #020202; !important;
		}



/* Center the Lost Password Form */
.woocommerce-ResetPassword.lost_reset_password {
    max-width: 500px;
    margin: 40px auto !important; /* Centers the form */
    padding: 20px;
    border: 1px solid #eee; /* Optional: adds a light border */
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}

/* Ensure the input takes full width */
.woocommerce-ResetPassword .form-row-first {
    width: 100% !important;
}

.woocommerce-ResetPassword input.input-text {
    width: 100% !important;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

/* Style the Reset button to match your theme purple */
.woocommerce-ResetPassword .woocommerce-Button {
    background-color: #573abd !important;
    color: #fff !important;
    border: none;
    padding: 12px 25px;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
}


/* Style for Login and Register Submit Buttons */
.woocommerce-form-login__submit, 
.woocommerce-form-register__submit,
.woocommerce-ResetPassword .button {
    background-color: #573abd !important; /* Your Theme Purple */
    color: #ffffff !important;
    border: none !important;
    padding: 12px 35px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 8px !important;
    transition: all 0.3s ease !important; /* Smooth transition */
    cursor: pointer;
    width: 100%; /* Makes buttons full width for a modern look */
    margin-top: 10px;
}

/* Hover Effect */
.woocommerce-form-login__submit:hover, 
.woocommerce-form-register__submit:hover,
.woocommerce-ResetPassword .button:hover {
    background-color: #000000 !important; /* Turns Black on hover */
    color: #ffffff !important;
    transform: translateY(-2px); /* Subtle lift effect */
    box-shadow: 0 4px 15px rgba(87, 58, 189, 0.3); /* Soft purple glow */
}

/* Active/Click Effect */
.woocommerce-form-login__submit:active, 
.woocommerce-form-register__submit:active {
    transform: translateY(0);
}







/* 1. Layout Container - Side by Side */
.woocommerce-account .woocommerce {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    margin-top: 30px;
}

/* 2. Navigation Sidebar Styling */
.woocommerce-MyAccount-navigation {
    flex: 0 0 250px; /* Fixed width for sidebar */
    background: #f9f9f9;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #eee;
}

.woocommerce-MyAccount-navigation ul {
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-MyAccount-navigation li {
    padding: 0 !important;
    margin-bottom: 8px;
    border-bottom: none !important;
}

.woocommerce-MyAccount-navigation a {
    padding: 12px 16px !important;
    border-radius: 8px;
    font-weight: 500;
    color: #333 !important;
    transition: all 0.3s ease;
    display: block;
}

/* Active and Hover States */
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation a:hover {
    background-color: #573abd !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(87, 58, 189, 0.2);
}

/* 3. Content Area Styling */
.woocommerce-MyAccount-content {
    flex: 1;
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #eee;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
    line-height: 1.6;
}

/* Welcome Message Styling */
.woocommerce-MyAccount-content p {
    font-size: 16px;
    color: #555;
    margin-bottom: 20px;
}

.woocommerce-MyAccount-content strong {
    color: #573abd;
}

/* Link Styling inside content */
.woocommerce-MyAccount-content a {
    color: #573abd;
    text-decoration: underline;
    font-weight: 600;
}

/* 4. Responsive Design (Mobile) */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        flex-direction: column;
    }
    
    .woocommerce-MyAccount-navigation {
        flex: 1;
        width: 100%;
        margin-bottom: 20px;
    }
}


/* Stack Addresses One by One */
.woocommerce-Addresses.addresses {
    display: flex !important;
    flex-direction: column !important;
    gap: 30px; /* Space between Billing and Shipping */
}





/* Individual Address Card Styling */
.woocommerce-Address {
    width: 100% !important;
    background: #ffffff;
    border: 1px solid #f0f0f0;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    transition: transform 0.2s ease;
}

.woocommerce-Address:hover {
    border-color: #573abd;
    transform: translateY(-2px);
}




/* Remove the effect of the br tags in the navigation */
.woocommerce-MyAccount-navigation-link a br {
    display: none !important;
}

/* Ensure the text is vertically aligned afterward */
.woocommerce-MyAccount-navigation-link a {
    display: flex !important;
    align-items: center;
    justify-content: flex-start; /* or center if you prefer */
    line-height: 1 !important;
}




/* 1. Hide breaks in the Titles and Edit links */
.woocommerce-Address-title br, 
.woocommerce-Address-title p br,
.woocommerce-Address-title a br {
    display: none !important;
}

/* 2. Force breaks to show inside the Address block */
.woocommerce-Address address {
    display: block !important;
    white-space: pre-line !important; /* This forces the text to honor line breaks */
}

.woocommerce-Address address br {
    display: inline-block !important;
    content: "" !important;
    margin-bottom: 0 !important;
}

.woocommerce-Address-title a.edit:hover {
    background-color: #000 !important;
}

/* 7. Clean up the Address text */
address {
    font-style: normal;
    color: #555;
    line-height: 1.6;
    margin: 0;
}








/* 1. General Table Reset */
.woocommerce-orders-table {
    border: none !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important; /* Creates space between rows */
    background: transparent !important;
}

/* 2. Header Styling */
.woocommerce-orders-table thead th {
    background: transparent !important;
    border: none !important;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    color: #888;
    padding: 10px 20px !important;
}

/* 3. Row Styling (Card Look) */
.woocommerce-orders-table__row {
    background: #ffffff !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.04) !important;
    transition: transform 0.2s ease;
}

.woocommerce-orders-table__row:hover {
	background:#fff !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.2s ease;
}
.woocommerce-orders-table__row:hover td ,.woocommerce-orders-table__row:hover th{
	background:#fff !important;
    
}
.woocommerce-orders-table td, 
.woocommerce-orders-table th {
    padding: 20px !important;
    border: none !important;
    vertical-align: middle !important;
}

/* Round the corners of the rows */
.woocommerce-orders-table tr td:first-child, 
.woocommerce-orders-table tr th:first-child { 
    border-radius: 12px 0 0 12px; 
}
.woocommerce-orders-table tr td:last-child { 
    border-radius: 0 12px 12px 0; 
}

/* 4. Order Number Link */
.woocommerce-orders-table__cell-order-number a {
    color: #573abd !important;
    font-weight: 700;
    text-decoration: none;
}

.woocommerce-orders-table__cell-order-number br {
    display: none; /* Removes that pesky  */
}

/* 5. Status Badge Styling */
.woocommerce-orders-table__cell-order-status {
    font-weight: 600;
    font-size: 14px;
}

/* Failed Status */
.status-failed { color: #e74c3c !important; }
/* Processing Status */
.status-processing { color: #573abd !important; }

/* 6. Buttons Styling (Actions) */
.woocommerce-orders-table__cell-order-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.woocommerce-orders-table .button {
    background: #f4f4f4 !important;
    color: #333 !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    transition: 0.3s !important;
}

/* Primary Action (View/Pay) */
.woocommerce-orders-table .button.view,
.woocommerce-orders-table .button.pay {
    background: #573abd !important;
    color: #fff !important;
}

.woocommerce-orders-table .button:hover {
    background: #000 !important;
    color: #fff !important;
}

/* 7. Mobile Optimization */
@media screen and (max-width: 768px) {
    .woocommerce-orders-table thead { display: none; }
    .woocommerce-orders-table__row {
        display: block;
        margin-bottom: 20px;
        padding: 10px;
        border-radius: 12px !important;
    }
    .woocommerce-orders-table td {
        display: flex;
        justify-content: space-between;
        text-align: right;
        border-bottom: 1px solid #f9f9f9 !important;
    }
    .woocommerce-orders-table td::before {
        content: attr(data-title);
        font-weight: 700;
        float: left;
        color: #888;
    }
}



.elementor-element-1894c0d4 .woocommerce table.shop_table {
    width: 100%;
}




/* 1. Order Status Summary Bar */
/* .woocommerce-MyAccount-content p:first-of-type {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 12px;
    border-left: 5px solid #573abd;
    font-size: 16px;
    color: #555;
    line-height: 1.6;
} */

.woocommerce-MyAccount-content mark {
    background: transparent;
    color: #573abd;
    font-weight: 700;
}

/* 2. Order Details Table Styling */
.shop_table.order_details {
    border: 1px solid #eee !important;
    border-radius: 12px !important;
    overflow: hidden;
    border-collapse: separate !important;
    margin-top: 20px;
}

.order_details thead th {
    background: #fcfcfc !important;
    color: #888 !important;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 15px 20px !important;
}

.order_details tbody td {
    padding: 20px !important;
    border-top: 1px solid #eee !important;
}

.order_details .product-name a {
    color: #333;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

.order_details .product-name a:hover {
    color: #573abd;
}

/* 3. Table Footer (Totals Section) */
.order_details tfoot th {
    text-align: left;
    font-weight: 500;
    color: #777;
    border-top: 1px solid #eee !important;
    padding: 15px 20px !important;
}

.order_details tfoot td {
    font-weight: 700;
    color: #333;
    border-top: 1px solid #eee !important;
    padding: 15px 20px !important;
}

.order_details tfoot tr:last-child th,
.order_details tfoot tr:last-child td {
    background: #f9f9f9;
    font-size: 18px;
    color: #573abd;
}

/* 4. Customer Details / Billing Address Card */
.woocommerce-customer-details {
    margin-top: 40px;
    background: #ffffff;
    border: 1px solid #eee;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02);
}

.woocommerce-column__title {
    font-size: 20px !important;
    margin-bottom: 15px !important;
    font-weight: 700;
    color: #333;
}

.woocommerce-customer-details address {
    font-style: normal;
    color: #666;
    line-height: 1.8;
}

.woocommerce-customer-details--email {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #ddd;
    font-weight: 600;
    color: #573abd !important;
}

/* 5. Clean up headings */
.woocommerce-order-details__title {
    font-size: 22px !important;
    font-weight: 700;
    margin-top: 30px;
    color: #333;
}









.woocommerce-Address-title {
    display: flex !important;
    justify-content: space-between !important; /* Forces one left, one right */
    align-items: center !important;
    border-bottom: 2px solid #f4f4f4;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

/* Ensure the title has no extra margin pushing it down */
.woocommerce-Address-title h2 {
    margin: 0 !important;
    flex-grow: 1; /* Pushes the next element to the right */
    text-align: left;
}

/* Fix for the p tag that WooCommerce wraps the edit link in */
.woocommerce-Address-title p {
    margin: 0 !important;
    display: flex;
    align-items: center;
}

/* The Edit Link itself */
.woocommerce-Address-title a.edit {
    margin-left: auto; /* Final insurance it stays on the right */
    white-space: nowrap; /* Prevents button text from wrapping */
}





.woocommerce-Address-title h2 {
    font-size: 20px !important;
    margin: 0 !important;
    color: #333;
}

/* Style the "Edit" Link as a Button */
.woocommerce-Address-title .edit {
    background: #573abd;
    color: #fff !important;
    padding: 6px 15px !important;
    border-radius: 6px;
    font-size: 14px;
    text-decoration: none !important;
    font-weight: 500;
    transition: 0.3s;
}

.woocommerce-Address-title .edit:hover {
    background: #000;
}

/* Address Text Styling */
address {
    font-style: normal;
    line-height: 1.8;
    color: #666;
    font-size: 15px;
}


.woocommerce-EditAccountForm .woocommerce-Button{
	margin-top:20px !important;
}


@media screen and (max-width: 768px) {
.woocommerce-account .woocommerce{
    display: flex;
    gap: 0px;
    align-items: flex-start;
     margin-top: 0px; 
} 

.woocommerce-orders-table td, .woocommerce-orders-table th {
	padding: 0px !important;}

.woocommerce-MyAccount-content {
   
	padding: 5px; }
}





/* .post-831 .wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block{
    display: none;
} */

.wp-block-woocommerce-empty-cart-block{
    display: none; 
}
.post-829 .wp-block-woocommerce-empty-cart-block{
    display: block !important; 
}


.post-831 .wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block.hide-checkout-btn {
    display: none;
}








.wc-block-must-login-prompt {
   
    padding: 24px;
    margin: 30px 0;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #475569;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}



.wc-block-must-login-prompt a {
    display: inline-block;
    margin-top: 24px;
    background-color: #573abd;
    color: #ffffff !important;
    padding: 16px 40px;
    border-radius: 4px;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: 700;
    margin-left: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
}

/* .wc-block-components-sidebar-layout .wc-block-components-main {
  
    width: 100% !important;
} */

.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
    display: block;
}






/* 1. Hide the original text and the link but keep the link functionality */
.wc-block-must-login-prompt {
    font-size: 0 !important;
}

/* 2. Inject your new main message */
.wc-block-must-login-prompt::before {
    content: "Please sign in or create an account to finalize your order. ";
    font-size: 16px !important; /* Restore normal font size */
    color: #333; /* Change color if needed */
    display: inline-block;
    margin-right: 5px;
}

/* 3. Style and rename the link */
.wc-block-must-login-prompt a {
    font-size: 16px !important; /* Restore font size */
    visibility: visible;
}

.wc-block-must-login-prompt a {
    font-size: 0 !important; /* Hide original link text */
}

.wc-block-must-login-prompt a::after {
    content: "Proceed to Checkout."; 
    font-size: 16px !important;
    color: white; 
   
    font-weight: 600;
}





/* --- 2. THE CART ITEMS (Cart Block) --- */
.wc-block-cart-items__row {
    border-bottom: 1px solid #f1f5f9 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.wc-block-cart-item__image img {
    border-radius: 12px;
    background: #f8fafc;
}

.wc-block-components-product-name {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #0f172a !important;
}

/* Metadata (The "Compounded Semaglutide" description) */
.wc-block-components-product-metadata__description {
    color: #64748b;
    font-style: italic;
    font-size: 14px;
}

/* Quantity Selector Refinement */
.wc-block-components-quantity-selector {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    overflow: hidden;
}











/* css for subrtion */
.sub-plans-top-row {
    display: grid !important;
    /* This makes 1 box take full width, 2 boxes split 50/50 */
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important; 
    gap: 15px !important;
    margin-bottom: 20px !important;
}

/* Ensure Simple products look good with one box */
.sub-plan-box[data-type="simple"] {
    max-width: 100%;
}







.myogenix-subscription-container {
    width: 100%;
    margin-top: 20px;
}

/* TOP ROW: Side-by-Side */
.sub-plans-top-row {
    display: grid;
    grid-template-columns: 1fr ;
    gap: 12px;
    margin-bottom: 20px;
}

/* BOTTOM ROW: Full Width */
.button-bottom-row {
    width: 100%;
}

.button-bottom-row .single_add_to_cart_button {
    width: 100% !important;
    padding: 20px !important;
    background-color: #000 !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    border-radius: 8px !important;
}

/* Box Styling */
.sub-plan-box {
    display: flex;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 12px;
    cursor: pointer;
    background:#ffffffb5;
    transition: 0.2s ease;
	   margin-bottom:15px;
	margin-left:10px;
}

.sub-plan-box.active {
    border: 2px solid #000;
}

.box-radio-ui {
    width: 18px;
    height: 18px;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 4px;
    flex-shrink: 0;
}

.sub-plan-box.active .box-radio-ui {
    border-color: #000;
    background: radial-gradient(circle, #000 40%, transparent 50%);
}

.price-val { font-size: 22px; font-weight: 800; color: #000; }
.billing-row { font-size: 12px; color: #000000; text-transform: uppercase; margin: 4px 0; }
.supply-row { font-size: 12px; font-weight: 700; color: #573abd; }

/* 1. Hide the variations table and price globally by default */

.woocommerce-variation-price,
.single_variation { 
    display: none !important; 
}

/* 2. ONLY show them if the body has the 'product-type-variable' class */
.product-type-variable .variations_form .variations, 
.product-type-variable .woocommerce-variation-price,
.product-type-variable .single_variation { 
    display: table !important; 
    visibility: visible !important;
}

/* 3. Ensure the variation container inside Elementor is forced open */
.product-type-variable .single_variation_wrap {
    display: block !important;
}


@media (max-width: 600px) {
    .sub-plans-top-row { grid-template-columns: 1fr; }
}




/* Hide the Elementor Price Widget ONLY on Variable Products */
/* .product-type-variable .elementor-element-9ca3f2b {
    display: none !important;
} */

/* Also hide the duplicate variation price that appears above your custom boxes */
.product-type-variable .woocommerce-variation-price {
    display: none !important;
}





/* Ensure the injected breakdown is clear */
.custom-breakdown-label {
    display: block;
    clear: both;
    line-height: 1;
    animation: fadeIn 0.3s ease-in;
}

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

/* Hide it on mobile if the row gets too cramped */
@media (max-width: 480px) {
    .custom-breakdown-label {
        font-size: 11px;
    }
}

.wc-block-components-product-details__billing-breakdown{
 color: #3d3c3c;
    font-size: 15px;
}
span.wc-block-components-product-details__value {
    font-weight: 700;
	 
}
/* Hide the entire price section */
.wc-block-cart-item__prices {
    display: none !important;
}
span.wc-block-components-order-summary-item__individual-prices.price.wc-block-components-product-price {
    display: none;
}

/* Hide the "Save $___" badge */
.wc-block-components-sale-badge {
    display: none !important;
}
/* Make billing breakdown look like product price */
.wc-block-components-product-details__billing-breakdown {
    font-size: 20px;
    font-weight: 600;
    color: #111;
    margin: 8px 0;
}

/* Hide the label text "Billing Breakdown:" */
.wc-block-components-product-details__billing-breakdown 
.wc-block-components-product-details__name {
    display: none;
}

/* Subscription plan styling */
.wc-block-components-product-details__subscription-plan {
    font-size: 14px;
    color: #666;
}




.wc-block-components-totals-fees__consultation-fee 
.wc-block-components-totals-item__label {
    font-size: 0;
}

.wc-block-components-totals-fees__consultation-fee 
.wc-block-components-totals-item__label::after {
    content: "Blood Work & Consultation Fee";
    font-size: 14px; /* adjust to match theme */
}





h2.has-text-align-center.wp-block-post-title.has-medium-font-size a {
	color: #000000 !important;
    font-size: 15px;
}

h2.has-text-align-center.wp-block-post-title.has-medium-font-size:hover a{
	color:#573abd !important;
}




.wc-block-components-product-image img{
    width: 60% !important;          
    height: auto;        
    display: block;      
    margin: 0 auto;     
}



li.wc-block-product.post-1886.product.type-product.status-publish.has-post-thumbnail.product_cat-sexual-health.first.instock.shipping-taxable.purchasable.product-type-simple {
    background: #f8f8f8;
       padding: 10px 10px 20px 10px;
    border-radius: 8px;
}





.myogenix-subscription-container  .product-type-variable-subscription .price{
	 
    display: none !important;
 } 

.myogenix-subscription-container .variations {
    display: none !important;
 } 








/* 1. LAYOUT: Stack the variation rows vertically */
.variations_form .variations tbody tr {
    display: flex;
    flex-direction: column;
   
}
.elementor-add-to-cart.elementor-product-variable .variations th.label {
	padding-left:2px;
}

.variations_form .variations td.value {
    padding: 0px;
}
/* 2. LABELS: Make them look like medical headers */
.variations_form .variations .label label {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #1a1a1a;
    margin-bottom: 10px;
    display: block;
}

/* 3. SELECT BOX: Transform into a modern tile */
.variations_form .variations select {
    display: block;
    width: 100%;
    height: auto;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 500;
    border: 2px solid #e2e8f0; /* Soft medical gray */
    border-radius: 12px;
    background-color: #ffffff;
    cursor: pointer;
    appearance: none; /* Remove default arrow */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    transition: all 0.2s ease-in-out;
}


.woocommerce .elementor-990 .elementor-element.elementor-element-aa7dba3 form.cart .variations {
  
    margin-bottom: 10px !important;
}

/* 4. HOVER & FOCUS: Highlight the active choice */
.variations_form .variations select:hover {
    border-color: #cbd5e0;
}

.variations_form .variations select:focus {
    border-color: #2c5282; /* Professional Deep Blue */
    background-color: #f7fafc;
    outline: none;
}

/* 5. DYNAMIC PRICE: Style the variation price that appears after selection */
.woocommerce-variation-price {
    background: #f0f7ff;
    padding: 20px;
    border-radius: 12px;
    margin: 15px 0;
    border: 1px solid #bee3f8;
    text-align: center;
}

.woocommerce-variation-price .price {
    font-size: 28px !important;
    font-weight: 800;
    color: #2b6cb0;
}


/* 6. ADD TO CART: High-conversion medical button */
.single_add_to_cart_button {
    width: 100% !important;
    background-color: #1a1a1a !important; /* Bold Black */
    color: #fff !important;
    padding: 20px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border-radius: 50px !important; /* Pill shape */
    text-transform: uppercase;
    transition: background 0.3s ease !important;
}

.woocommerce div.product form.cart .reset_variations{
 font-size: 1.0em;
}


.wc-block-cart__main .wc-block-components-product-details__name{
	font-weight:400 !important;
}



/* Hide the standard product list in the recommendation section */
.wp-block-woocommerce-product-collection .wc-block-product-template {
    display: none !important;
}

/* Ensure the heading and custom offer remain visible */
.wp-block-woocommerce-product-collection .wp-block-heading,
.wp-block-woocommerce-product-collection .cuw-offers {
    display: block !important;
}





/* 1. Reset the Main Container */
.cuw-container {
    background-color: #ffffff !important; /* Clean white background */
    border: 1px solid #e5e7eb !important; /* Softer border */
    border-radius: 20px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Subtle depth */
    transition: all 0.3s ease;
    padding: 24px !important;
}

.cuw-container:hover {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* 2. Improve Typography & Title */
.cuw-product-title {
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #111827 !important;
    letter-spacing: -0.01em;
}

/* 3. Pricing & Badges */
.cuw-product-price {
    font-size: 1.2rem !important;
    font-weight: 700;
}

.cuw-product-price ins {
    color: #059669 !important; /* Premium Emerald Green */
    text-decoration: none !important;
    margin-left: 8px;
}

.cuw-product-price del {
    color: #9ca3af !important;
    font-size: 0.9rem;
}

.cuw-offer-title {
    background-color: #f3f4f6 !important; /* Neutral light background */
    color: #4f46e5 !important; /* High-end Indigo text */
    font-weight: 800 !important;
    border: 1px solid #e0e7ff !important;
    text-transform: uppercase;
}

/* 4. Product Image */
.cuw-product-image img {
    border-radius: 12px !important;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.cuw-container:hover img {
    transform: scale(1.05);
}

/* 5. The "Add to Cart" Button */
.cuw-offer-cta-section {
    background-color: #111827 !important; /* Deep Charcoal/Black */
    border-radius: 12px !important;
    transition: background 0.2s ease !important;
}

.cuw-offer-cta-section:hover {
    background-color: #374151 !important;
}

.cuw-button {
    cursor: pointer !important;
    letter-spacing: 0.5px;
}

/* 6. Quantity Label */
.cuw-product-quantity {
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
}

/* 7. Mobile Optimization */
@media (max-width: 600px) {
    .cuw-product-section {
        flex-direction: column !important;
        text-align: center;
    }
    
    .cuw-offer-cta-section {
        margin-left: 0 !important;
        width: 100% !important;
        margin-top: 15px;
    }
}

/* 1. Find the row that HAS the "Offer" text and hide its quantity selector */
.wc-block-cart-items__row:has(.cuw-offer-text) .wc-block-components-quantity-selector {
    display: none !important;
}


.wcs-recurring-totals-panel{
	  display: none !important;
}
















.wc-block-components-totals-discount {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

.wc-block-components-totals-discount > * {
  display: flex !important;
  align-items: center !important;
}

.wc-block-components-totals-discount .wc-block-components-totals-item__description {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  flex: 0 0 auto !important;
}

.wc-block-components-totals-discount .wc-block-components-totals-item__description > div,
.wc-block-components-totals-discount .wc-block-components-totals-item__description > div > div {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wc-block-components-totals-discount__coupon-list {
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wc-block-components-totals-discount__coupon-list-item {
  margin: 0 !important;
  padding: 3px 10px !important;
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 8px !important;
}

.wc-block-components-chip__text {
  font-size: 14px !important;
  font-family: monospace !important;
  font-weight: 700 !important;
  color: #15803d !important;
}

/* Force the parent totals item to not stack */
.wc-block-components-totals-discount.wc-block-components-totals-item {
  flex-wrap: nowrap !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
}

.wc-block-components-totals-discount .wc-block-components-totals-item__label {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}




.wc-block-components-totals-wrapper.slot-wrapper>*>*{
    padding: 0px  !important;
}




.lm-btn-ghost:hover{
		color:#888 !important;
	}

.soft-waring {
  padding: 12px 16px;
  background-color: #fff5f5; /* Very soft reddish-white */
  border: 1px solid #ffcccc; /* Light peach/red border */
  border-left: 4px solid #b35050; /* Muted, professional red accent */
  color: #721c24; /* Dark, legible red text */
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 4px;
  display: inline-block;
  margin: 10px 0;
}








/* Main Page Container & Modern Typography Reset */
.post-831 .shop_table {
    width: 100% !important;
}
/* ==========================================================================
   MYOGENIX PHARMA - PREMIUM "PAY FOR ORDER" CONSOLE THEME
   Strictly Scoped & Force-Prioritized via Class: .post-831
   ========================================================================== */

/* Main Page Container & Modern Typography Reset */
.post-831.page {
    
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    color: #334155 !important;
    padding: 40px 16px !important;
}

.post-831 .page-content {
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Page Header Structure */
.post-831 .page-header {
    text-align: center !important;
    margin-bottom: 32px !important;
}

.post-831 .page-header .entry-title {
    font-size: 2.25rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.025em !important;
}

/* Order Summary Invoice Table Styling */
.post-831 table.shop_table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    margin-bottom: 30px !important;
    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.05), 0 2px 4px -2px rgba(15, 23, 42, 0.05) !important;
}

.post-831 table.shop_table th {
    background-color: #f1f5f9 !important;
    color: #475569 !important;
    font-weight: 600 !important;
    padding: 16px 24px !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.05em !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.post-831 table.shop_table td {
    padding: 18px 24px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    color: #334155 !important;
    font-size: 0.95rem !important;
}

.post-831 table.shop_table tbody tr.order_item:last-child td {
    border-bottom: none !important;
}

.post-831 table.shop_table td.product-name {
    font-weight: 600 !important;
    color: #1e293b !important;
}

.post-831 table.shop_table td.product-quantity strong {
    background: #f1f5f9 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    color: #475569 !important;
    font-size: 0.85rem !important;
}

/* Table Pricing Matrix Footer alignment */
.post-831 table.shop_table tfoot {
    background-color: #fafafa !important;
}

.post-831 table.shop_table tfoot tr th {
    text-transform: none !important;
    font-size: 0.95rem !important;
    color: #475569 !important;
    text-align: right !important;
    border-top: 1px solid #e2e8f0 !important;
    letter-spacing: normal !important;
}

.post-831 table.shop_table tfoot tr td {
    font-weight: 600 !important;
    text-align: right !important;
    border-top: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

/* Accentuate Special Rows (Discounts & Expected Conditional Charge) */
.post-831 table.shop_table tfoot tr td.product-total .woocommerce-Price-amount {
    font-variant-numeric: tabular-nums !important;
}

.post-831 table.shop_table tfoot tr:nth-last-child(3) td {
    color: #16a34a !important; /* Elegant green for active product discount applied */
}

.post-831 table.shop_table tfoot tr:last-child {
    background-color: #f8fafc !important;
}

.post-831 table.shop_table tfoot tr:last-child th,
.post-831 table.shop_table tfoot tr:last-child td {
    padding: 22px 24px !important;
    border-top: 2px solid #e2e8f0 !important;
}

/* Premium Payment Selection Framework */
.post-831 .woocommerce #payment {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 24px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.05) !important;
}

.post-831 ul.payment_methods {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.post-831 ul.payment_methods li.wc_payment_method {
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important;
    padding: 16px 20px !important;
    background-color: #f8fafc !important;
    transition: border-color 0.2s ease, background-color 0.2s ease !important;
}

.post-831 ul.payment_methods li.wc_payment_method:hover {
    border-color: #cbd5e1 !important;
    background-color: #f1f5f9 !important;
}

/* Payment Radio controls + Vendor Icons Integration */
.post-831 ul.payment_methods li input[type="radio"] {
    margin-right: 12px !important;
    transform: scale(1.1) !important;
    accent-color: #2563eb !important;
}

.post-831 ul.payment_methods li label {
    font-weight: 600 !important;
    color: #0f172a !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: calc(100% - 30px) !important;
}

.post-831 ul.payment_methods li label img,
.post-831 ul.payment_methods li label .wc-stripe-card-icons-container img {
    max-height: 24px !important;
    width: auto !important;
    vertical-align: middle !important;
}

/* Nested Stripe Field Blocks */
.post-831 .payment_box {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-top: 14px !important;
}

.post-831 .StripeElement {
    padding: 12px !important;
    background: #ffffff !important;
}

/* Save Card Option Wrapper */
.post-831 .wc-stripe-save-source {
    margin-top: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}

/* Legal Disclaimers & Terms Accordion Box */
.post-831 .woocommerce-terms-and-conditions-wrapper {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 24px !important;
}

.post-831 .woocommerce-privacy-policy-text p {
    font-size: 0.85rem !important;
    line-height: 1.6 !important;
    color: #64748b !important;
    margin: 0 0 16px 0 !important;
}

.post-831 .woocommerce-privacy-policy-text a {
    color: #2563eb !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

/* Styled Scrollable Terms Container Window */
.post-831 .woocommerce-terms-and-conditions {
    display: block !important; /* Force visible window */
    max-height: 180px !important;
    overflow-y: scroll !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 16px !important;
    font-size: 0.8rem !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    margin-bottom: 16px !important;
}

/* Required Form Checkbox Label Alignment */
.post-831 p.validate-required label.checkbox {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    color: #1e293b !important;
    cursor: pointer !important;
}

.post-831 p.validate-required label.checkbox input[type="checkbox"] {
    margin-top: 3px !important;
    accent-color: #2563eb !important;
}

/* Main Call To Action Button (Pay for order) */
.post-831 button.button.alt,
.post-831 button#place_order {
    display: block !important;
    width: 100% !important;
    background-color: #2563eb !important;
    color: #ffffff !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.025em !important;
    padding: 16px 32px !important;
    border: none !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 10px -2px rgba(37, 99, 235, 0.3) !important;
    transition: all 0.2s ease-in-out !important;
}

.post-831 button.button.alt:hover,
.post-831 button#place_order:hover {
    background-color: #1d4ed8 !important;
    box-shadow: 0 6px 14px -2px rgba(37, 99, 235, 0.4) !important;
    transform: translateY(-1px) !important;
}

.post-831 button.button.alt:active,
.post-831 button#place_order:active {
    transform: translateY(1px) !important;
}

/* Responsive Mobile Configurations */
@media (max-width: 768px) {
    .post-831 table.shop_table th {
        padding: 12px 14px !important;
    }
    .post-831 table.shop_table td {
        padding: 14px 14px !important;
    }
    .post-831 table.shop_table tfoot tr th, 
    .post-831 table.shop_table tfoot tr td {
        text-align: left !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .post-831 table.shop_table tfoot tr th {
        border-bottom: none !important;
        padding-bottom: 4px !important;
    }
    .post-831 table.shop_table tfoot tr td {
        padding-top: 4px !important;
    }
}




/* ==========================================================================
   MYOGENIX PHARMA - SIMPLE & PREMIUM VIOLET CONSOLE
   Scoped to Class: .post-831 | Palette: #573abd, White, Black
   ========================================================================== */

/* Main Base & Layout Canvas */
.post-831.page {
   
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    color: #1e293b !important;
    padding: 40px 16px !important;
}

.post-831 .page-content {
    max-width: 100%!important;
    margin: 0 auto !important;
}

/* Page Header Structure */
.post-831 .page-header {
    text-align: center !important;
    margin-bottom: 35px !important;
}

.post-831 .page-header .entry-title {
    font-size: 2.2rem !important;
    font-weight: 800 !important;
    color: #0f172a !important; /* Slate Black */
    letter-spacing: -0.03em !important;
}

/* Order Success Notification (If visible) */
.post-831 .woocommerce-notice--success {
    background-color: #f5f3ff !important;
    border: 1px solid #ddd6fe !important;
    color: #573abd !important;
    padding: 16px 20px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin-bottom: 25px !important;
}

/* Questionnaire & Highlight Panels */
.post-831 .pre-woo-questionnaire {
    background: #ffffff !important;
    border: 2px solid #573abd !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin: 30px 0 !important;
    text-align: center !important;
    box-shadow: 0 4px 12px rgba(87, 58, 189, 0.08) !important;
}

.post-831 .pre-woo-questionnaire p strong {
    color: #0f172a !important;
    font-size: 1.1rem !important;
}

.post-831 .pre-woo-questionnaire a.button {
    display: inline-block !important;
    background-color: #573abd !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 14px 32px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    margin-top: 15px !important;
    transition: background 0.2s ease !important;
}

.post-831 .pre-woo-questionnaire a.button:hover {
    background-color: #3b2493 !important;
}

/* Modern Invoice and Checkout Tables */
.post-831 table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    margin-bottom: 30px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

.post-831 table.shop_table th {
    background-color: #0f172a !important; /* Sleek Dark Header */
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 16px 20px !important;
    text-transform: uppercase !important;
    font-size: 0.8rem !important;
    letter-spacing: 0.05em !important;
    border: none !important;
}

.post-831 table.shop_table td {
    padding: 16px 20px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    color: #334155 !important;
    font-size: 0.95rem !important;
}

.post-831 table.shop_table td.product-name,
.post-831 table.shop_table td a {
    font-weight: 600 !important;
    color: #0f172a !important;
    text-decoration: none !important;
}

.post-831 table.shop_table td a:hover {
    color: #573abd !important;
    text-decoration: underline !important;
}

/* Pricing Table Footer */
.post-831 table.shop_table tfoot {
    background-color: #f8fafc !important;
}

.post-831 table.shop_table tfoot tr th {
    background: transparent !important;
    color: #475569 !important;
    text-align: right !important;
    font-weight: 500 !important;
    border-top: 1px solid #e2e8f0 !important;
}

.post-831 table.shop_table tfoot tr td {
    font-weight: 700 !important;
    text-align: right !important;
    color: #0f172a !important;
    border-top: 1px solid #e2e8f0 !important;
}

/* Last Row Highlight (Total/Expected Charges) */
.post-831 table.shop_table tfoot tr:last-child {
    background-color: #f5f3ff !important; /* Soft violet indicator tint */
}

.post-831 table.shop_table tfoot tr:last-child th,
.post-831 table.shop_table tfoot tr:last-child td {
    padding: 20px !important;
    font-size: 1.05rem !important;
    color: #573abd !important;
}

/* Payment Gateway Engine Accordion Box */
.post-831 #payment {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin-bottom: 30px !important;
}

.post-831 ul.payment_methods li.wc_payment_method {
    list-style: none !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    margin-bottom: 10px !important;
    padding: 14px 18px !important;
    background-color: #ffffff !important;
}

.post-831 ul.payment_methods li input[type="radio"] {
    accent-color: #573abd !important;
}

.post-831 ul.payment_methods li label {
    font-weight: 600 !important;
    color: #0f172a !important;
}

/* Terms and Conditions Container Box */
.post-831 .woocommerce-terms-and-conditions-wrapper {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
}

.post-831 .woocommerce-terms-and-conditions {
    display: block !important;
    max-height: 160px !important;
    overflow-y: scroll !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    padding: 14px !important;
    font-size: 0.8rem !important;
    color: #475569 !important;
}

/* Master Checkbox alignment */
.post-831 p.validate-required label.checkbox {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    font-size: 0.9rem !important;
    color: #334155 !important;
}

.post-831 p.validate-required label.checkbox input {
    margin-top: 4px !important;
    accent-color: #573abd !important;
}

/* Primary Conversion Execution Button */
.post-831 button.button.alt,
.post-831 button#place_order {
    display: block !important;
    width: 100% !important;
    background-color: #573abd !important;
    color: #ffffff !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 16px !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: background 0.2s ease-in-out !important;
}

.post-831 button.button.alt:hover,
.post-831 button#place_order:hover {
    background-color: #3b2493 !important;
}

/* Profile Address & Subscriptions Summary Layout Cards */
.post-831 section.woocommerce-customer-details address,
.post-831 ul.woocommerce-order-overview {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    list-style: none !important;
}

.post-831 ul.woocommerce-order-overview {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}

.post-831 ul.woocommerce-order-overview li {
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    color: #64748b !important;
}

.post-831 ul.woocommerce-order-overview li strong {
    display: block !important;
    font-size: 1rem !important;
    text-transform: none !important;
    color: #0f172a !important;
    margin-top: 4px !important;
}


/* ==========================================================================
   MYOGENIX PHARMA - STACKED MOBILE UI CARD TRANSFORMATION
   ========================================================================== */

@media (max-width: 768px) {
    /* Hide the default table headers since everything will be clearly labeled inside cards */
    .post-831 table.shop_table thead {
        display: none !important;
    }

    /* Transform the main table element into a seamless clean container */
    .post-831 table.shop_table {
        display: block !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        width: 100% !important;
    }

    /* Group items into distinct, beautiful card sections */
    .post-831 table.shop_table tbody,
    .post-831 table.shop_table tfoot {
        display: block !important;
        width: 100% !important;
    }

    /* Turn every single row into its own independent content block */
    .post-831 table.shop_table tr {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        padding: 16px 20px !important;
        margin-bottom: 12px !important;
        box-shadow: 0 2px 4px rgba(15, 23, 42, 0.02) !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    /* Force all layout cells to give text full room to stretch naturally */
    .post-831 table.shop_table td,
    .post-831 table.shop_table tfoot tr th,
    .post-831 table.shop_table tfoot tr td {
        display: block !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        width: auto !important;
        max-width: 70% !important; /* Prevents text colliding with price */
        text-align: left !important;
        height: auto !important;
    }

    /* Make sure product names and left labels read flat across left side */
    .post-831 table.shop_table td.product-name,
    .post-831 table.shop_table tfoot tr th[colspan="2"] {
        font-size: 0.95rem !important;
        font-weight: 600 !important;
        color: #0f172a !important;
        letter-spacing: normal !important;
        text-transform: none !important;
    }

    /* Align right-side pricing details clearly flat along the right margin */
    .post-831 table.shop_table td.product-subtotal,
    .post-831 table.shop_table td.product-total,
    .post-831 table.shop_table tfoot tr td {
        text-align: right !important;
        font-weight: 700 !important;
        font-size: 1rem !important;
        color: #0f172a !important;
    }

    /* Special Highlight for the final actionable 'Expected Product Charge' Card */
    .post-831 table.shop_table tfoot tr:last-child {
        background: #f5f3ff !important; /* Soft Myogenix brand violet tint */
        border: 2px solid #573abd !important; /* Clear brand core accent border */
        flex-direction: column !important; /* Stacks text vertically on this card for premium notice effect */
        align-items: center !important;
        text-align: center !important;
        padding: 20px !important;
    }

    /* Align last card elements to look centered and perfect */
    .post-831 table.shop_table tfoot tr:last-child th,
    .post-831 table.shop_table tfoot tr:last-child td {
        max-width: 100% !important;
        text-align: center !important;
        color: #573abd !important;
    }
    
    .post-831 table.shop_table tfoot tr:last-child td {
        margin-top: 8px !important;
        font-size: 1.2rem !important;
    }
}









    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        max-width:80% !important;
    }




/* ==========================================================================
   MYOGENIX PHARMA - SUBSCRIPTIONS MOBILE LAYOUT COMPLETE CORRECTION
   Applies only on viewports 768px wide or smaller
   ========================================================================== */

@media (max-width: 768px) {
    /* 1. Force Elementor columns to collapse to full-width instead of splitting side-by-side */
    .elementor-833 .e-con.e-child,
    .elementor-833 .e-con-inner,
    .post-833 .woocommerce {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 2. Transform vertical navigation menu to slide flat horizontally */
    .post-833 .woocommerce-MyAccount-navigation {
        display: block !important;
        width: 100% !important;
        float: none !important;
        margin: 0 0 24px 0 !important;
    }

    .post-833 .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        padding: 4px 0 12px 0 !important;
        margin: 0 !important;
        gap: 8px !important;
        list-style: none !important;
        -webkit-overflow-scrolling: touch !important; /* Smooth swiping on iOS */
    }

    /* Hide scrollbars visually while maintaining swipe functionality */
    .post-833 .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
        display: none !important;
    }

    .post-833 .woocommerce-MyAccount-navigation li {
        flex: 0 0 auto !important; /* Prevent text elements splitting into single lines */
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
    }

    /* Fix navigation text line breaks and backgrounds */
    .post-833 .woocommerce-MyAccount-navigation a {
        display: inline-block !important;
        white-space: nowrap !important; /* Forces layout tracking onto a flat single line */
        padding: 10px 16px !important;
        font-size: 0.9rem !important;
        font-weight: 600 !important;
        color: #1e293b !important;
        background-color: #f1f5f9 !important;
        border-radius: 8px !important;
        text-decoration: none !important;
    }

    /* Active Link State */
    .post-833 .woocommerce-MyAccount-navigation-link.is-active a {
        background-color: #573abd !important;
        color: #ffffff !important;
    }

    /* Drop theme-injected break commands inside links */
    .post-833 .woocommerce-MyAccount-navigation a br {
        display: none !important;
    }

    /* 3. Make sure data content block sits underneath the sliders at full size */
    .post-833 .woocommerce-MyAccount-content {
        display: block !important;
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 4. Upgrade plain list items into clean premium content cards */
    .post-833 table.shop_table_responsive tbody tr {
        display: block !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        padding: 16px !important;
        margin-bottom: 14px !important;
        box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.02) !important;
    }

    .post-833 table.shop_table_responsive td {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 10px 0 !important;
        border-bottom: 1px dashed #f1f5f9 !important;
        font-size: 0.9rem !important;
        text-align: right !important;
    }

    .post-833 table.shop_table_responsive td:last-of-type {
        border-bottom: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Re-inject custom section text labels via core browser mechanics */
    .post-833 table.shop_table_responsive td::before {
        content: attr(data-title) ": " !important;
        font-weight: 600 !important;
        color: #475569 !important;
        text-align: left !important;
    }

    /* Align row values correctly */
    .post-833 table.shop_table_responsive td.subscription-id a {
        font-weight: 700 !important;
        color: #573abd !important;
        text-decoration: none !important;
    }

    /* Convert standard small view action tabs to expansive responsive blocks */
    .post-833 table.shop_table_responsive td.subscription-actions {
        display: block !important;
        padding-top: 12px !important;
    }

    .post-833 table.shop_table_responsive td.subscription-actions::before {
        display: none !important; /* Hide action title label on the main button wrapper card */
    }

    .post-833 table.shop_table_responsive td.subscription-actions a.button.view {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        background-color: #573abd !important;
        color: #ffffff !important;
        padding: 12px !important;
        border-radius: 8px !important;
        font-weight: 700 !important;
        box-sizing: border-box !important;
    }
}