.auth-body{
    width: 100%;
    margin: 40px 20px;
}

.auth-body-container{
    width: 100%;
    display: flex;
    gap: 40px;
}

.auth-body-card{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap:10px;
    border-radius: 24px;
    border: 1px solid #E0E0E0;
    padding: 32px 16px;
    background-color: #002832;
}

.auth-body-card-title{
    font-weight: 500;
    font-size: var(--font-size-11xl);
    line-height: 76px;
    letter-spacing: normal;
    text-align: center;
}

.auth-body-card-content{
    padding: 16px 40px;
}

.auth-body-signin .auth-body-card-content{
    padding: 16px 20px;
}


.auth-body-form, .reset-password{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
}

.auth-body-form-input-wrapper{
    position: relative;
    width: 100%;
}

.auth-body-form-group{
    display: flex;
    flex-direction: column;
    gap: 6.31px;
}

.auth-body-form-group label{
    font-weight: 400;
    font-size: 25.26px;
    line-height: 37.88px;
    letter-spacing: normal;
    text-align: left;
}

.auth-login-Input, .auth-body-form-group input:not([type="radio"]), .auth-body-form-group select{
    width: 100%;
    padding: 18.94px;
    background-color: #343640;
    color: var(--color-white);
    border: 1px solid #343640;
    border-radius: 12.63px;
    font-size: 16px;
    font-family: 'Poppins';
}

.inline-form-group{
    display: flex;
    align-items: center;
    gap: 5px;
}

.inline-form-group label {
    width: 350px;
}

.inline-form-group input[type="number"] {
    font-size: initial;
    text-align: left;
}

.inline-form-group .iti{
    width: 100%;
}
.iti__country-list{
    width: 100%;
    background-color: #343640;
    color: var(--color-white);
    border: 1px solid #343640;
    border-radius: 12.63px;
}
.iti__country-name {
    display: none;
}
.iti__selected-flag {
    justify-content: center;
}
.iti__country-list::-webkit-scrollbar {
    width: 8px;
}
.iti__country-list::-webkit-scrollbar-track {
    background: var(--color-white);
    border-radius: 4px;
}
.iti__country-list::-webkit-scrollbar-thumb {
    background: var(--color-gray-3);
    border-radius: 4px;
}
.iti__country-list::-webkit-scrollbar-thumb:hover {
    background: var(--color-gray-100);
}
.iti__flag-container{
    width: 25%;
}



.auth-body-form-group span{
    font-weight: 250;
    font-style: italic;
    font-size: 18px;
    line-height: 37.88px;
    letter-spacing: normal;
}

.btn-display-password.auth-body-form-show-password{
    top: 50%;
    transform: translateY(-50%);
}

.auth-body-personal-actions{
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.auth-body-signin .auth-body-personal-actions{
    margin-top: 0;
}

.auth-body-forgot-password{
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.auth-login-forgot-password{
    color: #FFF;
    font-size: 11.345px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 13.615px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    background-color: transparent;
    border: none;
}

.auth-body-form-content{
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 60px;
    line-height: 32.56px;
    letter-spacing: normal;
}

.auth-body-form-content p{
    font-weight: 400;
    font-size: 18px;
}

.auth-body-form-content ul li{
    font-weight: 300;
    font-size: 16px;
}

.change-view-auth{
    margin-top: 20px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.auth-body-form-checkbox-group{
    margin-top: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
}

.auth-body-form-checkbox-group a{
    text-decoration: underline;
}



/* WooCommerce Account Page Styles - Dark Theme */

.woocommerce-account .woocommerce {
    display: flex;
    gap: var(--gap-xl);
    padding: var(--padding-xl);
    background-color: var(--primary-bg);
    min-height: 100vh;
}

/* Navigation Sidebar */
.woocommerce-MyAccount-navigation {
    display: flex;
    flex-direction: column;
    width: 280px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding-right: var(--padding-xl);
}

.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: column;
    gap: var(--gap-2xs);
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation li {
    display: flex;
    align-items: center;
}

.woocommerce-MyAccount-navigation li a {
    display: flex;
    align-items: center;
    gap: var(--gap-xs);
    padding: var(--padding-xs) var(--padding-xl);
    border-radius: var(--br-5xs);
    transition: var(--transition-all);
    cursor: pointer;
    position: relative;
    color: var(--color-gainsboro-100);
    font-size: var(--font-size-sm);
    font-weight: 500;
    width: 100%;
}

.woocommerce-MyAccount-navigation li a:hover {
    background-color: rgba(255, 255, 255, 0.05);
    color: var(--color-white);
}

.woocommerce-MyAccount-navigation li.is-active a {
    background-color: rgba(14, 95, 217, 0.1);
    box-shadow: inset 3px 0 0 var(--color-royalblue);
    color: var(--color-royalblue);
    font-weight: 600;
}

/* Main Content Area */
.woocommerce-MyAccount-content {
    flex: 1;
    padding: var(--padding-xl);
    background-color: var(--color-gray-200);
    border-radius: var(--br-5xs);
    min-width: 0;
}

/* Typography */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    color: var(--color-white);
    font-size: var(--font-size-5xl);
    margin-bottom: var(--gap-xl);
    font-weight: 600;
}

.woocommerce-MyAccount-content p {
    color: var(--color-gainsboro-100);
    font-size: var(--font-size-sm);
    margin-bottom: var(--gap-xs);
}

/* Form Elements */
.woocommerce-MyAccount-content form {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xl);
}

.woocommerce-MyAccount-content .form-row {
    margin-bottom: var(--gap-xs);
}

.woocommerce-MyAccount-content label {
    display: block;
    color: var(--color-gainsboro-100);
    font-size: var(--font-size-sm);
    margin-bottom: var(--gap-5xs);
}

.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content select {
    width: 100%;
    padding: var(--padding-xs);
    background-color: var(--color-gray-100);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--br-5xs);
    color: var(--color-white);
    transition: var(--transition-all);
}

.woocommerce-MyAccount-content input:focus,
.woocommerce-MyAccount-content select:focus {
    border-color: var(--color-royalblue);
    box-shadow: 0 0 0 2px rgba(14, 95, 217, 0.1);
}

/* Buttons */
.woocommerce-MyAccount-content .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--padding-xs) var(--padding-xl);
    background-color: var(--color-royalblue);
    color: var(--color-white);
    border-radius: var(--br-5xs);
    font-weight: 500;
    transition: var(--transition-all);
    border: none;
    cursor: pointer;
}

.woocommerce-MyAccount-content .button:hover {
    background-color: rgba(14, 95, 217, 0.8);
}

/* Tables */
.woocommerce-orders-table,
.woocommerce-table--order-downloads {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-top: var(--gap-xl);
}

.woocommerce-orders-table th,
.woocommerce-orders-table td,
.woocommerce-table--order-downloads th,
.woocommerce-table--order-downloads td {
    padding: var(--padding-xs);
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--color-gainsboro-100);
}

.woocommerce-orders-table th,
.woocommerce-table--order-downloads th {
    background-color: var(--color-gray-100);
    font-weight: 600;
    color: var(--color-white);
}

/* Messages */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    padding: var(--padding-xs) var(--padding-xl);
    border-radius: var(--br-5xs);
    margin: var(--gap-xl) var(--gap-xl) 0;
    display: flex;
    align-items: center;
    gap: var(--gap-xs);
}

.woocommerce-message {
    background-color: rgba(85, 245, 255, 0.1);
    border: 1px solid var(--light-blue-color);
    color: var(--light-blue-color);
}

.woocommerce-info {
    background-color:rgba(247, 115, 102, 0.1);
    border: 1px solid var(--color-salmon);
    color: var(--color-salmon);
}

.woocommerce-error {
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid var(--status-danger);
    color: var(--status-danger);
}

/* Responsive Design */
@media (max-width: 1279px) {
    .woocommerce-MyAccount-navigation {
        width: 250px;
    }
}

@media (max-width: 1080px) {
    .woocommerce-account .woocommerce {
        flex-direction: column;
    }

    .woocommerce-MyAccount-navigation {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-right: 0;
        padding-bottom: var(--padding-xl);
        margin-bottom: var(--gap-xl);
    }
}

/* Address Fields */
.woocommerce-address-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--gap-xl);
}

/* Payment Methods */
.woocommerce-PaymentMethods {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
}

.woocommerce-PaymentMethod {
    padding: var(--padding-xs);
    background-color: var(--color-gray-100);
    border-radius: var(--br-5xs);
    border: 1px solid rgba(255, 255, 255, 0.1);
}


/* WooCommerce View Order Page Styles - Dark Theme */

/* Order Details Container */
.woocommerce-view-order {
    background-color: var(--color-gray-200);
    border-radius: var(--br-5xs);
    padding: var(--padding-xl);
}

/* Order Header */
.order-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--gap-xl);
    padding-bottom: var(--padding-xl);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.order-info mark {
    background-color: rgba(14, 95, 217, 0.1);
    color: var(--color-royalblue);
    padding: var(--padding-8xs) var(--padding-xs);
    border-radius: var(--br-5xs);
    font-size: var(--font-size-xs);
    font-weight: 500;
}

/* Order Details Table */
.woocommerce-table--order-details {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: var(--gap-xl);
    background-color: var(--color-gray-100);
    border-radius: var(--br-5xs);
    overflow: hidden;
}

.woocommerce-table--order-details thead th {
    background-color: rgba(255, 255, 255, 0.05);
    padding: var(--padding-xs) var(--padding-xl);
    text-align: left;
    color: var(--color-white);
    font-weight: 600;
    font-size: var(--font-size-sm);
}

.woocommerce-table--order-details tbody td {
    padding: var(--padding-xs) var(--padding-xl);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--color-gainsboro-100);
    font-size: var(--font-size-sm);
}

.woocommerce-table--order-details tbody tr:last-child td {
    border-bottom: none;
}

/* Product Name */
.woocommerce-table--order-details .product-name {
    color: var(--color-white);
}

.woocommerce-table--order-details .product-name a {
    color: var(--color-royalblue);
    text-decoration: none;
    transition: var(--transition-all);
}

.woocommerce-table--order-details .product-name a:hover {
    opacity: 0.8;
}

/* Order Total Row */
.woocommerce-table--order-details tfoot {
    background-color: var(--color-gray-100);
}

.woocommerce-table--order-details tfoot th {
    text-align: left;
    padding: var(--padding-xs) var(--padding-xl);
    color: var(--color-white);
    font-weight: 600;
    font-size: var(--font-size-sm);
}

.woocommerce-table--order-details tfoot td {
    padding: var(--padding-xs) var(--padding-xl);
    color: var(--color-gainsboro-100);
    font-size: var(--font-size-sm);
}

/* Customer Details Section */
.woocommerce-customer-details {
    margin-top: var(--gap-xl);
    padding-top: var(--gap-xl);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.woocommerce-customer-details h2 {
    color: var(--color-white);
    font-size: var(--font-size-5xl);
    margin-bottom: var(--gap-xl);
    font-weight: 600;
}

.woocommerce-customer-details address {
    padding: var(--padding-xl);
    background-color: var(--color-gray-100);
    border-radius: var(--br-5xs);
    color: var(--color-gainsboro-100);
    font-size: var(--font-size-sm);
    line-height: 1.6;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Order Notes */
.woocommerce-order-notes {
    margin-top: var(--gap-xl);
}

.woocommerce-order-notes h2 {
    color: var(--color-white);
    font-size: var(--font-size-5xl);
    margin-bottom: var(--gap-xl);
    font-weight: 600;
}

.woocommerce-order-notes ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-order-notes li {
    padding: var(--padding-xl);
    background-color: var(--color-gray-100);
    border-radius: var(--br-5xs);
    margin-bottom: var(--gap-xs);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.woocommerce-order-notes .note-content {
    color: var(--color-gainsboro-100);
    font-size: var(--font-size-sm);
}

.woocommerce-order-notes .note-date {
    color: var(--color-gray-3);
    font-size: var(--font-size-xs);
    margin-top: var(--gap-5xs);
}

/* Order Status */
.order-status {
    display: inline-flex;
    align-items: center;
    padding: var(--padding-8xs) var(--padding-xs);
    border-radius: var(--br-5xs);
    font-size: var(--font-size-xs);
    font-weight: 500;
}

.order-status.status-completed {
    background-color: rgba(22, 192, 152, 0.1);
    color: var(--color-mediumaquamarine);
}

.order-status.status-processing {
    background-color: rgba(14, 95, 217, 0.1);
    color: var(--color-royalblue);
}

.order-status.status-on-hold {
    background-color: rgba(251, 185, 3, 0.1);
    color: var(--status-warning);
}



/* Download Files Section */
.download-files {
    margin-top: var(--gap-xl);
}

.download-files .download-file-link {
    display: inline-flex;
    align-items: center;
    gap: var(--gap-xs);
    padding: var(--padding-xs) var(--padding-xl);
    background-color: var(--color-royalblue);
    color: var(--color-white);
    border-radius: var(--br-5xs);
    font-weight: 500;
    transition: var(--transition-all);
    text-decoration: none;
}

.download-files .download-file-link:hover {
    background-color: rgba(14, 95, 217, 0.8);
}

/* WooCommerce Edit Address Page Styles - Dark Theme */

/* Main Container */
.woocommerce-address-fields,
.woocommerce-EditAccountForm {
    background-color: var(--color-gray-200);
    border-radius: var(--br-5xs);
    padding: var(--padding-xl);
}

/* Form Fields Wrapper */
.woocommerce-address-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap-xl);
    margin-bottom: var(--gap-xl);
}

/* Full Width Fields */
.form-row-wide {
    grid-column: span 2;
}

/* Half Width Fields */
.form-row-first,
.form-row-last {
    grid-column: span 1;
}

/* Form Row Styling */
.form-row {
    display: flex;
    flex-direction: column;
    gap: var(--gap-5xs);
}

/* Labels */
.woocommerce-address-fields label {
    color: var(--color-gainsboro-100);
    font-size: var(--font-size-sm);
    font-weight: 500;
}

/* Required Field Indicator */
.required {
    color: var(--status-danger);
    margin-left: var(--gap-2xs);
}

/* Input Fields */
.woocommerce-address-fields input[type="text"],
.woocommerce-address-fields input[type="tel"],
.woocommerce-address-fields input[type="email"],
.select2-container--default .select2-selection--single {
    width: 100%;
    padding: var(--padding-xs);
    background-color: var(--color-gray-100);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--br-5xs);
    color: var(--color-white);
    font-size: var(--font-size-sm);
    transition: var(--transition-all);
}

/* Input Focus States */
.woocommerce-address-fields input:focus,
.select2-container--default .select2-selection--single:focus {
    border-color: var(--color-royalblue);
    box-shadow: 0 0 0 2px rgba(14, 95, 217, 0.1);
    outline: none;
}

/* Select2 Dropdown Customization */
.select2-container--default .select2-selection--single {
    height: auto;
    padding: var(--padding-xs);
    background-color: var(--color-gray-100);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--color-white);
    line-height: normal;
    padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: var(--padding-xs);
}

.select2-dropdown {
    background-color: var(--color-gray-100);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--br-5xs);
}

.select2-container--default .select2-results__option {
    padding: var(--padding-xs);
    color: var(--color-gainsboro-100);
    transition: var(--transition-all);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--color-royalblue);
    color: var(--color-white);
}

.auth-body-container .auth-body-personal-signup {
    width: 100%;
}

.auth-body-personal-signup .auth-body-card-content{
    padding: 2% 25%;
}

.auth-body-personal-reset-password, .auth-body-personal-lost-password{
     padding: 2% 0;
     margin: auto;
 }
 .auth-body-personal-lost-password{
     width: 65%;
 
 }

.auth-body-personal-signup h1{
    text-align: center;
}

/* Save Address Button */
.woocommerce-address-fields button[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--padding-xs) var(--padding-xl);
    background-color: var(--color-royalblue);
    color: var(--color-white);
    border-radius: var(--br-5xs);
    font-weight: 500;
    font-size: var(--font-size-sm);
    transition: var(--transition-all);
    border: none;
    cursor: pointer;
    margin-top: var(--gap-xl);
}

.woocommerce-address-fields button[type="submit"]:hover {
    background-color: rgba(14, 95, 217, 0.8);
}

/* Error Messages */
.woocommerce-error {
    background-color: rgba(220, 53, 69, 0.1);
    border: 1px solid var(--status-danger);
    color: var(--status-danger);
    font-size: var(--font-size-sm);
}

/* Success Messages */
.woocommerce-message {
    background-color: rgba(85, 245, 255, 0.1);
    border: 1px solid var(--light-blue-color);
    color: var(--light-blue-color);
    font-size: var(--font-size-sm);
}

/* Field Description */
.description {
    color: var(--color-gray-3);
    font-size: var(--font-size-xs);
    margin-top: var(--gap-2xs);
}

/* Optional Field Label */
.optional {
    color: var(--color-gray-3);
    margin-left: var(--gap-2xs);
}

/* Responsive Design */
@media (max-width: 768px) {
    .woocommerce-address-fields__field-wrapper {
        grid-template-columns: 1fr;
    }

    .form-row-wide,
    .form-row-first,
    .form-row-last {
        grid-column: span 1;
    }

    .woocommerce-address-fields {
        padding: var(--padding-xs);
    }
}

/* Loading State */
.woocommerce-address-fields button[type="submit"].loading {
    opacity: 0.7;
    cursor: not-allowed;
    position: relative;
}

.woocommerce-address-fields button[type="submit"].loading::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: var(--color-white);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: var(--gap-xs);
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* WooCommerce Addresses List Page Styles - Dark Theme */

/* Addresses Container */
.u-columns.woocommerce-Addresses.col2-set.addresses {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap-xl);
    margin-top: var(--gap-xl);
}

/* Individual Address Column */
.u-column1.woocommerce-Address,
.u-column2.woocommerce-Address {
    background-color: var(--color-gray-200);
    border-radius: var(--br-5xs);
    padding: var(--padding-xl);
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Address Header */
.woocommerce-Address-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--gap-xl);
    padding-bottom: var(--padding-xs);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.woocommerce-Address-title h3 {
    color: var(--color-white);
    font-size: var(--font-size-lg);
    font-weight: 600;
    margin: 0;
}

/* Edit Link */
.woocommerce-Address-title a.edit {
    color: var(--color-royalblue);
    font-size: var(--font-size-sm);
    text-decoration: none;
    padding: var(--padding-8xs) var(--padding-xs);
    border-radius: var(--br-5xs);
    background-color: rgba(14, 95, 217, 0.1);
    transition: var(--transition-all);
}

.woocommerce-Address-title a.edit:hover {
    background-color: rgba(14, 95, 217, 0.2);
}

/* Address Content */
.woocommerce-Address address {
    color: var(--color-gainsboro-100);
    font-size: var(--font-size-sm);
    line-height: 1.6;
    font-style: normal;
}

/* Empty Address State */
.woocommerce-Address.empty-address {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    text-align: center;
    background-color: var(--color-gray-100);
}

.empty-address p {
    color: var(--color-gray-3);
    font-size: var(--font-size-sm);
    margin-bottom: var(--gap-xs);
}

.empty-address a {
    display: inline-flex;
    align-items: center;
    padding: var(--padding-xs) var(--padding-xl);
    background-color: var(--color-royalblue);
    color: var(--color-white);
    border-radius: var(--br-5xs);
    font-weight: 500;
    font-size: var(--font-size-sm);
    text-decoration: none;
    transition: var(--transition-all);
}

.empty-address a:hover {
    background-color: rgba(14, 95, 217, 0.8);
}

/* Responsive Design */
@media (max-width: 768px) {
    .u-columns.woocommerce-Addresses.col2-set.addresses {
        grid-template-columns: 1fr;
    }

    .u-column1.woocommerce-Address,
    .u-column2.woocommerce-Address {
        padding: var(--padding-xs);
    }

    .woocommerce-Address-title {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--gap-xs);
    }

    .woocommerce-Address-title a.edit {
        align-self: flex-start;
    }



}

/* Section Title */
.woocommerce-Addresses > h2,
.woocommerce-Addresses > header h3 {
    color: var(--color-white);
    font-size: var(--font-size-5xl);
    margin-bottom: var(--gap-xl);
    font-weight: 600;
}

/* Additional Info */
.woocommerce-Address .additional-info {
    margin-top: var(--gap-xs);
    padding-top: var(--padding-xs);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--color-gray-3);
    font-size: var(--font-size-xs);
}

/* Address Labels */
.woocommerce-Address .address-label {
    display: inline-block;
    padding: var(--padding-8xs) var(--padding-xs);
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: var(--br-5xs);
    color: var(--color-gainsboro-100);
    font-size: var(--font-size-xs);
    margin-bottom: var(--gap-xs);
}

/* Default Address Badge */
.woocommerce-Address .is-default {
    position: absolute;
    top: var(--padding-xs);
    right: var(--padding-xs);
    padding: var(--padding-8xs) var(--padding-xs);
    background-color: rgba(22, 192, 152, 0.1);
    color: var(--color-mediumaquamarine);
    font-size: var(--font-size-xs);
    border-radius: var(--br-5xs);
    font-weight: 500;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #343640;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.auth-body-form-group-switch{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.radio-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25%;
}

.radio-inline{
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 42px;
	margin-bottom: 5px;
}

.register{
    margin-top: 20px;
}

.mb-1 {
    margin-bottom: 1rem;
}

.text-center {
    text-align: center;
}

.auth-body-login{
    transform: translateX(-100%);
    animation: slideInFromLeft 0.5s ease-in-out forwards;
}

.auth-body-signin{
    transform: translateX(100%);
    animation: slideInFromRight 0.5s ease-in-out forwards;
}

@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .auth-body{
        margin: 40px auto;
    }

    .auth-body-container{
        flex-direction: column;
    }


    .auth-body-personal-signup .auth-body-card-content{
        padding: 2%;
    }

    .auth-body-form{
        gap: 20px;
    }

    .radio-group{
        flex-direction: column;
        align-items: baseline;
    }

    .auth-body-form-group label{
        font-size: 16px;
    }

    .order-info {
        flex-direction: column;
        gap: var(--gap-xs);
    }

    .woocommerce-table--order-details {
        display: block;
        overflow-x: auto;
    }

    .woocommerce-customer-details address {
        padding: var(--padding-xs);
    }

    .inline-form-group label {
        width: 200px;
    }
}
