/**
Theme Name: mitoelev8-child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mitoelev8-child
Template: astra
*/

/* ==========================================================
   PRIMARY NAVIGATION — PREMIUM ACTIVE STATE
   ========================================================== */

/*
 * Astra uses .ast-nav-menu on the <ul> and .menu-link on each <a>.
 * Body gets .ast-desktop on desktop, .ast-header-break-point on mobile.
 * We use ::after for the underline; Astra's own hover styles use ::before.
 */

/* 1 · Setup: position context + colour transition on every top-level link */
.ast-desktop .ast-nav-menu > .menu-item > .menu-link {
	position:   relative !important;
	transition: color 0.22s ease !important;
}

/* 2 · Underline indicator — starts collapsed at centre, expands on hover/active */
.ast-desktop .ast-nav-menu > .menu-item > .menu-link::after {
	content:        '';
	position:       absolute;
	bottom:         0;
	left:           50%;
	right:          50%;
	height:         2px;
	background:     var(--mito-teal);
	border-radius:  2px;
	transition:     left 0.26s ease, right 0.26s ease;
	pointer-events: none;
}

/* 3 · Hover: expand from centre to full width */
.ast-desktop .ast-nav-menu > .menu-item:hover > .menu-link::after {
	left:  0;
	right: 0;
}

/* 4 · Active / current page / current ancestor: always fully expanded */
.ast-desktop .ast-nav-menu > .menu-item.current-menu-item > .menu-link::after,
.ast-desktop .ast-nav-menu > .menu-item.current-menu-ancestor > .menu-link::after,
.ast-desktop .ast-nav-menu > .menu-item.current-menu-parent > .menu-link::after,
.ast-desktop .ast-nav-menu > .menu-item.current_page_item > .menu-link::after,
.ast-desktop .ast-nav-menu > .menu-item.current_page_parent > .menu-link::after {
	left:  0;
	right: 0;
}

/* 5 · Teal colour on hover and all active states */
.ast-desktop .ast-nav-menu > .menu-item:hover > .menu-link,
.ast-desktop .ast-nav-menu > .menu-item.current-menu-item > .menu-link,
.ast-desktop .ast-nav-menu > .menu-item.current-menu-ancestor > .menu-link,
.ast-desktop .ast-nav-menu > .menu-item.current-menu-parent > .menu-link,
.ast-desktop .ast-nav-menu > .menu-item.current_page_item > .menu-link,
.ast-desktop .ast-nav-menu > .menu-item.current_page_parent > .menu-link {
	color: var(--mito-teal) !important;
}

/* 6 · Active item: slight font-weight lift for emphasis */
.ast-desktop .ast-nav-menu > .menu-item.current-menu-item > .menu-link,
.ast-desktop .ast-nav-menu > .menu-item.current_page_item > .menu-link {
	font-weight: 600 !important;
}

/* 7 · Submenu / dropdown items — teal colour transition only */
.ast-desktop .ast-nav-menu .sub-menu .menu-item > .menu-link {
	transition: color 0.18s ease !important;
}

.ast-desktop .ast-nav-menu .sub-menu .menu-item:hover > .menu-link,
.ast-desktop .ast-nav-menu .sub-menu .menu-item.current-menu-item > .menu-link {
	color: var(--mito-teal) !important;
}

/* 8 · Mobile — teal left-border accent + subtle background for active items */
.ast-header-break-point .ast-nav-menu .menu-item.current-menu-item > .menu-link,
.ast-header-break-point .ast-nav-menu .menu-item.current_page_item > .menu-link {
	color:        var(--mito-teal) !important;
	border-left:  3px solid var(--mito-teal) !important;
	background:   rgba(27, 160, 152, 0.05) !important;
	font-weight:  600 !important;
}

/* ==========================================================
   MITO PRODUCT CARD — WooCommerce loop card redesign
   Applies on: shop, category, home widgets, related products
   ========================================================== */

/* ── Design tokens ────────────────────────────────────────── */
:root {
	--mito-teal:        #1ba098;
	--mito-teal-dark:   #158a82;
	--mito-teal-glow:   rgba(27,160,152,.14);
	--mito-card-bg:     #ffffff;
	--mito-img-bg:      #f2ede8;
	--mito-border:      #e4e4e4;
	--mito-radius:      14px;
	--mito-text:        #1a1a1a;
	--mito-muted:       #888888;
}

/* ── Product grid — reset floats, switch to CSS grid ─────── */
.woocommerce ul.products,
.woocommerce-page ul.products {
	display:               grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap:                   22px !important;
	margin:                0 !important;
	padding:               0 !important;
	list-style:            none !important;
}

/* Sidebars / 3-col pages */
.woocommerce.ast-right-sidebar ul.products,
.woocommerce.ast-left-sidebar  ul.products,
.woocommerce-page.ast-right-sidebar ul.products,
.woocommerce-page.ast-left-sidebar  ul.products {
	grid-template-columns: repeat(3, 1fr) !important;
}

/* Related / up-sells — typically narrower */
.related ul.products,
.up-sells ul.products {
	grid-template-columns: repeat(4, 1fr) !important;
}

/* ── Mito product card — base ─────────────────────────────── */
.mito-product-card {
	background:     var(--mito-card-bg) !important;
	border:         1.5px solid var(--mito-border) !important;
	border-radius:  var(--mito-radius) !important;
	overflow:       hidden !important;
	display:        flex !important;
	flex-direction: column !important;
	/* reset Astra/WC floats & widths */
	float:          none !important;
	width:          auto !important;
	margin:         0 !important;
	padding:        0 !important;
	transition:     border-color .22s ease,
	                box-shadow    .22s ease,
	                transform     .22s ease;
	position:       relative;
}

/* ── Hover highlight ──────────────────────────────────────── */
.mito-product-card:hover {
	border-color: var(--mito-teal) !important;
	box-shadow:   0 8px 28px var(--mito-teal-glow) !important;
	transform:    translateY(-3px);
	z-index:      2;
}

/* ── Inner container ──────────────────────────────────────── */
.mito-card-inner {
	display:        flex;
	flex-direction: column;
	height:         100%;
	position:       relative;
}

/* ── Country badge (top-left absolute) ───────────────────── */
.mito-card-badge {
	position:    absolute;
	top:         12px;
	left:        12px;
	z-index:     4;
	background:  var(--mito-teal);
	color:       #fff;
	font-size:   10px;
	font-weight: 700;
	letter-spacing: .8px;
	text-transform: uppercase;
	padding:     4px 11px;
	border-radius: 20px;
	line-height: 1.5;
	pointer-events: none;
}

/* ── Image area ───────────────────────────────────────────── */
.mito-card-image-wrap {
	background:      var(--mito-img-bg);
	position:        relative;
	width:           100%;
	aspect-ratio:    1 / 1;
	overflow:        hidden;
	display:         flex;
	align-items:     center;
	justify-content: center;
}

.mito-card-img-link {
	display:         flex;
	width:           100%;
	height:          100%;
	align-items:     center;
	justify-content: center;
	text-decoration: none;
}

.mito-card-image-wrap img {
	width:      100%;
	height:     100%;
	object-fit: contain;
	display:    block;
	transition: transform .3s ease;
}

.mito-product-card:hover .mito-card-image-wrap img {
	transform: scale(1.04);
}

/* ── Coming-soon overlay (centered pill on image) ─────────── */
.mito-cs-overlay {
	position:  absolute;
	top:       50%;
	left:      50%;
	transform: translate(-50%, -50%);
	z-index:   3;
	pointer-events: none;
}

.mito-cs-overlay span {
	display:         inline-block;
	background:      rgba(100,100,100,.80);
	color:           #fff;
	font-size:       11px;
	font-weight:     700;
	letter-spacing:  1.2px;
	text-transform:  uppercase;
	padding:         7px 18px;
	border-radius:   20px;
	white-space:     nowrap;
	backdrop-filter: blur(2px);
}

/* ── Sale flash ───────────────────────────────────────────── */
.mito-sale-flash {
	position:     absolute;
	top:          12px;
	right:        12px;
	z-index:      4;
	background:   #e53935;
	color:        #fff;
	font-size:    10px;
	font-weight:  700;
	padding:      4px 10px;
	border-radius: 20px;
	text-transform: uppercase;
	letter-spacing: .6px;
	pointer-events: none;
}

/* ── Card body ────────────────────────────────────────────── */
.mito-card-body {
	padding:        14px 16px 18px;
	display:        flex;
	flex-direction: column;
	flex:           1;
	gap:            3px;
	text-align: left !important;
}

/* Brand name */
.mito-card-brand {
	font-size:   14px;
	color:       var(--mito-muted);
	margin:      0 0 2px;
	line-height: 1.4;
	font-weight: 400;
}

/* Product title */
.mito-card-title {
	font-size:   20px !important;
	font-weight: 700 !important;
	color:       var(--mito-text) !important;
	margin:      0 0 8px !important;
	line-height: 1.35 !important;
	padding:     0 !important;
}

.mito-card-title a {
	color:           #000 !important;
	text-decoration: none;
}

.mito-card-title a:hover {
	color: var(--mito-teal);
}

/* Price */
.mito-card-price {
	margin: 2px 0 10px;
}

.mito-card-price .price,
.mito-card-price .woocommerce-Price-amount,
.mito-card-price ins .woocommerce-Price-amount {
	color:       var(--mito-teal) !important;
	font-size:   18px !important;
	font-weight: 700 !important;
}

.mito-card-price del .woocommerce-Price-amount {
	color:     #aaa !important;
	font-size: 13px !important;
}

/* ── Add-to-cart / Select-options button ──────────────────── */
.mito-product-card .mito-card-btn,
.mito-product-card a.button,
.mito-product-card button.button {
	display:          block !important;
	width:            100% !important;
	text-align:       center !important;
	background:       transparent !important;
	color:            var(--mito-text) !important;
	border:           1.5px solid var(--mito-border) !important;
	border-radius:    8px !important;
	padding:          9px 14px !important;
	font-size:        13px !important;
	font-weight:      600 !important;
	line-height:      1.4 !important;
	cursor:           pointer !important;
	transition:       background .18s, color .18s, border-color .18s !important;
	box-shadow:       none !important;
	margin-top:       auto !important;
	text-decoration:  none !important;
}

.mito-product-card .mito-card-btn:hover,
.mito-product-card a.button:hover,
.mito-product-card button.button:hover {
	background:   var(--mito-teal) !important;
	color:        #fff !important;
	border-color: var(--mito-teal) !important;
}

/* Loading state (ajax add to cart) */
.mito-product-card a.button.loading {
	opacity: .7 !important;
	cursor:  wait !important;
}

.mito-product-card a.button.added::after {
	display: none !important; /* hide WC's "✓" arrow */
}

/* ── Coming-soon pill (in card body) ──────────────────────── */
.mito-coming-soon-pill {
	display:     inline-flex;
	align-items: center;
	gap:         6px;
	margin-top:  6px;
	font-size:   12.5px;
	color:       var(--mito-muted);
	font-weight: 500;
}

.mito-cs-dot {
	width:        7px;
	height:       7px;
	border-radius: 50%;
	background:   #bbb;
	flex-shrink:  0;
}

/* ── Disable click / pointer on coming-soon cards ────────── */
.mito-product-card.mito-is-coming-soon {
	cursor: default;
}

/* Image wrapper is a <div> for coming-soon, keep it looking the same */
.mito-product-card.mito-is-coming-soon .mito-card-img-link {
	pointer-events: none;
	display:        flex;
	width:          100%;
	height:         100%;
	align-items:    center;
	justify-content: center;
}

/* Title is a <span> for coming-soon — match anchor styling */
.mito-product-card.mito-is-coming-soon .mito-card-title span {
	color:           var(--mito-text);
	font-size:       15px;
	font-weight:     700;
	line-height:     1.35;
	text-decoration: none;
}

/* No hover lift for coming-soon cards */
.mito-product-card.mito-is-coming-soon:hover {
	transform:    none !important;
	border-color: var(--mito-border) !important;
	box-shadow:   none !important;
}

/* ── Hide star-ratings in loop (clean look) ──────────────── */
.mito-product-card .star-rating {
	display: none !important;
}

/* ==========================================================
   HFE WOO PRODUCT GRID (Elementor widget — home page etc.)
   Mirrors the .mito-product-card design for the
   hfe-woo-product-grid widget that bypasses content-product.php
   ========================================================== */

/* Card container */
.hfe-product-item {
	background:     var(--mito-card-bg) !important;
	border:         1.5px solid var(--mito-border) !important;
	border-radius:  var(--mito-radius) !important;
	overflow:       hidden !important;
	display:        flex !important;
	flex-direction: column !important;
	/* override Elementor box-shadow control */
	box-shadow:     none !important;
	transition:     border-color .22s ease,
	                box-shadow    .22s ease,
	                transform     .22s ease !important;
	position: relative;
}

.hfe-product-item:hover {
	border-color: var(--mito-teal) !important;
	box-shadow:   0 8px 28px var(--mito-teal-glow) !important;
	transform:    translateY(-3px) !important;
	z-index:      2;
}

/* Image area — same beige square as .mito-card-image-wrap */
.hfe-product-image {
	background:      var(--mito-img-bg) !important;
	position:        relative !important;
	width:           100% !important;
	aspect-ratio:    1 / 1 !important;
	overflow:        hidden !important;
	display:         flex !important;
	align-items:     center !important;
	justify-content: center !important;
	/* reset any padding from Elementor */
	padding:         0 !important;
	margin:          0 !important;
}

.hfe-product-image a {
	display:         flex !important;
	width:           100% !important;
	height:          100% !important;
	align-items:     center !important;
	justify-content: center !important;
}

.hfe-product-image img {
	width:      100% !important;
	height:     100% !important;
	object-fit: contain !important;
	display:    block !important;
	transition: transform .3s ease !important;
}

.hfe-product-item:hover .hfe-product-image img {
	transform: scale(1.04) !important;
}

/* Country badge injected via PHP filter lives inside .hfe-product-image */
.hfe-product-image .mito-card-badge {
	position: absolute !important;
	top:      12px !important;
	left:     12px !important;
	z-index:  5 !important;
}

/* Coming-soon overlay injected via PHP filter */
.hfe-product-image .mito-cs-overlay {
	position:  absolute !important;
	top:       50% !important;
	left:      50% !important;
	transform: translate(-50%, -50%) !important;
	z-index:   4 !important;
	pointer-events: none !important;
}

/* Coming-soon HFE card — disable hover lift and all interaction */
.hfe-product-item.mito-hfe-coming-soon {
	cursor: default !important;
}

.hfe-product-item.mito-hfe-coming-soon:hover {
	border-color: var(--mito-border) !important;
	box-shadow:   none !important;
	transform:    none !important;
}

.hfe-product-item.mito-hfe-coming-soon a,
.hfe-product-item.mito-hfe-coming-soon button {
	pointer-events: none !important;
	cursor:         default !important;
}

.hfe-product-item.mito-hfe-coming-soon .hfe-product-title a:hover {
	color: var(--mito-text) !important;
}

/* Brand text injected by JS into .hfe-product-content */
.hfe-product-content .mito-card-brand {
	font-size:   14px !important;
	color:       var(--mito-muted) !important;
	margin:      0 0 2px !important;
	font-weight: 400 !important;
	order:       -1;
}

/* Hidden data carrier — never visible */
.mito-brand-data {
	display: none !important;
}

/* Content area */
.hfe-product-content {
	padding:        14px 16px 18px !important;
	text-align:     left !important;
	display:        flex !important;
	flex-direction: column !important;
	flex:           1 !important;
	gap:            3px !important;
}

/* Category line (shown as brand-like subtitle) */
.hfe-product-category {
	font-size:   12px !important;
	color:       var(--mito-muted) !important;
	margin:      0 0 2px !important;
	text-align:  left !important;
	font-weight: 400 !important;
}

/* Product title */
.hfe-product-title,
.hfe-product-title .hfe-loop-product__link {
	text-align: left !important;
}

.hfe-product-title h2,
.hfe-product-title .woocommerce-loop-product__title,
.hfe-product-title a {
	font-size:   20px !important;
	font-weight: 700 !important;
	color:       var(--mito-text) !important;
	line-height: 1.35 !important;
	text-decoration: none !important;
	margin:      0 0 6px !important;
}

.hfe-product-title a:hover {
	color: var(--mito-teal) !important;
}

/* Rating */
.hfe-product-rating {
	margin-bottom: 4px !important;
}

/* Price */
.hfe-product-price {
	margin: 2px 0 10px !important;
	text-align: left !important;
}

.hfe-product-price .price,
.hfe-product-price .woocommerce-Price-amount,
.hfe-product-price ins .woocommerce-Price-amount {
	color:       var(--mito-teal) !important;
	font-size:   18px !important;
	font-weight: 700 !important;
}

.hfe-product-price del .woocommerce-Price-amount {
	color:     #aaa !important;
	font-size: 13px !important;
}

/* Add-to-cart button */
.hfe-product-add-to-cart {
	margin-top: auto !important;
}

.hfe-product-add-to-cart .button,
.hfe-product-add-to-cart a.button,
.hfe-product-add-to-cart button.button {
	display:         block !important;
	width:           100% !important;
	text-align:      center !important;
	background:      transparent !important;
	color:           var(--mito-text) !important;
	border:          1.5px solid var(--mito-border) !important;
	border-radius:   8px !important;
	padding:         9px 14px !important;
	font-size:       13px !important;
	font-weight:     600 !important;
	line-height:     1.4 !important;
	box-shadow:      none !important;
	text-decoration: none !important;
	transition:      background .18s, color .18s, border-color .18s !important;
}

.hfe-product-add-to-cart .button:hover,
.hfe-product-add-to-cart a.button:hover {
	background:   var(--mito-teal) !important;
	color:        #fff !important;
	border-color: var(--mito-teal) !important;
}

/* ==========================================================
   SINGLE PRODUCT PAGE
   ========================================================== */

/* ── Breadcrumb — above product image ────────────────────── */
/* .mito-product-breadcrumb is a flex child of .product.
   flex-basis:100% forces it onto its own row above gallery + summary. */
.single-product div.product .mito-product-breadcrumb {
	flex-basis:    100% !important;
	width:         100% !important;
	order:         -1;
	margin-bottom: 12px;
}

.single-product .mito-product-breadcrumb .woocommerce-breadcrumb {
	font-size:   13px;
	color:       var(--mito-muted);
	margin:      0;
	padding:     0;
	background:  transparent;
	line-height: 1.5;
}

.single-product .mito-product-breadcrumb .woocommerce-breadcrumb a {
	color:           var(--mito-muted);
	text-decoration: none;
}

.single-product .mito-product-breadcrumb .woocommerce-breadcrumb a:hover {
	color:           var(--mito-teal);
	text-decoration: underline;
}

/* ── Product title injected just above price ─────────────── */
.single-product .mito-product-title {
	font-size:   26px;
	font-weight: 700;
	line-height: 1.3;
	color:       var(--mito-text);
	margin:      0 0 6px;
}

@media (max-width: 768px) {
	.single-product .mito-product-title {
		font-size: 22px;
	}
}

/* ── Brand & Country meta (above rating) ─────────────────── */
.single-product .mito-product-meta-header {
	margin-bottom: 4px;
}

.single-product .mito-product-country,
.single-product .mito-product-brand {
	font-size:   13px;
	color:       var(--mito-muted);
	margin:      0 0 2px;
	line-height: 1.6;
}

.single-product .mito-product-country strong,
.single-product .mito-product-brand strong {
	color:       var(--mito-text);
	font-weight: 600;
}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 1200px) {
	.woocommerce ul.products,
	.woocommerce-page ul.products {
		grid-template-columns: repeat(3, 1fr) !important;
	}

	.related ul.products,
	.up-sells ul.products {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

@media (max-width: 860px) {
	.woocommerce ul.products,
	.woocommerce-page ul.products,
	.related ul.products,
	.up-sells ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 14px !important;
	}
}

@media (max-width: 480px) {
	.woocommerce ul.products,
	.woocommerce-page ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 10px !important;
	}

	.related ul.products,
	.up-sells ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.mito-card-body {
		padding: 10px 12px 14px;
	}

	.mito-card-title {
		font-size: 13px !important;
	}

	/* Single product: stack breadcrumb flush on mobile */
	.single-product div.product .mito-product-breadcrumb {
		margin-bottom: 8px;
	}

	.single-product .mito-product-breadcrumb .woocommerce-breadcrumb {
		font-size: 12px;
	}
}

/* ==========================================================
   MY ACCOUNT — CUSTOM DASHBOARD
   ========================================================== */

.mito-dashboard {
	max-width: 900px;
}

/* ── Section wrapper ──────────────────────────────────────── */
.mito-dash-section {
	margin-bottom: 40px;
}

/* ── Section headings ─────────────────────────────────────── */
.mito-dash-heading {
	font-size:      11px !important;
	font-weight:    700 !important;
	letter-spacing: 1.8px !important;
	text-transform: uppercase !important;
	color:          var(--mito-teal) !important;
	margin:         0 0 22px !important;
	padding:        0 !important;
	border:         none !important;
}

/* ── Overview stats grid ──────────────────────────────────── */
.mito-dash-overview {
	display: flex;
	gap:     40px;
}

.mito-dash-stat {
	display:        flex;
	flex-direction: column;
	align-items:    center;
	min-width:      120px;
}

.mito-dash-stat__number {
	font-size:     42px;
	font-weight:   700;
	line-height:   1.1;
	color:         var(--mito-text);
	margin-bottom: 4px;
}

.mito-dash-stat__number--teal {
	color: var(--mito-teal);
}

.mito-dash-stat__label {
	font-size:   14px;
	color:       var(--mito-text);
	font-weight: 400;
}

.mito-dash-stat__sub {
	font-size:  12px;
	color:      var(--mito-teal);
	margin-top: 3px;
}

/* ── Orders list ──────────────────────────────────────────── */
.mito-dash-orders {
	display:        flex;
	flex-direction: column;
}

.mito-order-row {
	display:         flex;
	justify-content: space-between;
	align-items:     flex-start;
	padding:         16px 0;
	border-bottom:   1px solid var(--mito-border);
	text-decoration: none;
	color:           inherit;
	transition:      background .15s;
}

.mito-order-row:first-child {
	border-top: 1px solid var(--mito-border);
}

.mito-order-row:hover {
	background: rgba(27,160,152,.04);
}

.mito-order-row__info {
	display:        flex;
	flex-direction: column;
	gap:            4px;
}

.mito-order-row__number {
	font-size:   14px;
	font-weight: 700;
	color:       var(--mito-text);
}

.mito-order-row__items {
	font-size:   13px;
	color:       var(--mito-muted);
	line-height: 1.5;
}

.mito-order-row__meta {
	display:        flex;
	flex-direction: column;
	align-items:    flex-end;
	gap:            6px;
	flex-shrink:    0;
	margin-left:    24px;
}

.mito-order-row__date-total {
	font-size:   13px;
	color:       var(--mito-muted);
	white-space: nowrap;
}

/* ── Status badges ────────────────────────────────────────── */
.mito-order-row__status {
	display:       inline-block;
	padding:       3px 10px;
	border-radius: 20px;
	font-size:     12px;
	font-weight:   600;
	white-space:   nowrap;
}

.mito-order-status--completed,
.mito-order-status--delivered {
	background: rgba(27,160,152,.12);
	color:      var(--mito-teal);
}

.mito-order-status--processing {
	background: rgba(230,130,30,.12);
	color:      #c97a0e;
}

.mito-order-status--pending,
.mito-order-status--pending-payment {
	background: rgba(136,136,136,.12);
	color:      #666;
}

.mito-order-status--on-hold {
	background: rgba(200,160,0,.12);
	color:      #a08000;
}

.mito-order-status--cancelled,
.mito-order-status--failed {
	background: rgba(200,50,50,.1);
	color:      #c03030;
}

.mito-order-status--refunded {
	background: rgba(136,136,136,.12);
	color:      #666;
}

.woocommerce-MyAccount-navigation-link--wishlist {
	display: none !important;
}

.diet-toggle img {
	height: 25px !important;
}

.accordion-header:not(.active) {
    background: #fff !important;
	border-left-color: #fff !important;
}
.faq-btn:not(.open) {
    background: #fff !important;
	border-left-color: #fff !important;
}

.faq-btn:hover {
    background: #fff !important;
	border-left-color: #962323 !important;
}

.single-product div.product .woocommerce-breadcrumb{
	color: #359997 !important;
}

.single-product div.product .woocommerce-breadcrumb a 
{
	color: #000000 !important;
}

.woocommerce-account .entry-content .woocommerce {
    max-width: 100% !important;
}

div#n2-ss-2 .n2-ss-slide-limiter {
    max-width: 100% !important;
}


@media (max-width: 767px) {
    .elementor-element-4d8ccbc {
        order: 2;
    }

    .elementor-element-44581f0 {
        order: 1;
    }
}

/* ── Dashboard mobile ─────────────────────────────────────── */
@media (max-width: 600px) {
	.mito-dash-overview {
		gap: 24px;
	}

	.mito-dash-stat__number {
		font-size: 32px;
	}

	.mito-order-row {
		flex-direction: column;
		gap:            10px;
	}

	.mito-order-row__meta {
		align-items: flex-start;
		margin-left: 0;
	}
}

/* ============================================================
   MY ACCOUNT — OTP LOGIN / REGISTER PAGE
   ============================================================ */

/* Override OTP plugin primary colour to site teal */
.mito-auth-page {
	--elev8-primary:      #00a99d;
	--elev8-primary-dark: #008c82;
}

/* Hide "OR" divider — no standard form sits above it any more */
.mito-auth-page .mitoelev8-divider {
	display: none;
}

/* Page wrapper */
.mito-auth-page {
	max-width: 800px;
	margin: 32px auto 48px;
	padding: 0 16px;
	box-sizing: border-box;
}

/* Heading */
.mito-auth-header {
	text-align: center;
	margin-bottom: 28px;
}

.mito-auth-title {
	font-size: 22px;
	font-weight: 700;
	color: #111;
	margin: 0 0 6px;
}

.mito-auth-subtitle {
	font-size: 14px;
	color: #777;
	margin: 0;
}

/* Card wrapper holding both columns */
.mito-auth-wrap {
	display: flex;
	background: #fff;
	border: 1px solid #e8ecf0;
	border-radius: 18px;
	box-shadow: 0 6px 32px rgba(0,0,0,.07);
	overflow: hidden;
}

/* Each column */
.mito-auth-col {
	flex: 1;
	padding: 40px 36px;
	min-width: 0;
}

.mito-auth-col:first-child {
	border-right: 1px solid #edf0f3;
}

/* Remove OTP box's own card frame — the col itself is the card */
.mito-auth-page .mitoelev8-otp-box {
	background: transparent;
	border:     none;
	padding:    0;
	margin:     0;
}

/* Section heading */
.mito-auth-page .mitoelev8-otp-box h3 {
	font-size:     17px;
	font-weight:   700;
	color:         #111;
	margin:        0 0 22px;
	padding-bottom:12px;
	border-bottom: 2px solid #00a99d;
}

/* Inputs */
.mito-auth-page .mitoelev8-field input[type="tel"],
.mito-auth-page .mitoelev8-field input[type="text"],
.mito-auth-page .mitoelev8-field input[type="email"] {
	padding:       12px 14px;
	border-radius: 10px;
	border:        1.5px solid #d1d5db;
	font-size:     14px;
	background:    #fafafa;
	transition:    border-color .15s, box-shadow .15s;
}

.mito-auth-page .mitoelev8-field input:focus {
	border-color: #00a99d;
	background:   #fff;
	box-shadow:   0 0 0 3px rgba(0,169,157,.12);
}

/* Mobile row (+91 prefix) */
.mito-auth-page .mitoelev8-mobile-row {
	border-radius: 10px;
	border-color:  #d1d5db;
}

.mito-auth-page .mitoelev8-mobile-row:focus-within {
	border-color: #00a99d;
	box-shadow:   0 0 0 3px rgba(0,169,157,.12);
}

/* Send / Verify buttons — full width teal */
.mito-auth-page .mitoelev8-send-btn,
.mito-auth-page .mitoelev8-verify-btn {
	width:         100%;
	padding:       13px 20px;
	font-size:     15px;
	background:    #00a99d;
	border-radius: 10px;
	margin-top:    8px;
	letter-spacing:.01em;
	box-shadow:    0 3px 14px rgba(0,169,157,.25);
	transition:    background .15s, transform .1s, box-shadow .15s;
}

.mito-auth-page .mitoelev8-send-btn:hover,
.mito-auth-page .mitoelev8-verify-btn:hover {
	background: #008c82;
	box-shadow: 0 5px 18px rgba(0,169,157,.35);
}

.mito-auth-page .mitoelev8-send-btn:active,
.mito-auth-page .mitoelev8-verify-btn:active {
	transform: scale(.98);
}

/* Resend link */
.mito-auth-page .mitoelev8-resend-btn {
	color: #00a99d;
}

/* ── Responsive ────────────────────────────────────────────── */
@media (max-width: 680px) {
	.mito-auth-page {
		margin: 20px auto 32px;
	}

	.mito-auth-wrap {
		flex-direction: column;
	}

	.mito-auth-col {
		padding: 28px 22px;
	}

	.mito-auth-col:first-child {
		border-right:  none;
		border-bottom: 1px solid #edf0f3;
	}

	.mito-auth-page .mitoelev8-otp-box h3 {
		font-size: 16px;
	}
}