/**
Theme Name: BioNoor
Author: BioNoor
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 provides unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your website. 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.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bionoor
Template: astra
*/

/*
 * WooCommerce Product Collection: injected store-notices (wc-blocks.css styles
 * .wc-block-components-notice-banner with flex, margin, border, padding…).
 * Hide the region + zero box model so no empty strip survives load order quirks.
 * Copy into Appearance → Customize → Additional CSS if you prefer.
 */
 .wp-block-woocommerce-product-collection .wc-block-components-notices,
 .wp-block-woocommerce-product-collection div[data-wp-interactive="woocommerce/store-notices"] {
	 display: none !important;
	 margin: 0 !important;
	 padding: 0 !important;
	 border: none !important;
	 min-height: 0 !important;
	 overflow: hidden !important;
 }
 
 .wp-block-woocommerce-product-collection .wc-block-components-notice-banner {
	 display: none !important;
	 margin: 0 !important;
	 padding: 0 !important;
	 border: none !important;
	 border-radius: 0 !important;
	 background: transparent !important;
	 background-color: transparent !important;
	 box-shadow: none !important;
	 color: transparent !important;
	 font-size: 0 !important;
	 line-height: 0 !important;
	 gap: 0 !important;
	 min-height: 0 !important;
	 overflow: hidden !important;
	 align-content: unset !important;
	 align-items: unset !important;
 }
 
 /* Checkout "Your order" / mobile layout: see bionoor_print_checkout_mobile_fix_css() in functions.php (prints late after Elementor). */
 
 /* ═══════════════════════════════════════════════════════════════════════════
	ORDER TRACKING — SHARED TOKENS
 ═══════════════════════════════════════════════════════════════════════════ */
 .bionoor-track-order,
 .bionoor-track-result {
	 --bt-accent:        #0d9488;
	 --bt-accent-hover:  #0f7669;
	 --bt-accent-light:  #ccfbf1;
	 --bt-accent-mid:    #14b8a6;
 
	 --bt-surface:       #ffffff;
	 --bt-bg:            #f8fafc;
	 --bt-border:        #e2e8f0;
	 --bt-border-strong: #cbd5e1;
 
	 --bt-text:          #0f172a;
	 --bt-muted:         #64748b;
	 --bt-subtle:        #94a3b8;
 
	 --bt-pending-bg:    #fefce8;
	 --bt-pending-fg:    #854d0e;
	 --bt-pending-bd:    #fde68a;
 
	 --bt-transit-bg:    #eff6ff;
	 --bt-transit-fg:    #1e40af;
	 --bt-transit-bd:    #bfdbfe;
 
	 --bt-depot-bg:      #f0fdf4;
	 --bt-depot-fg:      #166534;
	 --bt-depot-bd:      #bbf7d0;
 
	 --bt-done-bg:       #f0fdf4;
	 --bt-done-fg:       #14532d;
	 --bt-done-bd:       #86efac;
 
	 --bt-return-bg:     #fef2f2;
	 --bt-return-fg:     #991b1b;
	 --bt-return-bd:     #fecaca;
 
	 --bt-verify-bg:     #fff7ed;
	 --bt-verify-fg:     #9a3412;
	 --bt-verify-bd:     #fed7aa;
 
	 --bt-radius-sm:     0.5rem;
	 --bt-radius-md:     0.75rem;
	 --bt-radius-lg:     1rem;
	 --bt-radius-xl:     1.25rem;
 
	 font-family: inherit;
	 color: var(--bt-text);
 }
 
 /* ═══════════════════════════════════════════════════════════════════════════
	TRACKING FORM  (.bionoor-track-order)
 ═══════════════════════════════════════════════════════════════════════════ */
 .bionoor-track-order {
	 max-width: 36rem;
	 margin: 1.75rem auto 2.5rem;
	 padding: 0 1rem;
 }
 
 .bionoor-track-order__form {
	 margin: 0;
 }
 
 /* Card */
 .bionoor-track-order__card {
	 background: var(--bt-surface);
	 border: 1px solid var(--bt-border);
	 border-radius: var(--bt-radius-xl);
	 box-shadow: 0 4px 24px rgba(15, 23, 42, 0.07), 0 1px 4px rgba(15, 23, 42, 0.04);
	 padding: clamp(1.4rem, 5vw, 2rem) clamp(1.2rem, 5vw, 1.85rem);
 }
 
 /* Delivery truck icon */
 .bionoor-track-order__icon-wrap {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 width: 56px;
	 height: 56px;
	 background: var(--bt-accent-light);
	 border-radius: 50%;
	 color: var(--bt-accent);
	 margin: 0 0 1.25rem;
 }
 
 .bionoor-track-result--rtl .bionoor-track-order__icon-wrap {
	 margin-right: 0;
 }
 
 /* Lead text */
 .bionoor-track-order__lead {
	 margin: 0 0 1.5rem;
	 font-size: 0.925rem;
	 line-height: 1.6;
	 color: var(--bt-muted);
 }
 
 /* Two-column grid */
 .bionoor-track-order__grid {
	 display: grid;
	 gap: 1rem;
	 grid-template-columns: 1fr;
 }
 
 @media (min-width: 34em) {
	 .bionoor-track-order__grid {
		 grid-template-columns: 1fr 1fr;
		 gap: 1rem 1.25rem;
	 }
 }
 
 /* Field */
 .bionoor-track-order__field {
	 display: flex;
	 flex-direction: column;
	 gap: 0.45rem;
 }
 
 .bionoor-track-order__label {
	 display: inline-flex;
	 align-items: center;
	 gap: 0.4rem;
	 font-size: 0.8125rem;
	 font-weight: 600;
	 letter-spacing: 0.015em;
	 color: var(--bt-text);
 }
 
 .bionoor-track-order__label svg {
	 flex-shrink: 0;
	 color: var(--bt-muted);
 }
 
 .bionoor-track-order__input-wrap {
	 position: relative;
 }
 
 .bionoor-track-order__input {
	 width: 100%;
	 margin: 0;
	 padding: 0.7rem 0.95rem;
	 font-size: 0.9375rem;
	 line-height: 1.4;
	 color: var(--bt-text);
	 background: var(--bt-bg);
	 border: 1.5px solid var(--bt-border-strong);
	 border-radius: var(--bt-radius-sm);
	 transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
	 box-sizing: border-box;
 }
 
 .bionoor-track-order__input:hover {
	 border-color: var(--bt-accent-mid);
 }
 
 .bionoor-track-order__input:focus {
	 outline: none;
	 background: var(--bt-surface);
	 border-color: var(--bt-accent);
	 box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.18);
 }
 
 /* Submit area */
 .bionoor-track-order__actions {
	 margin-top: 1.5rem;
 }
 
 .bionoor-track-order__submit {
	 display: inline-flex !important;
	 align-items: center;
	 justify-content: center;
	 gap: 0.55rem;
	 width: 100%;
	 margin: 0 !important;
	 padding: 0.875rem 1.25rem !important;
	 font-size: 0.9375rem !important;
	 font-weight: 600 !important;
	 letter-spacing: 0.02em;
	 text-transform: none !important;
	 color: #ffffff !important;
	 background: var(--bt-accent) !important;
	 border: none !important;
	 border-radius: var(--bt-radius-sm) !important;
	 box-shadow: 0 2px 10px rgba(13, 148, 136, 0.3);
	 cursor: pointer;
	 transition: background 0.15s, box-shadow 0.15s, transform 0.1s;
 }
 
 .bionoor-track-order__submit svg {
	 flex-shrink: 0;
 }
 
 .bionoor-track-order__submit:hover,
 .bionoor-track-order__submit:focus {
	 background: var(--bt-accent-hover) !important;
	 box-shadow: 0 4px 16px rgba(13, 148, 136, 0.38) !important;
	 color: #fff !important;
	 text-decoration: none !important;
 }
 
 .bionoor-track-order__submit:focus {
	 outline: 2px solid var(--bt-accent);
	 outline-offset: 2px;
 }
 
 .bionoor-track-order__submit:active {
	 transform: translateY(1px);
 }
 
 /* WooCommerce notices above card */
 .woocommerce .bionoor-track-order {
	 margin-top: 0.5rem;
 }
 
 /* ═══════════════════════════════════════════════════════════════════════════
	TRACKING RESULT  (.bionoor-track-result)
 ═══════════════════════════════════════════════════════════════════════════ */
 .bionoor-track-result {
	 width: 100%;
	 max-width: none;
	 margin: 0 0 2.5rem;
	 padding: 0 0 2rem;
	 box-sizing: border-box;
 }
 
 /* ── HERO BANNER ── */
 .bionoor-track-hero {
	 background: var(--bt-surface);
	 border: 1px solid var(--bt-border);
	 border-radius: var(--bt-radius-xl);
	 box-shadow: 0 2px 16px rgba(15, 23, 42, 0.06);
	 margin-bottom: 1.75rem;
	 overflow: hidden;
 }
 
 .bionoor-track-hero__inner {
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
	 gap: 1rem;
	 padding: 1.25rem 1.5rem;
	 flex-wrap: wrap;
 }
 
 .bionoor-track-hero__title-row {
	 display: flex;
	 align-items: center;
	 gap: 0.85rem;
	 flex: 1;
	 min-width: 0;
 }
 
 .bionoor-track-hero__title-text {
	 flex: 1;
	 min-width: 0;
 }
 
 .bionoor-track-hero__icon {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 width: 52px;
	 height: 52px;
	 border-radius: 50%;
	 flex-shrink: 0;
	 background: var(--bt-accent-light);
	 color: var(--bt-accent);
 }
 
 /* Status-specific icon colours */
 .bionoor-status-badge--pending  { background: var(--bt-pending-bg);  color: var(--bt-pending-fg); }
 .bionoor-status-badge--picked   { background: var(--bt-transit-bg);  color: var(--bt-transit-fg); }
 .bionoor-status-badge--depot    { background: var(--bt-depot-bg);    color: var(--bt-depot-fg); }
 .bionoor-status-badge--transit  { background: var(--bt-transit-bg);  color: var(--bt-transit-fg); }
 .bionoor-status-badge--verify   { background: var(--bt-verify-bg);   color: var(--bt-verify-fg); }
 .bionoor-status-badge--delivered{ background: var(--bt-done-bg);     color: var(--bt-done-fg); }
 .bionoor-status-badge--return   { background: var(--bt-return-bg);   color: var(--bt-return-fg); }
 
 .bionoor-track-hero__status {
	 margin: 0 0 0.2rem;
	 font-size: 1.125rem;
	 font-weight: 700;
	 color: var(--bt-text);
	 line-height: 1.25;
 }
 
 .bionoor-track-hero__meta {
	 margin: 0;
	 font-size: 0.875rem;
	 color: var(--bt-muted);
 }
 
 .bionoor-track-hero__meta strong {
	 color: var(--bt-text);
	 font-weight: 600;
 }
 
 .bionoor-track-hero__badge {
	 display: inline-flex;
	 align-items: center;
	 padding: 0.35rem 0.9rem;
	 border-radius: 999px;
	 font-size: 0.8rem;
	 font-weight: 700;
	 letter-spacing: 0.02em;
	 flex-shrink: 0;
 }
 
 .bionoor-track-hero__badge--done {
	 background: var(--bt-done-bg);
	 color: var(--bt-done-fg);
	 border: 1px solid var(--bt-done-bd);
 }
 
 .bionoor-track-hero__badge--return {
	 background: var(--bt-return-bg);
	 color: var(--bt-return-fg);
	 border: 1px solid var(--bt-return-bd);
 }
 
 /* ── TIMELINE ── */
 .bionoor-tracking-timeline {
	 margin: 0 0 2rem;
	 padding: 0;
	 overflow-x: auto;
	 -webkit-overflow-scrolling: touch;
	 /* Scrollbar styling */
	 scrollbar-width: thin;
	 scrollbar-color: var(--bt-border) transparent;
 }
 
 .bionoor-tracking-timeline::-webkit-scrollbar {
	 height: 4px;
 }
 
 .bionoor-tracking-timeline::-webkit-scrollbar-thumb {
	 background: var(--bt-border);
	 border-radius: 2px;
 }
 
 .bionoor-tracking-timeline__list {
	 display: flex;
	 list-style: none;
	 margin: 0;
	 padding: 1rem 0 1.25rem;
	 gap: 0;
	 width: 100%;
	 min-width: 0;
	 align-items: flex-start;
 }
 
 .bionoor-tracking-timeline__step {
	 position: relative;
	 flex: 1 1 0;
	 min-width: 0;
	 max-width: none;
	 text-align: center;
	 padding: 0 0.35rem;
 }
 
 /* Connector rail */
 .bionoor-tracking-timeline__rail {
	 position: absolute;
	 left: 50%;
	 top: 1.45rem;
	 width: 100%;
	 height: 4px;
	 background: var(--bt-border);
	 z-index: 0;
 }
 
 .bionoor-tracking-timeline__step:last-child .bionoor-tracking-timeline__rail {
	 display: none;
 }
 
 .bionoor-track-result--rtl .bionoor-tracking-timeline__rail {
	 left: auto;
	 right: 50%;
 }
 
 /* Node circle */
 .bionoor-tracking-timeline__node {
	 position: relative;
	 z-index: 1;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 width: 3rem;
	 height: 3rem;
	 margin: 0 auto 0.65rem;
	 border-radius: 50%;
	 background: var(--bt-surface);
	 border: 2px solid var(--bt-border);
	 color: var(--bt-subtle);
	 transition: border-color 0.2s, background 0.2s, color 0.2s, box-shadow 0.2s;
 }
 
 .bionoor-tracking-timeline__num {
	 font-size: 0.9rem;
	 font-weight: 700;
	 line-height: 1;
 }
 
 .bionoor-tracking-timeline__dot {
	 width: 11px;
	 height: 11px;
	 border-radius: 50%;
	 background: #fff;
 }
 
 /* Label */
 .bionoor-tracking-timeline__label {
	 display: block;
	 font-size: 0.875rem;
	 line-height: 1.35;
	 color: var(--bt-muted);
	 font-weight: 600;
	 hyphens: auto;
	 word-break: break-word;
 }
 
 /* Complete step */
 .bionoor-tracking-timeline__step.is-complete .bionoor-tracking-timeline__node {
	 background: var(--bt-accent-light);
	 border-color: var(--bt-accent);
	 color: var(--bt-accent);
 }
 
 .bionoor-tracking-timeline__step.is-complete .bionoor-tracking-timeline__rail {
	 background: var(--bt-accent);
 }
 
 /* Current step */
 .bionoor-tracking-timeline__step.is-current .bionoor-tracking-timeline__node {
	 background: var(--bt-accent);
	 border-color: var(--bt-accent);
	 color: #fff;
	 box-shadow: 0 0 0 5px rgba(13, 148, 136, 0.22);
 }
 
 .bionoor-tracking-timeline__step.is-current .bionoor-tracking-timeline__node svg {
	 stroke: #fff;
 }
 
 .bionoor-tracking-timeline__step.is-current .bionoor-tracking-timeline__label {
	 color: var(--bt-text);
	 font-weight: 700;
 }
 
 /* Upcoming (e.g. Livré before delivery) */
 .bionoor-tracking-timeline__step.is-upcoming .bionoor-tracking-timeline__node {
	 opacity: 0.55;
	 border-style: dashed;
	 border-color: var(--bt-border-strong);
	 background: var(--bt-bg);
	 color: var(--bt-subtle);
 }
 
 .bionoor-tracking-timeline__hollow {
	 display: block;
	 width: 10px;
	 height: 10px;
	 border-radius: 50%;
	 border: 2px solid currentColor;
	 opacity: 0.85;
 }
 
 .bionoor-tracking-timeline__step.is-upcoming .bionoor-tracking-timeline__label {
	 color: var(--bt-subtle);
	 font-weight: 500;
 }
 
 /* ── TWO-COLUMN GRID ── */
 .bionoor-track-result__grid {
	 display: grid;
	 gap: 1.35rem;
	 grid-template-columns: 1fr;
	 align-items: stretch;
 }
 
 @media (min-width: 56.25em) {
	 .bionoor-track-result__grid {
		 grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
		 gap: 1.75rem;
	 }
 }
 
 /* ── PANEL CARD ── */
 .bionoor-track-result__panel {
	 background: var(--bt-surface);
	 border: 1px solid var(--bt-border);
	 border-radius: var(--bt-radius-lg);
	 box-shadow: 0 2px 16px rgba(15, 23, 42, 0.05);
	 padding: clamp(1rem, 2.5vw, 1.4rem);
	 height: 100%;
	 box-sizing: border-box;
	 display: flex;
	 flex-direction: column;
 }
 
 /* ── PANEL HEADING ── */
 .bionoor-track-result__heading {
	 display: flex;
	 align-items: center;
	 gap: 0.5rem;
	 margin: 0 0 1.1rem;
	 font-size: 1rem;
	 font-weight: 700;
	 color: var(--bt-text);
	 padding-bottom: 0.85rem;
	 border-bottom: 1px solid var(--bt-border);
 }
 
 .bionoor-track-result__heading svg {
	 flex-shrink: 0;
	 color: var(--bt-accent);
 }
 
 /* ── PRODUCTS TABLE (Détail de la commande) ── */
 .bionoor-track-result__table-wrap {
	 flex: 1;
	 min-height: 0;
	 border-radius: var(--bt-radius-xl);
	 border: 1px solid #e2e8f0;
	 background: var(--bt-surface);
	 box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
	 overflow: hidden;
 }
 
 .bionoor-track-result__table-scroll {
	 overflow-x: auto;
	 -webkit-overflow-scrolling: touch;
	 max-width: 100%;
 }
 
 /* WooCommerce .shop_table adds outer borders — neutralize so radius clips cleanly */
 .bionoor-track-result__table-wrap table.shop_table.bionoor-track-result__table {
	 width: 100%;
	 margin: 0;
	 border: none !important;
	 border-radius: 0;
	 box-shadow: none !important;
 }
 
 .bionoor-track-result__table-wrap table.shop_table.bionoor-track-result__table th,
 .bionoor-track-result__table-wrap table.shop_table.bionoor-track-result__table td {
	 border-inline: none !important;
 }
 
 .bionoor-track-result__table {
	 width: 100%;
	 border-collapse: separate;
	 border-spacing: 0;
	 font-size: 0.9375rem;
	 line-height: 1.45;
	 border: none;
	 border-radius: 0;
 }
 
 /* Header — neutral slate (no mint wash) */
 .bionoor-track-result__table-head th {
	 padding: 0.9rem 1.15rem;
	 font-size: 0.6875rem;
	 text-transform: uppercase;
	 letter-spacing: 0.08em;
	 color: #475569;
	 font-weight: 800;
	 background: #f1f5f9;
	 border-bottom: 1px solid #cbd5e1;
 }
 
 .bionoor-track-result__th-total {
	 text-align: end !important;
	 width: 32%;
	 min-width: 5.5rem;
 }
 
 /* Line items */
 .bionoor-track-result__table-body th,
 .bionoor-track-result__table-body td {
	 padding: 0.85rem 1.15rem;
	 border-bottom: 1px solid #eef2f7;
	 text-align: start;
	 vertical-align: middle;
	 background: var(--bt-surface);
	 transition: background 0.12s ease;
 }
 
 .bionoor-track-result__table-body tr:hover td,
 .bionoor-track-result__table-body tr:hover th {
	 background: #f8fafc;
 }
 
 .bionoor-track-result__table-body .product-name,
 .bionoor-track-result__table-body .woocommerce-table__product-name {
	 font-weight: 600;
	 color: var(--bt-text);
	 letter-spacing: -0.01em;
 }
 
 .bionoor-track-result__table-body .product-total,
 .bionoor-track-result__table-body .woocommerce-table__product-total {
	 font-weight: 600;
	 font-variant-numeric: tabular-nums;
	 color: var(--bt-text);
 }
 
 .bionoor-track-result__table-body td:last-child {
	 text-align: end;
	 white-space: nowrap;
 }
 
 .bionoor-track-result__table-body tr.product-purchase-note td {
	 padding: 0.65rem 1.15rem 0.85rem;
	 font-size: 0.875rem;
	 color: var(--bt-muted);
	 background: #fafbfc;
	 border-bottom: 1px solid #eef2f7;
 }
 
 /* Footer subtotals */
 .bionoor-track-result__table-foot .bionoor-track-result__tfoot-sub th,
 .bionoor-track-result__table-foot .bionoor-track-result__tfoot-sub td {
	 padding: 0.6rem 1.15rem;
	 font-size: 0.8125rem;
	 font-weight: 600;
	 color: #64748b;
	 background: #f8fafc;
	 border-bottom: 1px solid #e2e8f0;
	 font-variant-numeric: tabular-nums;
 }
 
 .bionoor-track-result__table-foot .bionoor-track-result__tfoot-sub td {
	 text-align: end;
	 white-space: nowrap;
	 color: #334155;
 }
 
 /* Grand total — light band + accent emphasis (radius comes from outer .table-wrap overflow) */
 .bionoor-track-result__table-foot .bionoor-track-result__tfoot-grand th,
 .bionoor-track-result__table-foot .bionoor-track-result__tfoot-grand td {
	 padding: 1rem 1.15rem 1.1rem;
	 font-size: 1rem;
	 font-weight: 800;
	 color: #0f172a !important;
	 background: #f8fafc !important;
	 border-top: 2px solid var(--bt-accent);
	 border-bottom: none;
	 font-variant-numeric: tabular-nums;
	 letter-spacing: -0.02em;
 }
 
 .bionoor-track-result__table-foot .bionoor-track-result__tfoot-grand td {
	 text-align: end;
	 white-space: nowrap;
	 color: var(--bt-accent) !important;
	 font-size: 1.125rem;
 }
 
 /* Phone / codes stay LTR inside RTL pages */
 .bionoor-track-result .bionoor-track-ltr {
	 unicode-bidi: embed;
	 direction: ltr;
	 display: inline-block;
	 text-align: start;
 }
 
 /* ── SHIPPING PANEL ── */
 .bionoor-track-result__ship-name {
	 font-size: 1rem;
	 font-weight: 700;
	 color: var(--bt-text);
	 margin: 0 0 0.65rem;
	 line-height: 1.35;
 }
 
 .bionoor-track-result__address--lines {
	 font-style: normal;
	 line-height: 1.65;
	 font-size: 0.9375rem;
	 color: var(--bt-muted);
	 margin: 0 0 1.1rem;
 }
 
 .bionoor-track-result__ship-meta {
	 margin: 0;
	 padding: 0;
	 border-top: 1px solid var(--bt-border);
	 padding-top: 1rem;
	 margin-top: auto;
 }
 
 .bionoor-track-result__ship-meta-row {
	 display: grid;
	 grid-template-columns: 6.5rem 1fr;
	 gap: 0.5rem 1rem;
	 align-items: baseline;
	 font-size: 0.9rem;
	 margin-bottom: 0.65rem;
 }
 
 .bionoor-track-result__ship-meta-row:last-child {
	 margin-bottom: 0;
 }
 
 .bionoor-track-result__ship-meta-label {
	 font-weight: 700;
	 color: var(--bt-subtle);
	 font-size: 0.78rem;
	 text-transform: uppercase;
	 letter-spacing: 0.04em;
 }
 
 .bionoor-track-result__ship-meta-value {
	 color: var(--bt-text);
	 word-break: break-word;
 }
 
 .bionoor-track-result__ship-meta-value a {
	 color: var(--bt-accent);
	 text-decoration: none;
	 font-weight: 600;
 }
 
 .bionoor-track-result__ship-meta-value a:hover {
	 text-decoration: underline;
 }
 
 /* Last-updated chip */
 .bionoor-track-result__updated {
	 display: inline-flex;
	 align-items: center;
	 gap: 0.4rem;
	 margin-top: 1rem;
	 padding: 0.35rem 0.75rem;
	 background: var(--bt-bg);
	 border: 1px solid var(--bt-border);
	 border-radius: 999px;
	 font-size: 0.78rem;
	 color: var(--bt-muted);
 }
 
 .bionoor-track-result__updated svg {
	 flex-shrink: 0;
 }
 
 /* ── ORDER NOTES ── */
 .bionoor-track-result__notes {
	 margin-top: 2rem;
	 background: var(--bt-surface);
	 border: 1px solid var(--bt-border);
	 border-radius: var(--bt-radius-lg);
	 padding: clamp(1rem, 2.5vw, 1.4rem);
 }
 
 .bionoor-track-result__heading--notes {
	 border-bottom: 1px solid var(--bt-border);
 }
 
 .bionoor-track-result__notes-list {
	 list-style: none;
	 margin: 0;
	 padding: 0;
 }
 
 .bionoor-track-result__note-item {
	 display: flex;
	 gap: 0.85rem;
	 padding: 1rem 0;
	 border-bottom: 1px solid #f1f5f9;
 }
 
 .bionoor-track-result__note-item:last-child {
	 border-bottom: none;
 }
 
 .bionoor-track-result__note-dot {
	 flex-shrink: 0;
	 width: 10px;
	 height: 10px;
	 border-radius: 50%;
	 background: var(--bt-accent-light);
	 border: 2px solid var(--bt-accent);
	 margin-top: 0.35rem;
 }
 
 .bionoor-track-result__note-content {
	 flex: 1;
	 min-width: 0;
 }
 
 .bionoor-track-result__note-meta {
	 margin: 0 0 0.3rem;
	 font-size: 0.78rem;
	 color: var(--bt-subtle);
	 font-weight: 500;
 }
 
 .bionoor-track-result__note-body {
	 font-size: 0.9375rem;
	 line-height: 1.6;
	 color: var(--bt-text);
 }
 
 .bionoor-track-result__note-body p:last-child {
	 margin-bottom: 0;
 }
 
 /* ── RTL ADJUSTMENTS ── */
 .bionoor-track-result--rtl {
	 direction: rtl;
 }
 
 .bionoor-track-result--rtl .bionoor-tracking-timeline__step.is-complete .bionoor-tracking-timeline__rail {
	 background: var(--bt-accent);
 }
 
 /* ── MOBILE TIMELINE (≤ 36rem) ── */
 @media (max-width: 36rem) {
	 .bionoor-tracking-timeline__list {
		 flex-direction: column;
		 align-items: stretch;
		 min-width: 0;
		 padding-left: 0.75rem;
		 border-left: 3px solid var(--bt-border);
		 gap: 0;
	 }
 
	 .bionoor-track-result--rtl .bionoor-tracking-timeline__list {
		 padding-left: 0;
		 padding-right: 0.75rem;
		 border-left: none;
		 border-right: 3px solid var(--bt-border);
	 }
 
	 .bionoor-tracking-timeline__step {
		 display: flex;
		 flex-direction: row;
		 align-items: center;
		 gap: 0.8rem;
		 max-width: none;
		 text-align: start;
		 padding: 0.4rem 0;
	 }
 
	 .bionoor-tracking-timeline__step.is-current {
		 padding: 0.55rem 0;
	 }
 
	 .bionoor-tracking-timeline__rail {
		 display: none;
	 }
 
	 .bionoor-tracking-timeline__node {
		 margin: 0;
		 flex-shrink: 0;
		 width: 2.5rem;
		 height: 2.5rem;
	 }
 
	 .bionoor-tracking-timeline__label {
		 text-align: start;
		 font-size: 0.9rem;
	 }
 }
 
 /* ── GENERAL MOBILE ── */
 @media (max-width: 40rem) {
	 .bionoor-track-hero__inner {
		 padding: 1rem 1.1rem;
	 }
 
	 .bionoor-track-result__panel {
		 padding: 1rem;
	 }
 
	 .bionoor-track-result__ship-meta-row {
		 grid-template-columns: 1fr;
		 gap: 0.2rem;
	 }
 }

/* =============================================================================
   PRODUCT COLLECTION (best sellers) — image zoom + in-cart quantity stepper
   ============================================================================= */
.wp-block-woocommerce-product-collection .wc-block-components-product-image {
	overflow: hidden;
}

.wp-block-woocommerce-product-collection .wc-block-components-product-image img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform: scale(1);
	transform-origin: center center;
	will-change: transform;
}

.wp-block-woocommerce-product-collection .wc-block-components-product-image:hover img,
.wp-block-woocommerce-product-collection .wc-block-components-product-image:focus-within img {
	transform: scale(1.1);
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-woocommerce-product-collection .wc-block-components-product-image img {
		transition: none;
	}
}

.wp-block-woocommerce-product-collection .wc-block-components-product-button {
	position: relative;
	width: 100%;
}

/* Same footprint as the add-to-cart control across cards (full width of column). */
.wp-block-woocommerce-product-collection .wc-block-components-product-button .wc-block-components-product-button__button {
	width: 100%;
	box-sizing: border-box;
}

/* When the real button is visually hidden, keep block height so the stepper matches prior layout. */
.wp-block-woocommerce-product-collection .wc-block-components-product-button.bionoor-pc--in-cart {
	min-height: 2.875rem;
}

/* Hide “View cart” under the button when an item is in the cart (WooCommerce product-button block). */
.wp-block-woocommerce-product-collection .wc-block-components-product-button a.added_to_cart.wc_forward {
	display: none !important;
}
.wp-block-woocommerce-product-collection .wc-block-components-product-button span:has(> a.added_to_cart.wc_forward) {
	display: none !important;
}

/* Visually hide the core button while keeping it in the DOM for Blocks / Interactivity. */
.wp-block-woocommerce-product-collection .wc-block-components-product-button__button.bionoor-pc__btn--hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.wp-block-woocommerce-product-collection .bionoor-pc--in-cart .bionoor-product-stepper {
	display: flex;
	align-items: stretch;
	width: 100%;
	max-width: 100%;
	min-height: 2.875rem;
	margin-top: 0;
	border: 2px solid #46a5b4;
	border-radius: 999px;
	background: #fff;
	overflow: hidden;
	box-sizing: border-box;
	font-family: inherit;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.wp-block-woocommerce-product-collection .bionoor-product-stepper__btn {
	flex: 1 1 0;
	min-width: 0;
	max-width: none;
	padding: 0.5rem 0.35rem;
	margin: 0;
	border: none;
	background: transparent;
	color: #46a5b4;
	font-size: inherit;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.wp-block-woocommerce-product-collection .bionoor-product-stepper__btn:hover:not(:disabled) {
	background: rgba(70, 165, 180, 0.12);
}

.wp-block-woocommerce-product-collection .bionoor-product-stepper__btn:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.wp-block-woocommerce-product-collection .bionoor-product-stepper__qty {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem 0.25rem;
	font-size: inherit;
	font-weight: 600;
	line-height: 1.2;
	color: #1e293b;
	border-left: 1px solid rgba(70, 165, 180, 0.35);
	border-right: 1px solid rgba(70, 165, 180, 0.35);
}