/*!
Theme Name: Indo Grocery
Theme URI: http://underscores.me/
Author: Web Creation
Author URI: https://www.webcreationnepal.com/
Description: Indo Grocery B2B provides a seamless platform for businesses to source bulk groceries at competitive wholesale prices with fast and reliable delivery.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: indo_grocery
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Indo Grocery is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*css*/
.sp-breadcrumb-item:after {
  content: "\f2e4";
  font-family: 'remixicon' !important;
  font-style: normal;
}
.header-prefecture-wrapper {
    position: relative;
    display: inline-block;
    font-family: Arial, sans-serif;
}

#change-prefecture-btn {
    cursor: pointer;
  	border: none;
  	background: inherit;
}

#prefecture-list {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    width: 200px;
    max-height: 400px;
    overflow-y: auto;
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 999;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.region-group {
    margin-bottom: 10px;
}

.region-group h4 {
    margin: 5px 0;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    padding-bottom: 3px;
}


.header-prefecture-btn {
    padding: 5px 8px;
    border: none;
    background: #fff;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.2s;
	  width: 100%;
    text-align: left;
}

.header-prefecture-btn:hover {
    background: #f5f5f5;
    border-color: #888;
}

.header-prefecture-btn.active {
    background: #fee;
    border-color: #f00;
}

@media (max-width: 768px) {
    #prefecture-list {
        width: 100%;
    }
    .cities-grid {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}
.mt-30 {
	margin-top: 50px;
}

.dropdown-btn {
    cursor: pointer;
  	border: none;
  	background: inherit;
}

#prefecture-lists {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    width: 200px;
    max-height: 400px;
    overflow-y: auto;
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 999;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.header-prefecture-btns {
    padding: 5px 8px;
    border: none;
    background: #fff;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.2s;
	  width: 100%;
    text-align: left;
}

.header-prefecture-btns:hover {
    background: #f5f5f5;
    border-color: #888;
}

.header-prefecture-btns.active {
    background: #fee;
    border-color: #f00;
}
.woocommerce-ordering .custom-select {
	display:none;
}
.single-pro-content .onsale {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .2rem;
  color: #fff;
  background-color: #ca1717;
  border-color: #ca1717;
}
.woocommerce-Price-amount.amount {
  font-weight: 600 !important;
  font-size: 22px;
}
ins {
  text-decoration: none;
}
.variations .label, .woocommerce-Tabs-panel label {
  display: block;
	margin-right: 20px;
}
.variations select {
	display: block;
}
.woocommerce-Tabs-panel .select {
	display: inherit;
}
.variations .custom-select, .woocommerce-Tabs-panel .custom-select {
	display: none;
}
.sp-single-product .sp-single-pro-tab-nav .nav-tabs .nav-item.active .nav-link {
  color: #fff;
  background-color: #4b9097;
  border: 1px solid #4b9097;
}
.woocommerce-product-attributes-item__label {
  display: block;
	margin-right: 20px;
}
.woocommerce-info, .woocommerce-noreviews, p.no-comments {
  background-color: initial !important;
}
.woocommerce-Reviews-title {
  margin: 0 0 10px 0;
    margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  font-family: "Poppins, sans-serif";
  color: #4b5966;
}
.sp-single-product .review {
  display: block !important;
  float: unset !important;
}
#reply-title {
  margin: 0 0 10px 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  font-family: "Poppins, sans-serif";
  color: #4b5966;
}
.avatar {
  float: left;
	margin-right: 20px;
	width: 60px;
  height: 60px;
  border-radius: 20px;
}
.comment-text {
  margin-left: 80px;
}
.comment_container .meta {
  margin-bottom: 0;
}
.woocommerce-tabs.wc-tabs-wrapper {
  width: 100%;
}
small, span a {
  color: #4b9097;
}
.sp-single-cart .cart {
	display: flex;
}
.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block, .wp-block-woocommerce-checkout-order-summary-block {
  padding: 15px;
  border-radius: 15px;
  background-color: #f7fafb;
  border: 1px solid #eaebeb;
}
.sp-single-cart .woocommerce-variation-add-to-cart {
	display: flex;
}
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, .wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
  transition: all 0.3s ease-in-out;
  padding: 10px 15px;
  background: #eff4f7;
  color: #212529;
  border: 1px dashed #212529;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0.03rem;
  text-decoration: none;
  border-radius: 10px;
}
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover, .wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {
  text-decoration: none;
  background-color: #212529;
  color: #fff;
}
@media (max-width: 768px) {
    #prefecture-lists {
        width: 100%;
    }
}

/* == GENERAL LAYOUT == */
.woocommerce-order {
    font-family: "Helvetica Neue", Arial, sans-serif;
    background: #fff;
    padding: 40px;
    max-width: 900px;
    margin: auto;
    border: 1px solid #e5e5e5;
    box-shadow: 0px 3px 8px rgba(0,0,0,0.05);
}

/* == TITLE == */
.woocommerce-order h1.entry-title,
.woocommerce-order h2 {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #222;
}

/* == ORDER INFO BLOCK == */

.woocommerce-order .woocommerce-order-overview li {
    font-size: 16px;
    font-weight: 500;
}

/* == CUSTOMER INFO == */
.woocommerce-order .woocommerce-customer-details {
    margin-top: 30px;
    font-size: 16px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

/* == TABLE STYLING == */
.woocommerce-order table.shop_table {
    width: 100%;
    border-collapse: collapse;
}
.woocommerce-order table.shop_table th,
.woocommerce-order table.shop_table td {
    border: 1px solid #ddd;
    padding: 10px 15px;
    font-size: 15px;
}
.woocommerce-order table.shop_table th {
    background: #f8f8f8;
    font-weight: 600;
}

/* == PRICE STYLE == */
.woocommerce-order .order_totals {
    text-align: right;
    margin-top: 30px;
}
.woocommerce-order .order_totals td {
    font-size: 18px;
    padding: 7px 15px;
}
.woocommerce-order .order_totals tr:last-child td {
    font-size: 22px;
    font-weight: bold;
    border-top: 2px solid #333;
}

/* == BUTTONS == */
.woocommerce-order .woocommerce-buttons a.button {
    display: inline-block;
    margin: 20px auto;
    padding: 12px 28px;
    background-color: #0056b3;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 3px;
}

/* == MOBILE TWEAKS == */
@media (max-width:768px) {
    .woocommerce-order .woocommerce-order-overview,
    .woocommerce-order .order_details {
        flex-direction: column;
    }
}

/* =========================
   FIX MY ACCOUNT LAYOUT
========================= */

.sp-about .woocommerce {
    display: flex;
    gap: 30px;
}

/* Sidebar */
.sp-about .woocommerce-MyAccount-navigation {
    width: 25%;
    background: #f4f4f4;
    padding: 20px;
    border-radius: 6px;
}

.sp-about .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sp-about .woocommerce-MyAccount-navigation li {
    margin-bottom: 10px;
}

.sp-about .woocommerce-MyAccount-navigation a {
    display: block;
    padding: 10px 15px;
    background: #fff;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 500;
    transition: 0.3s ease;
}

.sp-about .woocommerce-MyAccount-navigation a:hover {
    background: #0073aa;
    color: #fff;
}

.sp-about .woocommerce-MyAccount-navigation .is-active a {
    background: #0073aa;
    color: #fff;
}

/* Content Area */
.sp-about .woocommerce-MyAccount-content {
    width: 75%;
    background: #fff;
    padding: 30px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* Paragraph Styling */
.sp-about .woocommerce-MyAccount-content p {
    font-size: 16px;
    line-height: 1.6;
}

.u-column1.col-1.woocommerce-Address {
  width: 100%;
}
.u-column2.col-1.woocommerce-Address {
  width: 100%;
}
.woocommerce-address-fields__field-wrapper {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 20px;
}
.woocommerce-address-fields__field-wrapper label, .woocommerce-EditAccountForm label {
	display: block;
}
.woocommerce-address-fields__field-wrapper input, .woocommerce-address-fields__field-wrapper select, .woocommerce-EditAccountForm input {
	width: 100%;
}
.woocommerce-address-fields__field-wrapper .select2-selection__rendered {
  color: #808c8c !important;
  font-weight: 400;
  line-height: 32px !important;
}
.select2-container--default .select2-selection--single {
  border: 1px solid #eff0f5;
}
.select2-container .select2-selection--single {
  height: 35px;
}
.button {
  transition: all 0.3s ease-in-out;
  height: 40px;
  color: #fff;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0.03rem;
  background: #4b5966;
  border-radius: 10px;
  position: relative;
  display: inline-block;
  outline: none;
  margin-top: 20px;
}
.button:hover {
  background-color: #4b9097;
}
/* Mobile */
@media (max-width: 768px) {
    .sp-about .woocommerce {
        flex-direction: column;
    }

    .sp-about .woocommerce-MyAccount-navigation,
    .sp-about .woocommerce-MyAccount-content {
        width: 100%;
    }
}

/* ===============================
   MY ACCOUNT ORDERS TABLE STYLE
================================= */

.sp-about .woocommerce-orders-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Header */
.sp-about .woocommerce-orders-table thead {
    background: #0073aa;
}

.sp-about .woocommerce-orders-table thead th {
    color: #fff;
    padding: 14px;
    font-weight: 600;
    text-align: left;
    font-size: 14px;
}

/* Body cells */
.sp-about .woocommerce-orders-table td,
.sp-about .woocommerce-orders-table th {
    padding: 14px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

/* Hover effect */
.sp-about .woocommerce-orders-table tbody tr:hover {
    background: #f9f9f9;
}

/* Order number link */
.sp-about .woocommerce-orders-table a {
    color: #0073aa;
    font-weight: 500;
    text-decoration: none;
}

.sp-about .woocommerce-orders-table a:hover {
    text-decoration: underline;
}

/* Status badge style */
.sp-about .woocommerce-orders-table__cell-order-status {
    font-weight: 600;
}

.sp-about .woocommerce-orders-table__row--status-processing 
.woocommerce-orders-table__cell-order-status {
    color: #ff9800;
}

.sp-about .woocommerce-orders-table__row--status-completed 
.woocommerce-orders-table__cell-order-status {
    color: #4caf50;
}

.sp-about .woocommerce-orders-table__row--status-cancelled 
.woocommerce-orders-table__cell-order-status {
    color: #f44336;
}

/* Action Buttons */
.sp-about .woocommerce-orders-table .button {
    padding: 6px 14px;
    font-size: 13px;
    border-radius: 4px;
    margin-right: 5px;
    background: #0073aa;
    color: #fff;
}

.sp-about .woocommerce-orders-table .button:hover {
    background: #005c87;
    color: #fff;
}

/* Invoice button different color */
.sp-about .woocommerce-orders-table .button.invoice {
    background: #4caf50;
}

.sp-about .woocommerce-orders-table .button.invoice:hover {
    background: #3e8e41;
}

/* Responsive fix */
@media (max-width: 768px) {
    .sp-about .woocommerce-orders-table thead {
        display: none;
    }

    .sp-about .woocommerce-orders-table tr {
        display: block;
        margin-bottom: 20px;
        border: 1px solid #eee;
        padding: 10px;
    }

    .sp-about .woocommerce-orders-table td {
        display: block;
        text-align: right;
        border: none;
        padding: 8px 0;
    }

    .sp-about .woocommerce-orders-table td::before {
        content: attr(data-title);
        float: left;
        font-weight: bold;
        color: #333;
    }
}

/* ==================================
   ORDER DETAILS SECTION STYLING
=================================== */

.sp-about .woocommerce-order-details {
    background: #ffffff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    margin-top: 30px;
}

/* Title */
.sp-about .woocommerce-order-details__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 2px solid #0073aa;
    padding-bottom: 10px;
}

/* Table */
.sp-about .woocommerce-table--order-details {
    width: 100%;
    border-collapse: collapse;
}

/* Table Header */
.sp-about .woocommerce-table--order-details thead {
    background: #0073aa;
}

.sp-about .woocommerce-table--order-details thead th {
    color: #fff;
    padding: 14px;
    font-weight: 600;
    text-align: left;
}

/* Table Body */
.sp-about .woocommerce-table--order-details td,
.sp-about .woocommerce-table--order-details th {
    padding: 14px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

/* Hover */
.sp-about .woocommerce-table--order-details tbody tr:hover {
    background: #f9f9f9;
}

/* Product Name */
.sp-about .woocommerce-table--order-details .product-name a {
    font-weight: 500;
    color: #333;
    text-decoration: none;
}

.sp-about .woocommerce-table--order-details .product-name a:hover {
    color: #0073aa;
}

/* Quantity */
.sp-about .product-quantity {
    color: #777;
    font-size: 13px;
}

/* Footer totals */
.sp-about .woocommerce-table--order-details tfoot th {
    text-align: left;
    font-weight: 600;
    background: #f7f7f7;
}

.sp-about .woocommerce-table--order-details tfoot td {
    text-align: right;
    font-weight: 500;
}

/* Make TOTAL bigger */
.sp-about .woocommerce-table--order-details tfoot tr:nth-last-child(2) td {
    font-size: 18px;
    font-weight: 700;
}

/* Invoice Button */
.sp-about .order-actions-button {
    background: #4caf50;
    color: #fff;
    padding: 6px 15px;
    border-radius: 4px;
    font-size: 13px;
}

.sp-about .order-actions-button:hover {
    background: #3e8e41;
    color: #fff;
}

/* Payment method row highlight */
.sp-about .woocommerce-table--order-details tfoot tr:last-child {
    background: #fafafa;
}

/* ==================================
   CUSTOMER DETAILS (BILLING ADDRESS)
=================================== */

.sp-about .woocommerce-customer-details {
    background: #ffffff;
    padding: 25px;
    margin-top: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Section Title */
.sp-about .woocommerce-column__title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    border-bottom: 2px solid #0073aa;
    padding-bottom: 8px;
}

/* Address Box */
.sp-about .woocommerce-customer-details address {
    font-style: normal;
    line-height: 1.7;
    font-size: 15px;
    color: #444;
    background: #f9f9f9;
    padding: 15px;
    border-radius: 6px;
    border-left: 4px solid #0073aa;
}

/* Email styling */
.sp-about .woocommerce-customer-details--email {
    margin-top: 10px;
    font-size: 14px;
    color: #0073aa;
    font-weight: 500;
}

/* Optional: Add icon before email */
.sp-about .woocommerce-customer-details--email:before {
    content: "✉ ";
    font-size: 14px;
}

/* ==================================
   MY ACCOUNT ADDRESS SECTION
=================================== */

/* Container */
.sp-about .woocommerce-Addresses {
    display: flex;
    gap: 30px;
    margin-top: 30px;
}

/* Each Address Box */
.sp-about .woocommerce-Address {
    flex: 1;
    background: #ffffff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    position: relative;
}

/* Title Header */
.sp-about .woocommerce-Address-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

/* Title Text */
.sp-about .woocommerce-Address-title h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    border-left: 4px solid #0073aa;
    padding-left: 10px;
}

/* Edit Link */
.sp-about .woocommerce-Address-title .edit {
    font-size: 13px;
    text-decoration: none;
    background: #0073aa;
    color: #fff;
    padding: 5px 12px;
    border-radius: 4px;
    transition: 0.3s;
}

.sp-about .woocommerce-Address-title .edit:hover {
    background: #005c87;
    color: #fff;
}

/* Address Text */
.sp-about .woocommerce-Address address {
    font-style: normal;
    line-height: 1.7;
    font-size: 14px;
    color: #444;
    background: #f9f9f9;
    padding: 15px;
    border-radius: 6px;
}

/* Mobile */
@media (max-width: 768px) {
    .sp-about .woocommerce-Addresses {
        flex-direction: column;
    }
}