/* Customize the blockUI overlay and spinner */
.woocommerce .blockUI.blockOverlay {
    background-color: rgba(255, 255, 255, 0.8) !important;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: wait;
}

.woocommerce .blockUI.blockOverlay::before,
.woocommerce .loader::before {
    display: none !important;
}

.woocommerce .blockUI.blockOverlay {
    background-image: url('../img/loading.svg') !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 40px auto !important;
    height: 100%;
    width: 100%;
}


/* Fix Dashboard Input in Frontend */
.widget_product_categories .product-categories .cat-item-172 {
    display: none;
}

/* WooCommerce Password */
.password-input {
    position: relative;
    display: block;
}
button.show-password-input {
    position: absolute;
    right: 0;
    height: 100%;
    padding: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ced4da' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-eye'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    width: 32px;
}
button.show-password-input:hover {
    background-color: transparent;
}
button.show-password-input.display-password {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ced4da' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-eye-off'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'%3E%3C/path%3E%3Cline x1='1' y1='1' x2='23' y2='23'%3E%3C/line%3E%3C/svg%3E");
}
.woocommerce-password-hint {
    display: block;
    line-height: 1.4;
}

/* Nav Menu */
.nav-container {
    display: none;
}
.nav-container.is-fixed {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #fccb1b;
    width: calc(100% - 40px);
    height: 50px;
    overflow-x: auto; 
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.nav-container::-webkit-scrollbar {
    display: none;
}
.nav-link {
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.3;
    border-bottom: 4px solid transparent;
    transition: all 0.3s ease;
    white-space: normal;
    text-align: center;
    overflow: hidden;
    max-width: 120px;
    height: 50px;
    vertical-align: middle;
    overflow: hidden;
}
.nav-link span {
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
}
.nav-link.active {
    color: #212529;
    border-bottom: 4px solid #fc5b1b;
}

body.admin-bar .nav-container {
    top: 46px;
}

@media (min-width: 783px) {
    body.admin-bar .nav-container {
        top: 32px;
    }
}

.form-row .select {
    width: 100%;
    min-height: 30px;
    padding: 2px 8px;
}

/* Hide Customer Details in Order Received Pages */
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-view-order .woocommerce-customer-details {
	display: none;
}

.woocommerce-MyAccount-content .woocommerce-order-details, 
.woocommerce-MyAccount-content .woocommerce-customer-details {
	box-shadow: none;
}