/*
Theme Name:     Storefront Child Theme
Theme URI:      https://woocommerce.opmc.com.au/
Author:         OPMC
Author URI:     https://woocommerce.opmc.com.au/
Template:       storefront
Description:    Child theme for the Storefront WooCommerce theme. You can replace all this information with your own.
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    storefront-child
*/
body,
button,
input,
textarea {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Cantarell", Arial, Helvetica, sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.storefront-primary-navigation {
    background-color: #003399;
    line-height: 0px;
}

.main-navigation ul li a {
    color: #fff;
}

.woocommerce-active .site-header .main-navigation {
    width: 100%;
}

.woocommerce-active .site-header .site-branding {
    margin-top: 30px;
}

.site-header {
    padding-top: 0px;
}

.woocommerce-active .site-header .site-branding {
    width: 50%;
    float: left;
    margin-right: 4.347826087%;
}

.woocommerce-active .site-header .site-search {
    width: 25%;
    float: right;
    margin-right: 0;
    clear: none;
}

.site-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    padding: 0px;
}

.site-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    border-radius: 0px;
    padding: 13px 24px;
}


span.welcome-message {
    font-size: 14px; /* Default size */
    font-weight: 400;
    padding: 15px;
}

/* Adjust font size and padding for smaller screens */
@media (max-width: 768px) {
    span.welcome-message {
        font-size: 12px;
        padding: 10px;
    }
}

/* Adjust font size and padding for very small screens */
@media (max-width: 480px) {
    span.welcome-message {
        font-size: 10px;
        padding: 8px;
    }
}



.custom-storefront-links {
    position: relative;
    padding: 0px 0px 0px 0px;
    min-height: 30px;
    height: auto;
    border: 0;
    margin-top: 8px;
    color: #003399;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}.custom-storefront-links .left-align {
    text-align: left;
}.custom-storefront-links a {
    text-transform: uppercase;
    font-size: 14px;
    color: #003399;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}.custom-storefront-links .right-align {
    text-align: right;
}

/* Widget Area */
.widget_recent_entries ul li,
.widget_pages ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_recent_comments ul li,
.widget_nav_menu ul li,
.widget_links ul li,
.widget_product_categories ul li,
.widget_layered_nav ul li,
.widget_layered_nav_filters ul li {
    padding-left: 0px;
}

/* Signin CSS */
.DialogMessage.MessageInfo {
    background-color: #F0F7FF;
    border-color: #4989b9;
    background-image: url(../storefront-child/assets/images/ico_m_info.png) !important;
    min-height: 30px;
    padding-left: 40px !important;
    background-repeat: no-repeat;
    background-position: 6px 6px;
    color: #111;
    font-size: 14px;
    padding: 10px;
    margin-bottom: 20px;
}

h2.wp-block-heading.signin-area {
    font-size: 20px;
    color: #003399;
    font-weight: normal;
    margin: 0px 0px 12px 0px;
}

.woocommerce-account .woocommerce h2 {
    display: none;
}

.woocommerce-account .woocommerce-form.woocommerce-form-login.login {
    width: 50%;
}

/* Breadcrumb CSS */
.storefront-breadcrumb .woocommerce-breadcrumb a,
a.woocommerce-review-link,
.product_meta a {
    font-size: 18px;
    color: #003399;
    font-weight: bold;
    margin: 0 3px 0 0;
    text-decoration: none;
}

.storefront-breadcrumb .woocommerce-breadcrumb {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}


/* Content area
.content-area article header {
    display: none;
} */

.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
    margin-bottom: 0px;
}

.storefront-breadcrumb {
    margin: 0px;
}

.entry-content h1 {
    font-family: Open Sans;
    font-size: 24px;
    color: #333333;
    font-weight: normal;
}

p {
    font-size: 14px;
}

.content-area,
.site-main,
.hentry {
    margin-bottom: 0px;
}

/* Contact form */
.contact-form-wrap label {
    font-weight: bold;
    display: inline-block;
    margin-bottom: .5rem;
    margin-right: 10px;
    width: 15%;
    text-align: right;
}

.contact-form-wrap input,
.contact-form-wrap textarea {
    width: 80%;
}

.contact-form-wrap input.wpcf7-form-control.wpcf7-submit {
    float: none;
    margin-right: 20%;
    line-height: 2em;
    cursor: pointer;
    font-size: 14px;
    margin: 0 4% 0 0px;
    color: white;
    background: linear-gradient(to bottom, #003399 10%, #003399 90%);
    text-align: right;
    position: relative;
    display: inline-block;
    resize: none;
    width: auto;
    float: right;
    font-weight: revert;
}

.contact-form-wrap span.wpcf7-not-valid-tip {
    text-align: right;
    margin: 0 4% 0;
}

/* Common CSS */
.custom-block-spacer {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Woocommerce */
.myaccount-custom-info {
    clear: both;
}




/* Our Brand Footer Section */
.hyka-our-brand-footer-section h1 {
    margin: 0;
    line-height: 1.2;
    font-family: "Cantarell", Arial, Helvetica, sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: center;
}

.hyka-our-brand-footer-section .our-brand {
    padding: 32px 48px;
}

/* Footer CSS */
.footer-widgets {
    padding-top: 0px;
}

.site-footer .widget {
    margin: 0 0 1.706326em;
    font-size: 14px;
}

.custom-footer-contact p {
    margin: 0 0 0.41575em;
}

p.customer-data {
    margin: 0 0 0 0 !important;
}

.site-footer .site-info {
    padding: 0.617924em 0;
    font-size: 12px;
}

.site-footer {
    padding: 1.618em 0 0em;
}

.footer-widgets .footer-widget-3 #block-13 {
    margin: 0px;
}

.site-footer h1 {
    font-size: 20px;
}

.site-footer h4 {
    font-size: 20px;
}

.widget_nav_menu ul li::before {
    display: none;
}

.site-footer .is-layout-flex {
    gap: 10px;
}

.site-footer a {
    font-size: 14px;
}


.buss_address {
    display: inline-block; /* Allows elements to sit side-by-side */
    width: 25%; /* Sets each element to 25% of the container's width */
    box-sizing: border-box; /* Includes padding and border in the element's width */
    vertical-align: top; /* Aligns elements to the top */
}

/* Optional: Add some padding for spacing between fields */
.buss_address:not(:last-child) {
    padding-right: 10px; /* Adjust as needed */
}


/* .woocommerce-account .u-column2 {
    display: none;
} */



#customer_login .u-column2{
    display: none;
}

/* .woocommerce-pagination {
    display: none !important;
  } */

/* General container styling for both categories and brands */
.shop-by-type, 
.shop-by-brand, 
.clearance,
.promotions {
    text-align: center;
}

.categories-grid, 
.brands-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns for larger screens */
    justify-content: center;
    gap: 20px;
}

.category-box, 
.brand-box {
    border: 1px solid #ddd;
    padding: 15px;
    text-align: center;
}

.category-box img, 
.brand-box img {
    max-width: 150px; /* Adjust based on your design */
    height: auto;
    margin-bottom: 10px;
}

.category-box h3, 
.brand-box h3 {
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
}

.category-box a, 
.brand-box a {
    text-decoration: none;
    color: inherit;
}

.category-img, 
.brand-img {
    display: flex;
    justify-content: center;
}

.product-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Responsive Styling */

/* For tablets and medium screens */
@media (max-width: 1024px) {
    .categories-grid, 
    .brands-grid {
        grid-template-columns: repeat(3, 1fr); /* 3 columns for tablets */
    }

    .category-box img, 
    .brand-box img {
        max-width: 120px; /* Smaller images for medium screens */
    }

    .category-box h3, 
    .brand-box h3 {
        font-size: 14px; /* Slightly smaller font */
    }

    .product-title {
        font-size: 20px;
    }
}

/* For small screens and mobile devices */
@media (max-width: 768px) {
    .categories-grid, 
    .brands-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 columns for small screens */
    }

    .category-box img, 
    .brand-box img {
        max-width: 100px; /* Smaller images for mobile */
    }

    .category-box h3, 
    .brand-box h3 {
        font-size: 12px; /* Smaller font for mobile */
    }

    .product-title {
        font-size: 18px;
    }
}

/* For extra small screens */
@media (max-width: 480px) {
    .categories-grid, 
    .brands-grid {
        grid-template-columns: repeat(1, 1fr); /* 1 column for extra small screens */
    }

    .category-box img, 
    .brand-box img {
        max-width: 80px; /* Smaller images for very small screens */
    }

    .category-box h3, 
    .brand-box h3 {
        font-size: 10px; /* Small font for compact view */
    }

    .product-title {
        font-size: 16px;
    }
}


.pagination {
    text-align: center;
    margin-top: 20px;
}

.pagination a,
.pagination span {
    display: inline-block;
    padding: 8px 12px;
    margin: 0 5px;
    text-decoration: none;
    background-color: #f0f0f0;
    color: #333;
    border-radius: 3px;
}

.pagination a:hover {
    background-color: #0073aa;
    color: #fff;
}

.pagination .current {
    background-color: #333;
    color: #fff;
    font-weight: bold;
}

.item-status {
    color: red;
    font-weight: bold;
}


.eta-btn a {
    color: inherit;
    text-decoration: none;
}


.stock-status {
    font-size: 14px;
    color: green;
    margin-bottom: 5px;
}

.stock-status a {
    margin-left: 0px !important;
}


.products-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.products .product {
    width: 30%; /* Adjust this for spacing */
    margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
    .products .product {
        width: 45%; /* Two columns on smaller screens */
    }
}

@media only screen and (max-width: 480px) {
    .products .product {
        width: 100%; /* Full-width on mobile */
    }
}

.eta-btn {
    background-color: #ff4d4d; /* Alert red color */
    margin-bottom:10px;
    color: white; /* Text color */
    padding: 2px 12px; /* Smaller padding */
    border: none; /* Remove default border */
    border-radius: 4px; /* Slightly rounded corners */
    font-size: 14px; /* Smaller font size */
    cursor: pointer; /* Pointer cursor on hover */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Animation effects */

}

.eta-btn:hover {
    background-color: #e63946; /* Darker shade on hover */
    transform: scale(1.05); /* Slight grow on hover */
}

.eta-btn:active {
    background-color: #cc3333; /* Darker on click */
    transform: scale(0.98); /* Slight shrink on click */
}

/* Container for WooCommerce archive page with sidebar */
.woocommerce-archive-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
}

/* Sidebar styling - placed on the left */
.woocommerce-sidebar {
    order: -1; /* Moves the sidebar to the left */
    width: 20%;
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 5px;
    /* margin-top: 6rem; */
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
}

/* Main content area */
.woocommerce-main-content {
    flex: 1;
    min-width: 75%;
}

/* Ensure products display correctly with the sidebar */
.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce ul.products li.product {
    width: calc(33.333% - 10px);
    margin-bottom: 20px;
}

.woocommerce ul.products li.product img {
    max-width: 100%;
    height: auto;
    padding-right: 1rem;
}



@media screen and (max-width: 768px) {
    .woocommerce-main-content, .woocommerce-sidebar {
        width: 100%;
    }

    .woocommerce ul.products li.product {
        width: calc(50% - 10px);
    }
}

.form-heading{
    display: flex;
    justify-content: center;
}


input[readonly] {
    background-color: #f9f9f9;
    color: #666;
}

/* Responsive */
/* Menu CSS Start */
/* Mobile devices (portrait and landscape) */
@media only screen and (max-width: 767px) {

    /* Your CSS for mobile devices */
    #site-navigation #site-navigation-menu-toggle {
        display: none;
    }

    .storefront-primary-navigation {
        background-color: #fff;
    }

    .woocommerce-active .site-header .site-branding {
        margin: 10px 0 0 0;
    }

    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {
        position: relative;
        right: 0;
        margin-bottom: 0px;
        top: 20px;
    }

    #mega-menu-wrap-primary {
        clear: none;
    }

    ul#mega-menu-primary {
        margin-top: 20px !important;
    }

    .hyka-our-brand-footer-section .our-brand {
        padding: 10px 0;
    }

    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
        background-color: #000;
    }

    /* Contact Form */
    .contact-form-wrap label,
    .contact-form-wrap input,
    .contact-form-wrap textarea {
        width: 100%;
    }

    .contact-form-wrap label {
        text-align: left;
    }

    /* Woo Login page */
    .woocommerce-account .woocommerce-form.woocommerce-form-login.login {
        width: 100%;
    }
}

/* Tablets and small desktops */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

    /* Your CSS for tablets and small desktops */
    /* Your CSS for mobile devices */
    #site-navigation #site-navigation-menu-toggle {
        display: none;
    }

    .storefront-primary-navigation {
        background-color: #fff;
    }

    .storefront-primary-navigation .col-full {
        margin: 0px;
    }

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        font-size: 12px;
    }

    .contact-form-wrap label {
        width: 25%;
    }

    .contact-form-wrap input,
    .contact-form-wrap textarea {
        width: 70%;
    }

    .dgwt-wcas-search-wrapp {
        min-width: auto;
    }
}

/* Medium desktops and laptops */
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
    /* Your CSS for medium desktops and laptops */
}

/* Large desktops */
@media only screen and (min-width: 1367px) {
    /* Your CSS for large desktops */
}
/*test comment*/
/*test comment1*/

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    color: #222;
    font-family: inherit;
    font-size: 14px;
    display: block;
    float: left;
    clear: none;
    padding: 5px 5px 5px 5px;
    vertical-align: top;
  }


  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    color: #222;
    font-family: inherit;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
    display: block;
    border: 0;
  }

  .single-product div.product p.price {
    font-size: 16px;
    margin: 0.41575em 0;
}

ul.products li.product .price {
    display: block;
    color: #43454b;
    font-weight: 300;
    margin-bottom: .5rem
}

.single-product .quantity .qty {
    margin-top: 0;
}

.subaccount .btn-continue,
.subaccount .thwma-acnt-adr-footer {
    display: none !important;
}
/* 
.facetwp-pager, .facetwp-facet-products_sort{
    display: flex;
    justify-content: flex-end;
}
.facetwp-facet-display_per_page, .facetwp-facet-page_results,.facetwp-facet-products_sort {
margin-bottom: 10px !important;    
} */
.storefront-sorting{
    display: none;
}

/* Parent container */
.facetwp-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 10px 0;
}

/* Control group styles */
.facetwp-control-group {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

/* Left section styling */
.facetwp-left {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    gap: 20px;

}

/* Right section styling */
.facetwp-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    justify-content: flex-end;
}
.facetwp-facet-page_results{
    font-weight: bold;
}

/* Labels */
.facetwp-control-group label {
    /* font-weight: bold; */
    margin-right: 5px;
    font-size: 14px;
    color: #333;
}

/* Dropdown and pagination styles */
.facetwp-facet-products_sort select,
.facetwp-facet-display_per_page select {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

.facetwp-pager {
    display: flex;
    gap: 5px;
    justify-content: flex-end;
    margin-top: 10px;
}

/* .facetwp-pager a {
    padding: 5px 10px;
    text-decoration: none;
    border: 1px solid #0073aa;
    border-radius: 3px;
    color: #0073aa;
}

.facetwp-pager a.active {
    background-color: #0073aa;
    color: #fff;
} */
.facetwp-facet{
    margin-bottom: 0px !important;
}


/* START : Product Listing Css */

/* General container styling for product item */
.woocommerce ul.products li.product {
    display: flex; /* Enable flexbox for alignment */
    flex-wrap: nowrap; /* Prevent wrapping */
    align-items: center; /* Vertically center content */
    justify-content: space-between; /* Ensure spacing between items */
    padding: 20px; /* Add spacing around the product card */
    border-bottom: 1px solid #e0e0e0; /* Add divider line */
    margin: 0;
}

/* Product image and title block */
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
    display: flex; /* Group image and title */
    flex-direction: column; /* Stack image and title */
    flex-shrink: 0; /* Prevent shrinking */
    text-align: left; /* Align text to the left */
    margin-right: 20px; /* Space between image/title and price section */
}

/* Product listing price section */
.product-listing-price-section {
    margin-left: auto; /* Push to the right */
    text-align: right; /* Align text inside to the right */
    flex-shrink: 0; /* Prevent shrinking */
}

/* Styling for price content */
.product-listing-price-section .price {
    font-size: 14px; /* Match font size */
    color: #333; /* Default color */
    margin: 5px 15px;
}

/* Stock and button adjustments */
.product-listing-price-section .stock {
    color: #d9534f; /* Red for "Out of Stock" */
    font-size: 12px;
    margin-top: 5px;
}
/* .add_to_cart_button{
    margin-top: 10px;
} */

.product-listing-price-section .eta-btn {
    display: inline-block;
    background-color: #ff4d4d; /* Match theme color */
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 5px;
    margin-top: 10px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.product-listing-price-section .eta-btn:hover {
    background-color: #e63946;
    transform: scale(1.05); /* Slight grow on hover */

}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        flex-direction: column; /* Stack items vertically on mobile */
        align-items: flex-start; /* Align items to the left */
    }

    .product-listing-price-section {
        margin-left: 0; /* Reset margin */
        text-align: left; /* Align text to the left */
        margin-top: 15px; /* Add spacing on mobile */
    }
}


/* New Css */
.product-custom-listing-cls a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    display: flex;
    flex-direction: inherit !important;
    align-items: center;
}

.product-custom-listing-cls a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img {
    width: 130px;
}

.product-custom-listing-cls {
    align-items: flex-start;
}
.product-custom-listing-cls h2 {
    font-size: 16px !important;
    color: #003399;
    font-weight: bold !important;
    font-style: normal;
}
.product-listing-price-section .custom-product-price{
    font-size: 16px !important;
    color: #003399;
    font-weight: bold !important;
    font-style: normal;

}
.woocommerce-loop-product__link .stock.out-of-stock {
    display: block; /* This ensures the "Out of Stock" text appears on a new line */
    margin-top: 10px; /* Optional: Add some spacing between the price and "Out of Stock" text */
}
.product-price-section-cls a{
    flex-wrap: wrap;
}

.product-price-section-cls .price{
    width:80%;
}
.login-for-partner-pricing {
    flex-wrap: wrap;
    
}
.product-custom-listing-cls .single_add_to_cart_button{
    background: linear-gradient(to bottom, #003399 10%, #003399 90%);
    font-weight: bold !important;
    color:white;
    font-size:18px;
}

.archive .product-custom-listing-cls a > div {
    width: 100%;
}
.product-right-desc-cls {
    display: flex;
    width: 100%;
}

.product-right-desc-cls .woocommerce-loop-product__link {
    width: 50%;
}

.product-right-desc-cls .product-listing-price-section {
    width: 30%;
    text-align: center;
   padding-left: 10px;
}



/* New CSS */





/* END : Product Listing Css */


.product-information-sec-cls {
    width: 70%;
    display: flex;
}

.product-detail-information-section {
    text-align: left;
    padding-left: 1rem;
}

.product-information-sec-cls a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    max-width: 120px;
}

.product-detail-information-section span.ProductNo {
    font-size:12px;
    display: block;
}
.product-detail-information-section span.ProductNo {
    font-size:12px;
    display: block;
    opacity: 0.5;
}
.product-detail-information-section span.custom-product-description {
    font-size: 14px;
}
.product-listing-price-section .custom-product-price p{
    margin:0px;
}
.product-price-section-cls a {
    font-size: 14px;
}
.custom-product-description {
    font-size: 12px;
}

.woocommerce-archive-container header.woocommerce-products-header {
    display: none;
}

.woocommerce-archive-container .woocommerce-sidebar {
    margin-top: 0px;
}
.woocommerce-archive-container nav.woocommerce-pagination {
    margin-top: 0px;
}
/*.storefront-sorting nav.woocommerce-pagination {
    display: none;
}*/

.home .content-area .entry-header{display:none;}
.slick-prev, .slick-next{z-index:8 !important;}
.woocommerce-archive-container .woocommerce-sidebar h3.facet-label {
    font-size: 16px !important;
    color: #003399;
    font-weight: bold !important;
    font-style: normal;
}
.product-listing-price-section.product-price-section-cls p.price {
    width: 100%;
}
.product-information-sec-cls a h2.woocommerce-loop-product__title{display: none;}
.product-listing-price-section.product-price-section-cls button.single_add_to_cart_button.button.alt {
    font-size: 14px;
    margin-top: 12px;
}
.facetwp-page{
    display: inline-block;
    padding: 4px 12px !important;
    margin: 0 0px !important;
    text-decoration: none;
    background-color: #f0f0f0;
    color: #333;
    border-radius: 3px;
}
.facetwp-page.active{
    background-color: #333;
    color: #fff;
    font-weight: bold
}

/* Popup CSS */

 /* Basic styling for the popup */
 /* Basic styling for the popup */
 .popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none; /* Hidden by default */
    justify-content: center;
    align-items: center;
    z-index: 1000;
}
.popup-content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 1000px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.checkbox-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}
.checkbox-container label {
    width: calc(20% - 10px); /* Five items in a row */
    display: flex;
    align-items: center;
}
.close-btn {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #3498db;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.close-btn:hover {
    background-color: #2874a6;
}

/* Tool tip CSS */
.feed-csv-link {
    display: inline;
    position: relative;
    top: 10px;
}

.tooltip {
    position: absolute;
    opacity: 0;
    top: 22px;
    right: 0;
    background-color: #1ab394;
    border-radius: 5px;
    color: #fff;
    padding: 7px 25px;
    text-transform: none;
    transition: all 0.75s ease;
    max-width: 200px;
    font-size: 12px;
}
  
.tooltip::after {
    position: absolute;
    top: -5px;
    left: 50%;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #1ab394;
   /* content: ""; */
    font-size: 0;
    line-height: 0;
    margin-left: -5px;
    width: 0;
    transform: rotate(90deg);
}
  
  .tooltip.active {
    opacity: 1;
  }
  .copy-link-btn{
    display: inline-block;
  }
  .open-feed-popup::before {
    content: '';
    background-color: #00000078;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .custom-storefront-links {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .custom-storefront-links .right-align {
    margin-left: auto;
    margin-top: 0;
    }
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {
        position: relative;
        right: 50px;
        margin-bottom: 0px;
        top: 40px;
    }
    .woocommerce ul.products li.product {
        display: inline-block;
        width: 100%;
    }

    .product-information-sec-cls {
        width: 100%;
        display: inline-block;
    }

    .product-right-desc-cls {
        display: inline-block;
    }

    .product-detail-information-section{
        text-align: center;
    }

    .product-right-desc-cls .product-listing-price-section{
        width: 100%;
    }

    .woocommerce ul.products li.product a.woocommerce-loop-product__link{
        text-align: center;
        display: inline-block;
    }

    .facetwp-control-group{
        display: inline-block;
    }
    .product-information-sec-cls a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
        width: 100%;
        margin: 0 auto;
    }
  
    /* START: CSS*/
     #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
    display: block;
    top: 20px;
  }

    .facetwp-controls{
        flex-direction:column;
    }
    .woocommerce-sidebar .facet-wrap {
        margin-top: -40px;
    }
   .checkbox-container {
        display: flex;
        flex-direction: column; /* Stack items vertically */
        gap: 10px; /* Space between rows */
        justify-content: flex-start; /* Align to the start of the container */
    }

    .checkbox-container label {
        width: 100%; /* Full width for each row */
    }
    .checkbox-container {
        display: flex;
        flex-direction: row;
        gap: 10px;
        justify-content: flex-start;
        max-height: 60vh;
        flex-wrap: wrap;
        overflow: auto;
    }
    .update-feedback-download-field{
        display:block;
        
    }
    .popup-content{
        width:100%
    }
    .checkbox-container br {
    display: none;
}
/* END: CSS*/
}

.email-link{
    text-transform: none !important;
}

.checkbox-container label {
    display: flex;
    align-items: center; /* Align checkbox and label vertically */
    margin-bottom: 10px; /* Space between each label */
}

.checkbox-container input[type="checkbox"] {
    width: 20px; /* Increase checkbox width */
    height: 20px; /* Increase checkbox height */
    margin-right: 10px; /* Space between checkbox and label */
}
/* Container for the suburb, state, and postcode fields in both billing and shipping sections */
.woocommerce-address-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Target styles specifically for the Edit Address page */
body.edit-address-custom-layout #billing_city_field,
body.edit-address-custom-layout #billing_state_field,
body.edit-address-custom-layout #billing_postcode_field,
body.edit-address-custom-layout #shipping_city_field,
body.edit-address-custom-layout #shipping_state_field,
body.edit-address-custom-layout #shipping_postcode_field {
    width: 32%; /* Make each field occupy equal width */
    display: inline-block; /* Align fields in a single line */
    vertical-align: top; /* Ensure alignment is consistent */
    margin-bottom: 0; /* Optional: Remove unnecessary bottom margin */
}

/* Add spacing between the fields */
body.edit-address-custom-layout #billing_city_field,
body.edit-address-custom-layout #shipping_city_field {
    margin-right: 1%; /* Add space after city field */
}

body.edit-address-custom-layout #billing_state_field,
body.edit-address-custom-layout #shipping_state_field {
    margin-left: 1%; /* Adjust the state field for spacing */
}
.shipping .woocommerce-shipping-methods li {
    display: flex;
    flex-wrap: wrap;
}
/* Ensure proper alignment of the form row parent */
body.edit-address-custom-layout .form-row {
    margin-bottom: 15px; /* Optional: Adjust field spacing */
    clear: none; /* Prevent fields from breaking into new rows */
}

.thwma-acnt-dflt {
    display: none !important;
}

.thwma-del-acnt {
    font-size: medium !important;
    display: flex !important;
    justify-content: center !important;
    margin-top: 5px !important;
} 

/* .thwma-add-acnt-adrs  {
    display: none !important;
} */
/* .thwma-del-acnt .th-del-acnt {
    display: flex !important;
    margin-top: 5px !important;
    font-size: medium !important;

}
.thwma-acnt-adr-footer .acnt-address-footer {

    display: flex !important;
    flex-direction: row !important;
    justify-content: space-evenly !important;

} */
/* Hide the entire delete form */
/* .thwma-acnt-adr-footer form[name="thwma_account_adr_delete_action"] {
    display: none !important;
} */

/* Make the edit button/container take up full width */
/* .thwma-acnt-adr-footer .btn-acnt-edit {
    width: 100% !important;
    display: block !important;
    text-align: center;
} */
.thwma-thslider-viewport .complete-aaddress {
    min-height: auto !important;
    /* max-height: 180px !important; */
    /* overflow: hidden;  */
}
.thwma-thslider-viewport {
margin-bottom: 20px !important;
}

/* Additional CSS to ensure optional text doesn't appear */
/* span.optional {
    display: none !important;
} */


/* Style for the replaced required asterisk */
span.optional {
    font-weight: bold;
    margin-left: 2px; /* Adjust spacing for better alignment */
}

#shipping_heading {
    font-family: inherit; /* Ensures it inherits the site's default font */
    font-size: inherit; /* Ensures it matches the site's default font size */
    line-height: inherit; /* Matches the line height for consistency */
}





.email-container {
    position: relative;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    width: 50%;
    margin: 10px 0px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.edit-container-btn {
    /* position: absolute;
    top: 29px;
    right: 10px; */
    padding: 5px 10px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.edit-container-btn:hover {
    background-color: #0056b3;
    color: white;
}

.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000; /* Above overlay */
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    width: 400px;
    padding: 20px;
}


.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}

form label {
    display: block;
    margin-top: 10px;
    font-weight: bold;
}

form input {
    /*width: calc(100% - 20px);*/
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

button#save-email-btn {
    display: inline-block;
    padding: 10px 15px;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

button#save-email-btn:hover {
    background-color: #005a87;
}

/* Background Overlay */
.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Dim effect */
    z-index: 999; /* Below popup */
}

/* Prevent background scrolling */
body.no-scroll {
    overflow: hidden;
}






/* for Quickview */

/* Modal overlay styling */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

/* Modal content container */
.modal-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    width: 80%;
    max-height: 70%;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1001;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Ensures scrolling is only within the table container */
}

/* Modal header styling */
.modal-header {
    font-size: 18px;
    font-weight: bold;
    /* margin-bottom: 10px; */
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
    /* padding: 10px 0; */
    border-bottom: 1px solid #ddd;
    text-align: center;
}

/* Table container for scrolling */
.modal-table-container {
    overflow-y: auto;
    overflow-x: hidden;
    flex-grow: 1; /* Ensures the table container takes the remaining space */
    margin-top: 10px; /* Adds margin for better spacing */
}

/* Table styling */
.modal-content table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0;
}

.modal-content th,
.modal-content td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
}

.modal-content th {
    background: #3692d8 !important;
    color: #fff;
    position: sticky;
    top: 0;
    z-index: 2;
    text-align: left;
}

.modal-content td {
    background: #f9f9f9;
}

/* Close button (top-right corner) */
.close-modal-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 24px;
    color: #333; /* Adjust for visibility */
    cursor: pointer;
    line-height: 1;
    z-index: 2; /* Ensure it stays above all other elements */
    padding: 5px; /* Add padding for better clickability */
}

.close-modal-btn:hover {
    color: #3692d8; /* Highlight color on hover */
    background: rgba(0, 0, 0, 0.1); /* Subtle background highlight */
    border-radius: 50%; /* Circle background on hover for better design */
}

/* Ensure modal stays within viewport on smaller screens */
@media (max-width: 768px) {
    .modal-content {
        width: 90%;
        max-height: 80%;
    }

    .modal-content table {
        font-size: 14px;
    }

    .close-modal-btn {
        font-size: 20px;
    }
}




.additional_info_container_0, .additional_info_container_1, .additional_info_container_2, .buss_address_container {
    display: flex;
}


.close-btn.save-popup-btn {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #3498DB;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 20px;
    position: unset;
  }
  .popup-feed-close-btn.close-btn {
    position: unset;
  }



.email-info {
    padding: 15px;
    /* background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 5px; */
}
.info-item {
    margin-bottom: 10px;
}
.info-item b {
    display: inline-block;
    width: 150px;
}
.action-btn {
    text-align: right;
    margin-top: 10px;
}


/* .row.left-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.row.right-content {
    padding-left: 10px;
} */




/* General container for layout */
.my-account-dashboard {
    margin-top: 20px;
}

/* Row spacing */
.my-account-dashboard .row {
    margin-bottom: 20px;
}

/* Individual section (user-table-data) styling */
.my-account-dashboard .user-table-data {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    flex: 1 1 calc(50% - 20px); /* Allow proper width for two columns */
}

 .right-content{
width: 49%;
}
/* Section headers (alerts) */
.my-account-dashboard .alert {
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #f1f8ff;
    color: #0056b3;
    border: 1px solid #d1e7ff;
    text-align: center;
    margin-bottom: 15px;
    border-radius: 5px;
}

/* Table alignment */
.my-account-dashboard .table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.my-account-dashboard .table th,
.my-account-dashboard .table td {
    text-align: left;
    padding: 10px;
    border: 1px solid #ddd;
}

.my-account-dashboard .table th {
    background-color: #f9f9f9;
    font-weight: bold;
}

div#viewallbtn {
    display: flex;
    justify-content: flex-end; /* Right-align the button */
    padding-bottom: 10px;
    margin-left: 0; /* Reset margin-left */
    cursor: pointer;
}

/* View All Button alignment */
.my-account-dashboard #viewallbtn {
    text-align: right;
    margin-top: 10px;
}

.my-account-dashboard #viewallbtn .btn {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 8px 15px;
    font-size: 0.9rem;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.my-account-dashboard #viewallbtn .btn:hover {
    background-color: #0056b3;
}

/* Responsive Layout Adjustments */
@media (min-width: 992px) {
    .my-account-dashboard .row {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    
    .site-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
        border-radius: 0px;
        padding-right: 70px;
    }    
}

@media (max-width: 768px) {
    /* Full width for smaller screens */
    .my-account-dashboard .row {
        flex-direction: column;
    }
    .right-content{
        width:100%;
    }

    .my-account-dashboard .user-table-data {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (max-width: 992px) {
    /* Full width for smaller screens */
    .my-account-dashboard .row {
        flex-direction: column;
    }
     .right-content{
    width:100%;
    }

    .my-account-dashboard .user-table-data {
        flex: 0 0 100%;
        max-width: 100%;
    }
}



.storefront-full-width-content.woocommerce-account .entry-header{
    padding: 0 0 0 !important;
}
#sfwc-user-switcher-pane{
    margin: 10px 0 25px !important;
}


form#email-edit-form{
    display: flex;
    flex-wrap: wrap;
}
#email-edit-popup form input {
    width: calc(100% - 20px);
}




/* Adjust the "PO No." field to be half-width */
.po-no-field-wrapper {
    width: 100%; /* Half-width */
    float: left; /* Align left */
    margin-right: 4%; /* Add space between columns */
}

/* Ensure form elements are responsive */
.woocommerce-checkout .form-row-wide input {
    width: 100%;
    box-sizing: border-box;
}

p#po_no_field {
    width: 48%;
}


.thwma-main-content .address-wrapper {
    padding: 10px 10px 0;
}
.partner-price-label {
    color: rgb(169, 6, 6);
    font-size: 18px;
}


.table-loading-spinner {
    text-align: center;
    padding: 20px;
}

.spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #007bff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    display: inline-block;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* For Trcking loader and overlay */
/* Overlay hidden by default */
.loading-overlay {
    display: none;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: all;
}

/* Show overlay when body has .loading */
body.loading .loading-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Spinner styles */
.spinner {
    width: 50px;
    height: 50px;
    border: 6px solid #fff;
    border-top: 6px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 9999;
}

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

body.loading {
    cursor: wait;
    overflow: hidden;
}

.dgwt-wcas-style-pirx .dgwt-wcas-preloader {
    margin-right : 0px !important;
}

.sfwc_my_account_tabrow {
	height: auto;
    height: auto;
}

.single-product div.product .product_meta {
    border-top: 0px !important;
}

#sfwc-select-subaccount-orders-form-wrap input[type="submit"] {
    width: 25% !important;
    margin: -2px 0 0 30px;
    display: block; /* needed to center it horizontally */
}


/* Mobile view adjustments */
@media (max-width: 768px) {
    #sfwc-select-subaccount-orders-form-wrap input[type="submit"] {
        width: 100% !important;
        margin: 10px auto 0 auto;
    }
}