/* Dashboard Wrapper PROD */ 
.custom-dashboard-wrapper {
    background-color: #2b2b2b;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0 !important;
    /* text-align: center; */
}

/* Image Section */
.custom-dashboard-image img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    margin-bottom: 20px;
}

/* Description Text */
.custom-dashboard-text p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}

.custom-dashboard-text ul {
    list-style-type: disc;
    color: #ff6600;
    font-size: 14px;
    text-align: left;
    display: inline-block;
    margin: 0 auto 15px;
}

.custom-dashboard-text li {
    margin-bottom: 0;
    color: #fff;
    padding: 0;
}

/* CTA Button */
.custom-dashboard-button {
    text-align: center;
    margin-top: 20px;
}


/* .woocommerce-account .woocommerce-MyAccount-content p:not(.has-background):last-of-type {
    display: none;
}*/
.custom-dashboard-image img {
    width: 100%;
} 

/* Force the coupon section to be always visible */
.woocommerce-form-coupon-toggle {
    display: none !important; /* Hide the "Have a coupon?" link */
}

.woocommerce-form-coupon {
    display: block !important; /* Ensure the coupon form is always visible */
}


.custom-title{
    margin-top: 30px;
}

p.logged_in_class {
    margin-top: 5px;
}

.single-product p:empty {
    display: none;
}

.single-product p.logged_in_class {
    color: #fff;
}

.single-product p.custom-variation-info {
    color: #666;
    margin-top: 5px;
}
p.not_logged_in_class {
    color: #fff;
}

/*.woocommerce-page.woocommerce span.woocommerce-Price-amount.amount {
    color: unset !important;
    display: block;
}
*/
.woocommerce-page.woocommerce span.woocommerce-Price-amount.amount {
    color: #ff6600 !important;
}

.single-product div.product .single_variation ul.wcsatt-options-product .price del{
    color: #ff6600 !important;
}

.woocommerce-page.woocommerce ul.products li.product .price, .woocommerce-page.woocommerce ul.products li.product .price {
    text-align: center;
    font-size: 16px !important;
    color: #f68920 !important;
}
.woocommerce ul.products li.product p#learn-more {
    display: none;
}
.woocommerce-page.woocommerce span.from {
    letter-spacing: normal !important;
    color: #999 !important;
}

.woocommerce-page.woocommerce span.wcsatt-dash {
    display: none;
}

.woocommerce-page.woocommerce ul.products li.product .price .from {
    width: 100%;
    display: block;
}


/* Styling the Select2 dropdown container */
.woocommerce-page .select2-container--default .select2-selection--single {
    background-color: #333; /* Dark background */
    color: #fff; /* Light text */
    border: 1px solid transparent; /* Subtle border */
    border-radius: 5px; /* Rounded corners */
    height: 55px; /* Adjust height if needed */
    display: flex;
    align-items: center; /* Vertically center text */
    padding: 0 10px; /* Add padding */
}

/* Styling the dropdown arrow */
.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-color: transparent; /* Matches the background */
    border-left: 1px solid #555; /* Optional: separate arrow visually */
}

/* Styling the dropdown options */
.woocommerce-page .select2-container--default .select2-results__option {
    background-color: #333; /* Dark background */
    color: #fff; /* Light text */
    padding: 10px; /* Adjust padding */
}

.woocommerce-page .select2-container--default .select2-results__option--highlighted {
    background-color: #555; /* Highlighted option background */
    color: #fff !important; /* Highlighted option text */
}

/* Styling the search box inside the dropdown */
.woocommerce-page .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #333; /* Dark background */
    color: #fff; /* Light text */
    border: 1px solid #555; /* Border for the input */
    border-radius: 3px; /* Rounded corners */
    padding: 5px; /* Padding inside the input */
}

/* Ensure scrollbars match the dark theme */
.woocommerce-page .select2-container--default .select2-results__options {
    max-height: 200px; /* Adjust the height */
    overflow-y: auto; /* Enable scrolling */
    scrollbar-color: #555 #333; /* Custom scrollbar colors */
    scrollbar-width: thin;
}
 
/* Adjust scrollbar appearance for Webkit browsers */
.woocommerce-page .select2-container--default .select2-results__options::-webkit-scrollbar {
    width: 8px;
}
.woocommerce-page .select2-container--default .select2-results__options::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 4px;
}
.woocommerce-page .select2-container--default .select2-results__options::-webkit-scrollbar-track {
    background-color: #333;
}
.woocommerce-page .select2-container--default .select2-results__option[aria-selected=true], .woocommerce-checkout .select2-container--default .select2-results__option[data-selected=true] {
    color: #333;
}
.woocommerce-page .et_pb_wc_checkout_billing .select2-container .select2-selection--single .select2-selection__rendered {
    color: #fff;
}
.woocommerce-page .select2-container--default .select2-results__option--highlighted[aria-selected], .woocommerce-checkout .select2-container--default .select2-results__option--highlighted[data-selected] {
    background: #ddd !important;
    color: #333 !important;
}
.single-product p#learn-more {
    display: none;
}
.woocommerce-page.single-product button.single_add_to_cart_button.button:hover, .woocommerce-page table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents button.button:hover {    
    background-color: #ff6600 !important;
    color: #fff !important;
}
.login-popup-container.popup-visible {
    display: block !important;
}

.extra_info {
    margin-bottom: 20px;
    display: inline-block;
}
.extra_info p {
    color: #ccc;
}

.woocommerce-members_area small.wcsatt-sub-options span.from {
    display: inline-block;
    width: 100%;
}

.woocommerce-members_area small.wcsatt-sub-options span.subscription-details {
    font-size: inherit;
}

table.shop_table.shop_table_responsive.my_account_orders.my_account_memberships.my_membership_discounts span.from {
    display: none;
}

table.shop_table.shop_table_responsive.my_account_orders.my_account_memberships.my_membership_discounts span.subscription-details {
    display: none;
}

table.shop_table.shop_table_responsive.my_account_orders.my_account_memberships.my_membership_discounts span.wcsatt-dash {
    display: none;
}

table.shop_table.shop_table_responsive.my_account_orders.my_account_memberships.my_membership_discounts small.wcsatt-sub-options del {
    display: none;
}
table.shop_table.shop_table_responsive.my_account_orders.my_account_memberships.my_membership_discounts small.wcsatt-sub-options span.woocommerce-Price-amount.amount {
    display: none;
}
table.shop_table.shop_table_responsive.my_account_orders.my_account_memberships.my_membership_discounts tbody tr.membership-discount .membership-product-price small:nth-of-type(2) {
    display: none;
}

.woocommerce-edit-address  .woocommerce-address-fields button.button {
    color: #FF6600!important;
    cursor: pointer;
    margin-top: 15px;
}
.woocommerce-edit-address  .woocommerce-address-fields button.button:hover {
    color: #fff !important;
    background-color: #ff6600;
}   

.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
}

.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
} 
.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 55px;
}
.woocommerce-checkout.woocommerce-page form.checkout_coupon.woocommerce-form-coupon button.button:hover, .woocommerce.woocommerce-page.woocommerce-checkout #payment #place_order:hover, .woocommerce-checkout.woocommerce-page #payment #place_order:hover {
    background-color: #FF6600!important;
    color: #fff !important;
    padding: 0.8em 1em !important;
    border: 1px solid transparent;
}
.custom-dashboard-button a.et_pb_button:hover {
    background-color: #ff6600;
    color: #fff !important;!i;!;
}



/* login popup data */
#login-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #000;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 999;
    border-radius: 5px;
}
#login-popup-content {
    position: relative;
}
#login-popup:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
/* Popup and overlay styles */
.overlay_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent black */
    z-index: 999;
}

div#login-popup h2 {
    font-size: 28px !important;!i;!;
}            
/* login popup data */
.popup-open header.et-l.et-l--header .et_builder_inner_content.et_pb_gutters3.product, .popup-open footer.et-l.et-l--footer .et_builder_inner_content.et_pb_gutters3.product {
    z-index: 0 !important;;
}
.popup-open .et_pb_row.et_pb_row_1_tb_body {
    z-index: 0;
}

#login-popup .woocommerce-error a {
    color: #fff;
    text-decoration: underline;
}
a.my_account_link:hover {
    text-decoration: underline;
}

.woocommerce-account span.my_account_link {
    display: flex;
    justify-content: end;
}
section.woocommerce-order-details p.order-again {
    display: none;
}
a.button.pay.pay_now_view_order {
    color: #ff6600 !important;
    padding: 10px 20px;
    border-radius: 4px;
}




@media (min-width: 1024px) {
    #product-variant-display .variants-grid{
        display: flex;
        flex-wrap: wrap;
    }
    #product-variant-display .variants-grid.items-1 {
        grid-template-columns: revert !important;
    }
    #product-variant-display .variants-grid.items-2:has(.variant-item:nth-child(2)) {
        grid-template-columns: repeat(2, 1fr) !important;
        width: calc(50% - 10px);

    }
    #product-variant-display .variants-grid.items-3:has(.variant-item:nth-child(3)) {
        grid-template-columns: repeat(3, 1fr) !important;
        width: calc(75% - 10px);
    }
    #product-variant-display .variants-grid.items-4:has(.variant-item:nth-child(4)) {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    #product-variant-display .variants-grid.items-2 .variant-item {
        width: 100%;
    }
    
    div#login-popup h2 {
        font-size: 14px !important;!i;!;
    }


}

@media only screen and (max-width: 768px) {

    div#login-popup {
        width: 95%;
        margin: 20px 0px;
    }    

    div#login-popup footer.et-l.et-l--footer {
        z-index: 99 !important;!i;!;
    }

    div#login-popup form.woocommerce-form.woocommerce-form-login.login {
        padding: 10px;
        margin: 0px;
    }

    div#login-popup .u-column2.col-2 {
        margin-top: 20px;
    }

    div#login-popup form.woocommerce-form.woocommerce-form-register.register {
        margin: 0;
    }
    
    div#login-popup h2 {
        font-size: 22px !important;!i;!;
    }
    div#login-popup form.woocommerce-form.woocommerce-form-register.register {
        padding: 10px;
    }
    
    .single-product .product_top_main .et_pb_column.et_pb_column_1_2.et_pb_column_1_tb_body {
        z-index: 0 !important;
    }        
    
    .single-product header.et-l.et-l--header .et_pb_gutters3.product {
        z-index: -1 !important;
    }
    .single-product .woocommerce-privacy-policy-text {
        display: none;
    }

    .single-product footer.et-l.et-l--footer .et_pb_gutters3.product {
        z-index: -1 !important;
    }        

    div#login-popup h2 {
        font-size: 14px !important;!i;!;
    }
    
    .woocommerce-account span.my_account_link {
        text-align: center;
        display: block;
        margin: 0 !important;
        padding: 0;
    }    

}

