/* === FILE: ds-flf-theme/assets/css/flf-core.css === */

/* ==========================================================================
   FLF MOTORSPORT THEME - CORE STYLES & RESET
   ========================================================================== */

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  max-width: 100%;
}

body {
  font-family: var(--flf-font-body);
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--flf-text-light-secondary);
  background-color: var(--flf-bg-light);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  max-width: 100%;
}

.flf-site-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
  max-width: 100%;
  width: 100%;
}

.flf-site-content {
  flex: 1 0 auto;
}

img, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color var(--flf-transition-fast);
}

/* ==========================================================================
   Accessibility & Skip-to-Content Focus (WCAG 2.4.1 Bypass Blocks)
   ========================================================================== */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus,
.skip-link:focus {
  background-color: #0f172a !important;
  border-radius: 6px !important;
  box-shadow: 0 0 0 3px #0284c7, 0 4px 16px rgba(0, 0, 0, 0.3) !important;
  clip: auto !important;
  clip-path: none !important;
  color: #ffffff !important;
  display: block !important;
  font-family: var(--flf-font-heading, "Chakra Petch", sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  height: auto !important;
  left: 12px !important;
  line-height: 1.4 !important;
  padding: 12px 20px !important;
  text-decoration: none !important;
  top: 12px !important;
  width: auto !important;
  z-index: 1000000 !important;
}

/* ==========================================================================
   Global Accessible Focus Visible Indicators (WCAG 2.4.7 & 2.4.11)
   ========================================================================== */
:focus-visible {
  outline: 2px solid var(--flf-primary-light-surface, #0284c7) !important;
  outline-offset: 2px !important;
}

.flf-dark-section :focus-visible,
.flf-header :focus-visible,
.flf-footer :focus-visible,
.flf-modal :focus-visible,
.flf-topbar :focus-visible {
  outline: 2px solid var(--flf-primary, #00d2ff) !important;
  outline-offset: 2px !important;
}

/* ==========================================================================
   Prominent Text Content Links (High contrast & modern underline)
   ========================================================================== */
p a,
li:not([class*="menu-item"]):not([class*="product"]):not([class*="nav"]):not([class*="cat"]):not([class*="widget"]):not([class*="filter"]):not([class*="page"]):not([class*="pagination"]) > a:not(.flf-btn):not(.button):not([class*="badge"]):not([class*="flf-cat-link"]):not([class*="page-numbers"]),
.flf-content a:not(.flf-btn):not(.button):not([class*="badge"]),
.flf-prose a:not(.flf-btn):not(.button):not([class*="badge"]),
.entry-content a:not(.button):not(.flf-btn):not([class*="badge"]),
.page-content a:not(.button):not(.flf-btn):not([class*="badge"]),
.post-content a:not(.button):not(.flf-btn):not([class*="badge"]),
.flf-text-content a:not(.flf-btn):not(.button):not([class*="badge"]),
.woocommerce-product-details__short-description a,
.woocommerce-Tabs-panel a:not(.button):not(.flf-btn),
#tab-description a,
#tab-additional_information a,
.product_meta a,
.woocommerce-MyAccount-content p a,
.woocommerce-MyAccount-content li a:not(.button),
.woocommerce-MyAccount-content td a:not(.button),
.woocommerce-info a:not(.button),
.woocommerce-message a:not(.button),
.woocommerce-error a:not(.button),
.woocommerce-notice a:not(.button),
.woocommerce-privacy-policy-text a,
.woocommerce-terms-and-conditions-link,
.woocommerce-form-login-toggle a,
.woocommerce-form-coupon-toggle a,
.comment-content a {
  color: var(--flf-link-color, #0284c7) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 3px !important;
  text-decoration-color: rgba(2, 132, 199, 0.65) !important;
  font-weight: 600 !important;
  transition: all var(--flf-transition-fast, 0.15s) !important;
}

p a:hover,
li:not([class*="menu-item"]):not([class*="product"]):not([class*="nav"]):not([class*="cat"]):not([class*="widget"]):not([class*="filter"]):not([class*="page"]):not([class*="pagination"]) > a:not(.flf-btn):not(.button):not([class*="badge"]):not([class*="flf-cat-link"]):not([class*="page-numbers"]):hover,
.flf-content a:not(.flf-btn):not(.button):not([class*="badge"]):hover,
.flf-prose a:not(.flf-btn):not(.button):not([class*="badge"]):hover,
.entry-content a:not(.button):not(.flf-btn):not([class*="badge"]):hover,
.page-content a:not(.button):not(.flf-btn):not([class*="badge"]):hover,
.post-content a:not(.button):not(.flf-btn):not([class*="badge"]):hover,
.flf-text-content a:not(.flf-btn):not(.button):not([class*="badge"]):hover,
.woocommerce-product-details__short-description a:hover,
.woocommerce-Tabs-panel a:not(.button):not(.flf-btn):hover,
#tab-description a:hover,
#tab-additional_information a:hover,
.product_meta a:hover,
.woocommerce-MyAccount-content p a:hover,
.woocommerce-MyAccount-content li a:not(.button):hover,
.woocommerce-MyAccount-content td a:not(.button):hover,
.woocommerce-info a:not(.button):hover,
.woocommerce-message a:not(.button):hover,
.woocommerce-error a:not(.button):hover,
.woocommerce-notice a:not(.button):hover,
.woocommerce-privacy-policy-text a:hover,
.woocommerce-terms-and-conditions-link:hover,
.woocommerce-form-login-toggle a:hover,
.woocommerce-form-coupon-toggle a:hover,
.comment-content a:hover {
  color: var(--flf-link-hover, #0369a1) !important;
  text-decoration-color: var(--flf-link-hover, #0369a1) !important;
  text-decoration-thickness: 2px !important;
}

/* Links inside dark surfaces (Hero, Banners, Store Notice, Dark Sections) */
.flf-dark p a,
.flf-dark-section p a,
.woocommerce-store-notice a:not(.woocommerce-store-notice__dismiss-link),
p.demo_store a:not(.woocommerce-store-notice__dismiss-link),
.flf-topbar-ticker a {
  color: var(--flf-link-dark-color, #00d2ff) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 3px !important;
  text-decoration-color: rgba(0, 210, 255, 0.7) !important;
  font-weight: 600 !important;
}

.flf-dark p a:hover,
.flf-dark-section p a:hover,
.woocommerce-store-notice a:not(.woocommerce-store-notice__dismiss-link):hover,
p.demo_store a:not(.woocommerce-store-notice__dismiss-link):hover,
.flf-topbar-ticker a:hover {
  color: var(--flf-link-dark-hover, #38bdf8) !important;
  text-decoration-color: var(--flf-link-dark-hover, #38bdf8) !important;
  text-decoration-thickness: 2px !important;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

ul, ol {
  list-style: none;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--flf-font-heading);
  color: var(--flf-text-light-primary);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

h1 { font-size: clamp(1.8rem, 3.5vw, 2.75rem); }
h2 { font-size: clamp(1.4rem, 2.5vw, 2rem); }
h3 { font-size: clamp(1.15rem, 1.8vw, 1.45rem); }
h4 { font-size: 1.1rem; }
h5 { font-size: 0.95rem; }
h6 { font-size: 0.85rem; }

code, pre {
  font-family: var(--flf-font-mono);
  background: rgba(0, 0, 0, 0.05);
  padding: 0.2em 0.4em;
  border-radius: var(--flf-radius-sm);
  font-size: 0.88em;
}

/* Layout Containers */
.flf-container {
  width: 100%;
  max-width: var(--flf-container-max, 1440px);
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

.flf-container-narrow {
  max-width: 900px;
}

.flf-section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.flf-text-center { text-align: center; }
.flf-w-100 { width: 100% !important; }
.flf-color-cyan { color: var(--flf-primary) !important; }
.flf-color-red { color: var(--flf-accent) !important; }

/* Buttons & CTAs */
.flf-btn-primary,
.flf-btn-secondary,
.flf-btn-ghost,
.flf-btn-card {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  font-family: var(--flf-font-heading);
  font-size: 0.88rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-radius: var(--flf-radius-sm);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all var(--flf-transition-fast);
  text-align: center;
  user-select: none;
}

.flf-btn-primary {
  background: var(--flf-primary);
  color: #06090e;
  box-shadow: 0 4px 14px var(--flf-primary-glow);
}
.flf-btn-primary:hover {
  background: var(--flf-primary-hover);
  box-shadow: 0 6px 20px rgba(0, 210, 255, 0.45);
  transform: translateY(-1px);
}

.flf-btn-secondary {
  background: var(--flf-bg-surface-dark);
  color: #ffffff;
  border-color: var(--flf-border-dark);
}
.flf-btn-secondary:hover {
  background: #253347;
  color: var(--flf-primary);
  border-color: var(--flf-primary);
  transform: translateY(-1px);
}

.flf-btn-ghost {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.25);
}
.flf-btn-ghost:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #ffffff;
}

.flf-btn-lg {
  padding: 14px 28px;
  font-size: 0.95rem;
}

.flf-btn-sm {
  padding: 8px 16px;
  font-size: 0.8rem;
}

.flf-btn-tiny {
  display: inline-block;
  padding: 4px 10px;
  font-size: 0.75rem;
  font-family: var(--flf-font-heading);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--flf-primary);
  border: 1px solid var(--flf-border-dark);
  background: var(--flf-bg-surface-dark);
  border-radius: var(--flf-radius-sm);
  transition: all var(--flf-transition-fast);
}
.flf-btn-tiny:hover {
  background: var(--flf-primary);
  color: #06090e;
  border-color: var(--flf-primary);
}

/* Badges */
.flf-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-family: var(--flf-font-heading);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border-radius: var(--flf-radius-sm);
  line-height: 1.2;
}

.flf-badge-billet {
  background: #1e293b;
  color: var(--flf-primary);
  border: 1px solid rgba(0, 210, 255, 0.3);
}

.flf-badge-sale {
  background: var(--flf-accent);
  color: #ffffff;
  box-shadow: 0 2px 8px var(--flf-accent-glow);
}

.flf-badge-featured {
  background: #f59e0b;
  color: #0b0f17;
}

.flf-badge-ptfe {
  background: #0ea5e9;
  color: #ffffff;
}

.flf-badge-kit {
  background: #8b5cf6;
  color: #ffffff;
}

/* Stock Status Indicators */
.flf-stock-indicator {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.82rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: var(--flf-radius-full);
}

.flf-stock-indicator.in-stock {
  background: rgba(16, 185, 129, 0.12);
  color: #059669;
  border: 1px solid rgba(16, 185, 129, 0.25);
}

.flf-stock-indicator.low-stock {
  background: rgba(245, 158, 11, 0.12);
  color: #d97706;
  border: 1px solid rgba(245, 158, 11, 0.25);
}

.flf-stock-indicator.out-of-stock {
  background: rgba(239, 68, 68, 0.12);
  color: #dc2626;
  border: 1px solid rgba(239, 68, 68, 0.25);
}

.flf-stock-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: currentColor;
}

.flf-stock-dot.pulse {
  animation: flfPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes flfPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(1.3); }
}

/* Arrow Link */
.flf-link-arrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--flf-font-heading);
  font-weight: 700;
  font-size: 0.85rem;
  color: var(--flf-text-light-primary);
  text-transform: uppercase;
}
.flf-link-arrow:hover {
  color: var(--flf-primary);
  gap: 9px;
}

/* Suppress legacy WordPress blog widgets */
#sidebar,
#sidebar .linkcat,
.widget_pages,
.widget_archive,
.widget_meta,
.widget_calendar,
.flf-sidebar-widgets {
  display: none !important;
}

/* ==========================================================================
   FLF MOTORSPORT THEME - ACCESSIBILITY TOOLBAR & SAFEGUARDS (WCAG 2.1 AA)
   ========================================================================== */

/* 1. Global Accessibility Modifier Classes */
html.flf-a11y-font-large {
  font-size: 18px !important;
}

html.flf-a11y-font-xlarge {
  font-size: 20px !important;
}

html.flf-a11y-high-contrast {
  --flf-border-light: #000000 !important;
  --flf-border-dark: #ffffff !important;
  --flf-text-light-secondary: #000000 !important;
  --flf-text-light-muted: #1e293b !important;
}

html.flf-a11y-high-contrast body {
  color: #000000 !important;
}

html.flf-a11y-high-contrast button,
html.flf-a11y-high-contrast input,
html.flf-a11y-high-contrast select,
html.flf-a11y-high-contrast .flf-product-card,
html.flf-a11y-high-contrast .flf-filter-block,
html.flf-a11y-high-contrast .flf-pdp-layout {
  border-width: 2px !important;
  border-color: #000000 !important;
}

html.flf-a11y-high-contrast :focus-visible {
  outline: 3px solid #ffcc00 !important;
  outline-offset: 3px !important;
}

html.flf-a11y-underline-links a:not(.flf-btn):not(.button):not(.single_add_to_cart_button) {
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

html.flf-a11y-legible-font,
html.flf-a11y-legible-font * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  letter-spacing: 0.02em !important;
}

html.flf-a11y-pause-animations *,
html.flf-a11y-pause-animations *::before,
html.flf-a11y-pause-animations *::after {
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.001ms !important;
}

/* 2. Floating Accessibility Toolbar Launcher */
.flf-a11y-widget {
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index: 99990;
}

.flf-a11y-trigger {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #0f172a;
  border: 2px solid var(--flf-primary, #00d2ff);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 0 12px var(--flf-primary-glow, rgba(0, 210, 255, 0.4));
  transition: all var(--flf-transition-fast, 0.2s);
}

.flf-a11y-trigger:hover,
.flf-a11y-trigger:focus-visible {
  background: var(--flf-primary, #00d2ff);
  color: #06090e;
  transform: scale(1.08);
  box-shadow: 0 6px 20px rgba(0, 210, 255, 0.6);
}

/* 3. Accessibility Controls Flyout Panel */
.flf-a11y-panel {
  position: fixed;
  bottom: 84px;
  left: 24px;
  width: 330px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  background: #0f172a;
  border: 1px solid #263449;
  border-radius: var(--flf-radius-sm, 8px);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 210, 255, 0.2);
  z-index: 99995;
  box-sizing: border-box;
}

.flf-a11y-panel[hidden] {
  display: none !important;
}

.flf-a11y-panel.is-open {
  display: block !important;
  animation: flfA11ySlideUp 0.2s ease;
}

@keyframes flfA11ySlideUp {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

.flf-a11y-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  background: #06090e;
  border-bottom: 1px solid #1a2232;
}

.flf-a11y-header-title-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.flf-a11y-panel .flf-a11y-title {
  margin: 0 !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
}

.flf-a11y-close {
  background: none;
  border: none;
  color: #94a3b8;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all var(--flf-transition-fast);
}

.flf-a11y-close:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}

.flf-a11y-panel-body {
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.flf-a11y-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.flf-a11y-group-label {
  font-family: var(--flf-font-heading);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #94a3b8;
}

.flf-a11y-btn-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.flf-a11y-scale-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 4px;
  background: #1a2232;
  border: 1px solid #263449;
  border-radius: 6px;
  color: #f8fafc;
  cursor: pointer;
  transition: all var(--flf-transition-fast);
}

.flf-a11y-scale-preview {
  font-weight: 800;
  line-height: 1.2;
}

.flf-a11y-scale-text {
  font-size: 0.7rem;
  color: #94a3b8;
  margin-top: 2px;
}

.flf-a11y-scale-btn:hover {
  border-color: var(--flf-primary, #00d2ff);
  background: #242f44;
}

.flf-a11y-scale-btn.is-active {
  background: rgba(0, 210, 255, 0.15);
  border-color: var(--flf-primary, #00d2ff);
  box-shadow: 0 0 10px var(--flf-primary-glow);
}

.flf-a11y-scale-btn.is-active .flf-a11y-scale-preview,
.flf-a11y-scale-btn.is-active .flf-a11y-scale-text {
  color: var(--flf-primary, #00d2ff);
  font-weight: 800;
}

.flf-a11y-toggles-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.flf-a11y-toggle-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  background: #1a2232;
  border: 1px solid #263449;
  border-radius: 6px;
  color: #f8fafc;
  text-align: left;
  cursor: pointer;
  transition: all var(--flf-transition-fast);
  width: 100%;
  box-sizing: border-box;
}

.flf-a11y-toggle-row:hover {
  background: #242f44;
  border-color: #3b4e6b;
}

.flf-a11y-toggle-row.is-active {
  background: rgba(0, 210, 255, 0.12);
  border-color: var(--flf-primary, #00d2ff);
}

.flf-a11y-toggle-icon {
  flex-shrink: 0;
  color: var(--flf-primary, #00d2ff);
}

.flf-a11y-toggle-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.flf-a11y-toggle-info strong {
  font-size: 0.82rem;
  font-family: var(--flf-font-heading);
  font-weight: 700;
  color: #f8fafc;
  line-height: 1.25;
}

.flf-a11y-toggle-info small {
  font-size: 0.68rem;
  color: #94a3b8;
  line-height: 1.25;
}

.flf-a11y-toggle-switch {
  width: 32px;
  height: 18px;
  background: #334155;
  border-radius: 10px;
  position: relative;
  transition: background var(--flf-transition-fast);
  flex-shrink: 0;
}

.flf-a11y-toggle-switch::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  background: #ffffff;
  border-radius: 50%;
  transition: transform var(--flf-transition-fast);
}

.flf-a11y-toggle-row.is-active .flf-a11y-toggle-switch {
  background: var(--flf-primary, #00d2ff);
}

.flf-a11y-toggle-row.is-active .flf-a11y-toggle-switch::after {
  transform: translateX(14px);
  background: #06090e;
}

.flf-a11y-panel-footer {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 10px;
  border-top: 1px solid #1a2232;
  text-align: center;
}

.flf-a11y-reset-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 8px 12px;
  background: transparent;
  border: 1px dashed #475569;
  border-radius: 6px;
  color: #94a3b8;
  font-family: var(--flf-font-heading);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  cursor: pointer;
  transition: all var(--flf-transition-fast);
}

.flf-a11y-reset-btn:hover {
  background: rgba(239, 68, 68, 0.1);
  border-color: #ef4444;
  color: #f87171;
}

.flf-a11y-statement-link {
  font-size: 0.75rem;
  color: var(--flf-primary, #00d2ff);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--flf-transition-fast);
}

.flf-a11y-statement-link:hover {
  text-decoration: underline;
  color: #38bdf8;
}

/* 4. Footer Legal / Accessibility Link */
.flf-footer-legal {
  display: flex;
  align-items: center;
}

.flf-footer-legal-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #94a3b8;
  font-size: 0.8rem;
  text-decoration: none;
  transition: color var(--flf-transition-fast);
}

.flf-footer-legal-link:hover {
  color: var(--flf-primary, #00d2ff);
}

/* 5. Accessibility Statement Page Styles */
.flf-a11y-statement-page {
  padding: 30px 0 80px;
  background: var(--flf-bg-light, #f1f5f9);
}

.flf-a11y-article {
  background: #ffffff;
  border: 1px solid var(--flf-border-light, #e2e8f0);
  border-radius: var(--flf-radius-sm, 8px);
  padding: 40px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.flf-a11y-header {
  margin-bottom: 30px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e2e8f0;
}

.flf-a11y-badge-group {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.flf-badge-verified {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  background: rgba(16, 185, 129, 0.1);
  color: #047857;
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 4px;
  font-size: 0.72rem;
  font-weight: 800;
  font-family: var(--flf-font-heading);
  letter-spacing: 0.04em;
}

.flf-a11y-statement-hero .flf-a11y-title,
.flf-a11y-page .flf-a11y-title {
  font-family: var(--flf-font-heading);
  font-size: clamp(2rem, 3.5vw, 2.75rem);
  font-weight: 800;
  color: #0f172a;
  text-transform: uppercase;
  margin: 0 0 12px 0;
  line-height: 1.15;
}

.flf-a11y-subtitle {
  font-size: 1.1rem;
  line-height: 1.6;
  color: #475569;
  max-width: 850px;
  margin: 0 0 16px 0;
}

.flf-a11y-meta-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.85rem;
  color: #64748b;
  flex-wrap: wrap;
}

.flf-dot-sep {
  color: #cbd5e1;
}

.flf-a11y-highlights-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}

.flf-a11y-highlight-card {
  padding: 24px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: var(--flf-radius-sm, 6px);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.flf-a11y-card-icon {
  color: var(--flf-primary-light-surface, #0284c7);
  margin-bottom: 6px;
}

.flf-a11y-highlight-card h3 {
  font-family: var(--flf-font-heading);
  font-size: 1rem;
  font-weight: 800;
  color: #0f172a;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.25;
}

.flf-a11y-highlight-card p {
  font-size: 0.88rem;
  line-height: 1.55;
  color: #475569;
  margin: 0;
}

.flf-a11y-content {
  color: #334155;
  font-size: 0.98rem;
  line-height: 1.8;
}

.flf-a11y-content h2 {
  font-family: var(--flf-font-heading);
  font-size: 1.35rem;
  font-weight: 800;
  color: #0f172a;
  text-transform: uppercase;
  margin: 36px 0 14px 0;
  letter-spacing: 0.02em;
}

.flf-a11y-content ul {
  padding-left: 24px;
  margin: 12px 0 20px;
}

.flf-a11y-content li {
  margin-bottom: 8px;
}

.flf-a11y-contact-card {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 24px 0;
  padding: 24px;
  background: #f8fafc;
  border: 1.5px solid #cbd5e1;
  border-radius: var(--flf-radius-sm, 8px);
}

.flf-a11y-contact-col {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.flf-a11y-contact-icon {
  color: #0284c7;
  padding: 8px;
  background: rgba(2, 132, 199, 0.1);
  border-radius: 6px;
  flex-shrink: 0;
}

.flf-a11y-contact-col strong {
  font-family: var(--flf-font-heading);
  font-size: 0.9rem;
  text-transform: uppercase;
  color: #0f172a;
}

.flf-a11y-contact-col p {
  margin: 2px 0;
  font-size: 1.1rem;
  font-weight: 700;
}

.flf-a11y-contact-col p a {
  color: #0284c7;
  text-decoration: none;
}

.flf-a11y-contact-col p a:hover {
  text-decoration: underline;
}

.flf-a11y-contact-col small {
  color: #64748b;
  font-size: 0.78rem;
}

.flf-a11y-note {
  font-size: 0.9rem;
  color: #64748b;
  margin-top: 14px;
}

.flf-a11y-divider {
  border: 0;
  border-top: 1px solid #e2e8f0;
  margin: 32px 0;
}

@media (max-width: 960px) {
  .flf-a11y-highlights-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .flf-a11y-article {
    padding: 24px 18px;
  }
  .flf-a11y-highlights-grid {
    grid-template-columns: 1fr;
  }
  .flf-a11y-contact-card {
    grid-template-columns: 1fr;
    padding: 16px;
  }
  .flf-a11y-widget {
    bottom: 16px;
    left: 16px;
  }
  .flf-a11y-panel {
    bottom: 72px;
    left: 12px;
    width: calc(100vw - 24px);
  }
}

/* Hide floating Google reCAPTCHA v3 badge in corner (branding covered in flow) */
.grecaptcha-badge {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}




/* === FILE: ds-flf-theme/assets/css/flf-header.css === */

/* ==========================================================================
   FLF MOTORSPORT THEME - HEADER & NAVIGATION STYLES
   ========================================================================== */

/* Top Announcement & Utility Bar */
.flf-topbar {
  position: relative;
  z-index: 105;
  background: #06090e;
  border-bottom: 1px solid #1a2232;
  color: #94a3b8;
  font-size: 0.78rem;
  min-height: var(--flf-topbar-height);
  display: flex;
  align-items: center;
}

.flf-topbar:hover,
.flf-topbar:focus-within {
  z-index: 1005;
}

.flf-topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.flf-topbar-ticker {
  display: flex;
  align-items: center;
  gap: 8px;
}

.flf-ticker-badge {
  background: var(--flf-accent);
  color: #ffffff;
  padding: 2px 7px;
  border-radius: var(--flf-radius-sm);
  font-family: var(--flf-font-heading);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.flf-ticker-text {
  font-weight: 600;
  color: #e2e8f0;
  letter-spacing: 0.02em;
}

.flf-topbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
  gap: 16px;
  flex: 1 1 auto;
}

/* Secondary Menu Navigation in Topbar (Right-Justified) */
.flf-topbar-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
  width: 100%;
}

.flf-topbar-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  list-style: none;
  margin: 0 0 0 auto;
  padding: 0;
  flex-wrap: wrap;
  text-align: right;
}

.flf-topbar-menu > li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-flex;
  align-items: center;
}

.flf-topbar-menu > li > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #94a3b8;
  font-family: var(--flf-font-body);
  font-size: 0.78rem;
  font-weight: 600;
  text-decoration: none;
  transition: color var(--flf-transition-fast);
  padding: 4px 0;
  white-space: nowrap;
}

.flf-topbar-menu > li > a:hover,
.flf-topbar-menu > li.current-menu-item > a {
  color: #00d2ff;
}

/* Highlighted items in secondary menu (user-defined via Customizer or CSS classes like "highlight" / "badge") */
.flf-topbar-menu > li.flf-menu-highlight > a,
.flf-topbar-menu > li.flf-highlight > a,
.flf-topbar-menu > li.highlight > a,
.flf-topbar-menu > li.flf-badge > a,
.flf-topbar-menu > li.badge > a {
  background: var(--flf-topbar-highlight-bg, rgba(245, 158, 11, 0.15));
  color: var(--flf-topbar-highlight-color, #fbbf24);
  border: 1px solid var(--flf-topbar-highlight-border, rgba(245, 158, 11, 0.4));
  padding: 3px 8px;
  border-radius: var(--flf-radius-sm);
  font-family: var(--flf-font-heading);
  font-weight: 700;
  font-size: 0.72rem;
  text-transform: uppercase;
  transition: all var(--flf-transition-fast);
}
.flf-topbar-menu > li.flf-menu-highlight > a:hover,
.flf-topbar-menu > li.flf-highlight > a:hover,
.flf-topbar-menu > li.highlight > a:hover,
.flf-topbar-menu > li.flf-badge > a:hover,
.flf-topbar-menu > li.badge > a:hover {
  background: var(--flf-topbar-highlight-hover-bg, #fbbf24);
  color: var(--flf-topbar-highlight-hover-color, #0b0f17);
  border-color: var(--flf-topbar-highlight-hover-bg, #fbbf24);
}

/* Phone links in secondary menu */
.flf-topbar-menu > li a[href^="tel:"] {
  font-weight: 700;
  color: #ffffff;
}
.flf-topbar-menu > li a[href^="tel:"]:hover {
  color: #00d2ff;
}

/* Submenu dropdown if nested */
.flf-topbar-menu .sub-menu {
  position: absolute;
  top: 100%;
  right: 0;
  background: #0f1522;
  border: 1px solid #1a2232;
  border-radius: 6px;
  padding: 8px 0;
  min-width: 170px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.65), 0 0 15px rgba(0, 210, 255, 0.08), 0 0 0 1px rgba(26, 34, 50, 0.8);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: all var(--flf-transition-fast);
  z-index: 1010;
  list-style: none;
  margin: 0;
}

/* Hover bridge to prevent drop-off between trigger and dropdown */
.flf-topbar-menu .sub-menu::before {
  content: '';
  position: absolute;
  top: -8px;
  left: 0;
  right: 0;
  height: 8px;
}

.flf-topbar-menu > li:hover > .sub-menu,
.flf-topbar-menu > li:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.flf-topbar-menu .sub-menu li {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.flf-topbar-menu .sub-menu li a {
  display: block;
  padding: 7px 16px;
  color: #94a3b8;
  font-size: 0.78rem;
  font-weight: 500;
  text-decoration: none;
  text-align: left;
  transition: all var(--flf-transition-fast);
  white-space: nowrap;
}

.flf-topbar-menu .sub-menu li a:hover,
.flf-topbar-menu .sub-menu li a:focus {
  color: #00d2ff;
  background: rgba(0, 210, 255, 0.08);
}

/* Multi-level flyouts for 3rd level submenus */
.flf-topbar-menu .sub-menu li > ul.sub-menu {
  top: 0;
  right: 100%;
  left: auto;
  transform: translateX(-6px);
}

.flf-topbar-menu .sub-menu li:hover > ul.sub-menu,
.flf-topbar-menu .sub-menu li:focus-within > ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.flf-topbar-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #94a3b8;
  transition: color var(--flf-transition-fast);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.flf-topbar-link:hover {
  color: var(--flf-primary);
}

.flf-phone-link {
  font-weight: 700;
  color: #ffffff;
}

.flf-topbar-badge {
  padding: 3px 8px;
  border-radius: var(--flf-radius-sm);
  font-family: var(--flf-font-heading);
  font-weight: 700;
  font-size: 0.72rem;
  text-transform: uppercase;
}

.flf-dealer-badge {
  background: var(--flf-topbar-highlight-bg, rgba(245, 158, 11, 0.15));
  color: var(--flf-topbar-highlight-color, #fbbf24);
  border: 1px solid var(--flf-topbar-highlight-border, rgba(245, 158, 11, 0.4));
  transition: all var(--flf-transition-fast);
}
.flf-dealer-badge:hover {
  background: var(--flf-topbar-highlight-hover-bg, #fbbf24);
  color: var(--flf-topbar-highlight-hover-color, #0b0f17);
  border-color: var(--flf-topbar-highlight-hover-bg, #fbbf24);
}

/* Announcement Link */
.flf-announcement-link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color var(--flf-transition-fast);
}
.flf-announcement-link:hover {
  color: #00d2ff;
}

/* Admin Quick Edit Shortcut Pill */
.flf-topbar-edit-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(0, 210, 255, 0.12);
  color: #00d2ff;
  border: 1px solid rgba(0, 210, 255, 0.35);
  border-radius: 4px;
  padding: 1px 6px;
  font-family: var(--flf-font-heading);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all var(--flf-transition-fast);
  margin-left: 8px;
  vertical-align: middle;
}
.flf-topbar-edit-pill:hover {
  background: #00d2ff;
  color: #06090e;
  border-color: #00d2ff;
  box-shadow: 0 0 8px rgba(0, 210, 255, 0.4);
}
.flf-topbar-edit-pill .dashicons {
  font-size: 11px;
  width: 11px;
  height: 11px;
  line-height: 1;
}

/* Main Motorsport Header */
.flf-header {
  background: var(--flf-bg-dark);
  border-bottom: 1px solid var(--flf-border-dark);
  position: sticky;
  top: 0;
  z-index: 100;
}

.flf-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: max(var(--flf-header-height, 84px), calc(var(--flf-logo-height, 42px) + 24px));
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Brand Logo & Custom Logo Constraints */
.flf-header-brand {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: auto;
  max-height: none;
}

.flf-brand-logo,
.custom-logo-link {
  display: inline-flex;
  align-items: center;
  height: auto;
  max-height: none;
  line-height: 1;
}

.flf-header-brand img,
.custom-logo,
.custom-logo-link img,
.flf-brand-svg {
  height: auto;
  max-height: var(--flf-logo-height, 42px);
  width: auto;
  max-width: var(--flf-logo-width, 220px);
  object-fit: contain;
  display: block;
}

.flf-logo-mark {
  display: inline-flex;
  align-items: baseline;
  position: relative;
}

.flf-logo-letters {
  font-family: var(--flf-font-heading);
  font-size: 2.2rem;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: -0.04em;
  font-style: italic;
  text-shadow: 0 0 15px rgba(0, 210, 255, 0.4);
}

.flf-logo-accent {
  width: 8px;
  height: 8px;
  background: var(--flf-primary);
  margin-left: 3px;
  transform: skewX(-15deg);
  box-shadow: 0 0 10px var(--flf-primary);
}

.flf-logo-subtext {
  font-family: var(--flf-font-heading);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.28em;
  color: var(--flf-primary);
  text-transform: uppercase;
  margin-top: 2px;
}

/* Hamburger button (Mobile) */
.flf-hamburger-btn {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  flex-direction: column;
  gap: 5px;
}
.flf-hamburger-line {
  width: 24px;
  height: 2px;
  background-color: #ffffff;
  border-radius: 2px;
  transition: all var(--flf-transition-fast);
}

/* Header Search Plugin Area (Optional plugin output) */
.flf-header-search-plugin {
  flex: 1;
  max-width: 620px;
  position: relative;
}

/* Header Action Buttons */
.flf-header-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

.flf-action-icon {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #e2e8f0;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 8px 12px;
  border-radius: var(--flf-radius-sm);
  transition: all var(--flf-transition-fast);
}
.flf-action-icon:hover {
  color: var(--flf-primary);
  background: rgba(255, 255, 255, 0.04);
}

.flf-cart-trigger {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #141b27;
  border: 1px solid var(--flf-border-dark);
  padding: 8px 14px;
  border-radius: var(--flf-radius-sm);
  cursor: pointer;
  text-decoration: none !important;
  color: inherit !important;
  transition: all var(--flf-transition-fast);
}
.flf-cart-trigger:hover {
  border-color: var(--flf-primary);
  background: #1a2333;
  text-decoration: none !important;
  color: inherit !important;
}

@keyframes flfCartBump {
  0% { transform: scale(1); }
  50% { transform: scale(1.35); }
  100% { transform: scale(1); }
}

.flf-cart-count.flf-cart-bump {
  animation: flfCartBump 0.4s ease;
}

.flf-cart-icon-wrap {
  position: relative;
  color: var(--flf-primary);
}

.flf-cart-count {
  position: absolute;
  top: -8px;
  right: -10px;
  background: var(--flf-accent);
  color: #ffffff;
  font-family: var(--flf-font-heading);
  font-size: 0.7rem;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: var(--flf-radius-full);
  min-width: 18px;
  text-align: center;
}

.flf-cart-info {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  text-align: left;
}

.flf-cart-label {
  font-family: var(--flf-font-heading);
  font-size: 0.68rem;
  color: #94a3b8;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.flf-cart-subtotal {
  font-family: var(--flf-font-heading);
  font-size: 0.92rem;
  color: #ffffff;
  font-weight: 700;
}

/* Category Navigation Bar & Motorsport Dropdowns */
.flf-category-nav {
  background: #0d121c;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  position: relative;
  z-index: 95;
}

.flf-catnav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flf-catnav-list-wrapper {
  flex: 1;
  position: relative;
}

.flf-catnav-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 2px;
}

/* Top Level Menu Items */
.flf-catnav-list > li,
.flf-catnav-list > .menu-item,
.flf-catnav-list > .flf-nav-item {
  position: relative;
  list-style: none;
}

.flf-catnav-list > li > a,
.flf-catnav-list > .menu-item > a,
.flf-catnav-list > .flf-nav-item > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 12px 14px;
  font-family: var(--flf-font-heading);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #cbd5e1;
  text-transform: uppercase;
  transition: all var(--flf-transition-fast);
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}

.flf-catnav-list > li:hover > a,
.flf-catnav-list > .menu-item:hover > a,
.flf-catnav-list > .flf-nav-item:hover > a {
  color: #ffffff;
  background: rgba(0, 210, 255, 0.08);
  border-bottom-color: var(--flf-primary);
}

/* Dropdown Chevron Arrow for items with children */
.flf-catnav-list > .menu-item-has-children > a::after {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-right: 2px solid #64748b;
  border-bottom: 2px solid #64748b;
  transform: rotate(45deg);
  margin-left: 3px;
  margin-bottom: 3px;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.flf-catnav-list > .menu-item-has-children:hover > a::after {
  transform: rotate(-135deg);
  border-color: var(--flf-primary);
}

/* Sub-Menu Dropdown Panel (Hidden by Default!) */
.flf-catnav-list ul.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 250px;
  background: #111724;
  border: 1px solid var(--flf-border-dark);
  border-radius: 0 0 var(--flf-radius-sm) var(--flf-radius-sm);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.65), 0 0 15px rgba(0, 210, 255, 0.12);
  padding: 10px 8px;
  margin: 0;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.2s;
  z-index: 1000;
}

/* Large Sub-Menus (e.g. Adapters with 10+ items) automatically become 2-column mega dropdowns! */
.flf-catnav-list > .menu-item-has-children:has(> ul.sub-menu > li:nth-child(8)) > ul.sub-menu {
  min-width: 480px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  padding: 12px;
}

/* Reveal Dropdown on Hover & Focus */
.flf-catnav-list li:hover > ul.sub-menu,
.flf-catnav-list li:focus-within > ul.sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

/* Dropdown Sub-Items */
.flf-catnav-list ul.sub-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.flf-catnav-list ul.sub-menu li a {
  display: flex;
  align-items: center;
  padding: 8px 14px;
  font-size: 0.8rem;
  font-family: var(--flf-font-body);
  font-weight: 600;
  color: #94a3b8;
  transition: all 0.15s ease;
  border-radius: var(--flf-radius-sm);
  white-space: normal;
  line-height: 1.35;
  border-bottom: none;
}

.flf-catnav-list ul.sub-menu li a:hover {
  background: #182335;
  color: var(--flf-primary);
  padding-left: 18px;
}

/* 3rd Level Nested Dropdown */
.flf-catnav-list ul.sub-menu li.menu-item-has-children > ul.sub-menu {
  top: 0;
  left: 100%;
  transform: translateX(8px);
}
.flf-catnav-list ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu {
  transform: translateX(0);
}



/* Slide-out Cart Drawer (Disabled in favor of direct cart page navigation) */
.flf-cart-drawer {
  display: none !important;
}

/* Body Scroll Lock when Drawer is Open */
html.flf-drawer-open,
body.flf-drawer-open {
  overflow: hidden !important;
  height: 100% !important;
  touch-action: none !important;
}

/* Mobile Off-canvas Drawer Container */
.flf-mobile-drawer {
  position: fixed;
  inset: 0;
  z-index: 99990;
  visibility: hidden;
  pointer-events: none;
  transition: visibility var(--flf-transition-normal);
  overflow: hidden;
  touch-action: none;
}

/* WordPress Admin Bar Compatibility - Prevent Admin Bar from Overlapping Drawer Header */
body.admin-bar .flf-mobile-drawer {
  top: 32px !important;
  height: calc(100% - 32px) !important;
  height: calc(100vh - 32px) !important;
  height: calc(100dvh - 32px) !important;
}

@media (max-width: 782px) {
  body.admin-bar .flf-mobile-drawer {
    top: 46px !important;
    height: calc(100% - 46px) !important;
    height: calc(100vh - 46px) !important;
    height: calc(100dvh - 46px) !important;
  }
}

.flf-mobile-drawer.active {
  visibility: visible;
  pointer-events: auto;
}

/* Backdrop */
.flf-mobile-drawer .flf-drawer-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(6, 9, 14, 0.85);
  backdrop-filter: blur(6px);
  opacity: 0;
  transition: opacity var(--flf-transition-normal);
  touch-action: none;
}

.flf-mobile-drawer.active .flf-drawer-backdrop {
  opacity: 1;
}

/* Drawer Panel */
.flf-mobile-drawer .flf-drawer-panel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 88%;
  max-width: 360px;
  height: 100%;
  max-height: 100vh;
  max-height: 100dvh;
  background: #090e17;
  border-right: 1px solid var(--flf-border-dark);
  box-shadow: 12px 0 40px rgba(0, 0, 0, 0.75);
  display: flex;
  flex-direction: column;
  transform: translateX(-100%);
  transition: transform var(--flf-transition-normal);
  overflow: hidden;
  touch-action: pan-y;
  z-index: 2;
}

.flf-mobile-drawer.active .flf-drawer-panel {
  transform: translateX(0);
}

/* Drawer Header */
.flf-drawer-header {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  background: #06090f;
  border-bottom: 1px solid var(--flf-border-dark);
  gap: 12px;
}

.flf-drawer-brand {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  pointer-events: none !important;
  cursor: default !important;
  user-select: none !important;
}

.flf-drawer-brand .flf-brand-logo,
.flf-drawer-brand .custom-logo-link {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  pointer-events: none !important;
  cursor: default !important;
  user-select: none !important;
  text-decoration: none !important;
}

.flf-drawer-brand img,
.flf-drawer-brand .custom-logo,
.flf-drawer-brand .custom-logo-link img,
.flf-drawer-brand .flf-brand-svg {
  height: auto;
  max-height: 34px;
  width: auto;
  max-width: 175px;
  display: block;
  object-fit: contain;
}

.flf-drawer-brand .flf-logo-letters {
  font-family: var(--flf-font-heading);
  font-size: 1.55rem;
  font-weight: 800;
  font-style: italic;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.flf-drawer-tagline {
  font-family: var(--flf-font-heading);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--flf-primary, #00d2ff);
  text-transform: uppercase;
}

.flf-drawer-close {
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dc2626; /* Motorsport Red */
  border: 1px solid #ef4444;
  border-radius: 8px;
  color: #ffffff;
  cursor: pointer;
  line-height: 1;
  box-shadow: 0 2px 10px rgba(220, 38, 38, 0.4);
  transition: all var(--flf-transition-fast);
  flex-shrink: 0;
}

.flf-drawer-close:hover {
  background: #ef4444;
  border-color: #f87171;
  color: #ffffff;
  transform: scale(1.05);
  box-shadow: 0 4px 14px rgba(239, 68, 68, 0.6);
}

.flf-drawer-close:active {
  transform: scale(0.96);
}

.flf-drawer-close svg {
  display: block;
  width: 20px;
  height: 20px;
  stroke: #ffffff;
  pointer-events: none;
}

/* Scrollable Drawer Body - Full Height Smooth Touch Scrolling */
.flf-drawer-scrollable {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
  padding: 0 0 20px 0;
}

.flf-drawer-scrollable::-webkit-scrollbar {
  width: 5px;
}
.flf-drawer-scrollable::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02);
}
.flf-drawer-scrollable::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}

/* Common Section Divider */
.flf-mobile-section {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* ------------------------------------------
   1. Handheld Menu Section
------------------------------------------- */
.flf-mobile-handheld-nav .flf-mobile-menu {
  list-style: none;
  margin: 0;
  padding: 8px 0;
}

.flf-mobile-handheld-nav .flf-mobile-menu li {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.flf-mobile-handheld-nav .flf-mobile-menu li a {
  display: block;
  padding: 12px 20px;
  color: #f1f5f9;
  font-family: var(--flf-font-heading);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-decoration: none;
  transition: all var(--flf-transition-fast);
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.flf-mobile-handheld-nav .flf-mobile-menu li a:hover {
  background: rgba(0, 210, 255, 0.08);
  color: var(--flf-primary, #00d2ff);
  padding-left: 24px;
}

.flf-mobile-handheld-nav .flf-mobile-menu ul.sub-menu {
  display: none;
  background: #05080e;
  padding: 4px 0 8px 0;
  list-style: none;
  margin: 0;
}

.flf-mobile-handheld-nav .flf-mobile-menu li.sub-menu-open > ul.sub-menu {
  display: block;
}

.flf-mobile-handheld-nav .flf-mobile-menu ul.sub-menu li a {
  padding: 9px 20px 9px 34px;
  font-size: 0.85rem;
  color: #94a3b8;
  font-family: var(--flf-font-body);
  font-weight: 500;
  border-bottom: 1px solid rgba(255, 255, 255, 0.02);
}

.flf-mobile-handheld-nav .flf-mobile-menu ul.sub-menu li a:hover {
  color: var(--flf-primary, #00d2ff);
  padding-left: 38px;
}

.flf-mobile-submenu-toggle {
  position: absolute;
  top: 9px;
  right: 14px;
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--flf-radius-sm);
  color: #94a3b8;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 1.1rem;
  line-height: 1;
  transition: all var(--flf-transition-fast);
}

.flf-mobile-submenu-toggle:hover {
  color: var(--flf-primary, #00d2ff);
  border-color: var(--flf-primary, #00d2ff);
  background: rgba(0, 210, 255, 0.12);
}

/* ------------------------------------------
   2. Customer Account & Login Area
------------------------------------------- */
.flf-mobile-account-area {
  padding: 14px 18px;
  background: rgba(0, 0, 0, 0.22);
}

.flf-mobile-account-card {
  background: linear-gradient(145deg, #101622, #0a0e16);
  border: 1px solid rgba(0, 210, 255, 0.22);
  border-radius: 12px;
  padding: 14px 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

/* Logged Out */
.flf-mobile-account-card.is-logged-out .flf-account-card-top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.flf-mobile-account-card .flf-account-icon-wrap {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(0, 210, 255, 0.1);
  border: 1px solid rgba(0, 210, 255, 0.25);
  color: var(--flf-primary, #00d2ff);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.flf-mobile-account-card .flf-account-text-wrap {
  display: flex;
  flex-direction: column;
}

.flf-account-card-title {
  font-family: var(--flf-font-heading);
  font-size: 0.92rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.02em;
}

.flf-account-card-desc {
  font-size: 0.72rem;
  color: #94a3b8;
  line-height: 1.3;
  margin-top: 2px;
}

.flf-mobile-login-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 14px;
  background: linear-gradient(135deg, var(--flf-primary, #00d2ff), #0099cc);
  color: #06090e !important;
  font-family: var(--flf-font-heading);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 3px 12px rgba(0, 210, 255, 0.25);
  transition: all var(--flf-transition-fast);
}

.flf-mobile-login-btn:hover {
  background: #ffffff;
  color: #06090e !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0, 210, 255, 0.4);
}

/* Logged In */
.flf-mobile-account-card.is-logged-in {
  background: linear-gradient(145deg, #101622, #0a0e16) !important;
  border: 1px solid rgba(0, 210, 255, 0.22) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
}

.flf-mobile-user-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: transparent !important;
}

.flf-account-avatar {
  flex-shrink: 0;
}

.flf-account-avatar img {
  border-radius: 50% !important;
  border: 2px solid var(--flf-primary, #00d2ff) !important;
  display: block !important;
  width: 38px !important;
  height: 38px !important;
}

.flf-account-user-meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.flf-account-name {
  font-family: var(--flf-font-heading) !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: 0.02em !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.flf-account-user-email {
  font-size: 0.74rem !important;
  color: #94a3b8 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Button Layout - Clean 2-Column Grid with Full-Width Danger Action */
.flf-account-card-links {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.flf-account-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 10px 10px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 6px !important;
  color: #e2e8f0 !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  width: 100% !important;
  transition: all var(--flf-transition-fast) !important;
}

.flf-account-chip span {
  white-space: nowrap !important;
}

.flf-account-chip:hover {
  background: rgba(0, 210, 255, 0.15) !important;
  border-color: var(--flf-primary, #00d2ff) !important;
  color: #ffffff !important;
}

.flf-account-chip.flf-chip-logout {
  grid-column: span 2 !important;
  color: #f87171 !important;
  border-color: rgba(248, 113, 113, 0.25) !important;
  background: rgba(248, 113, 113, 0.08) !important;
  margin: 0 !important;
  padding: 8px 12px !important;
}

.flf-account-chip.flf-chip-logout:hover {
  background: rgba(248, 113, 113, 0.22) !important;
  border-color: #ef4444 !important;
  color: #ffffff !important;
}

/* ------------------------------------------
   3. Product Categories Area (Collapsible Tree)
------------------------------------------- */
.flf-mobile-categories-area {
  padding: 16px 18px 20px;
}

.flf-mobile-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.flf-mobile-section-title {
  font-family: var(--flf-font-heading);
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffffff;
}

.flf-mobile-view-all {
  font-size: 0.74rem;
  font-weight: 700;
  color: var(--flf-primary, #00d2ff);
  text-decoration: none;
  letter-spacing: 0.02em;
}

.flf-mobile-view-all:hover {
  text-decoration: underline;
}

/* Drawer Category Tree Specific Overrides for Dark Contrast */
.flf-mobile-category-tree ul.flf-filter-cat-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.flf-mobile-category-tree li.flf-filter-cat-item,
.flf-mobile-category-tree li.flf-subcat-item {
  list-style: none !important;
  margin: 0 0 3px 0 !important;
  padding: 0 !important;
}

.flf-mobile-category-tree .flf-cat-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 10px !important;
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 8px !important;
  transition: all var(--flf-transition-fast) !important;
}

.flf-mobile-category-tree .flf-cat-row:hover {
  background: rgba(0, 210, 255, 0.06) !important;
  border-color: rgba(0, 210, 255, 0.2) !important;
}

.flf-mobile-category-tree .flf-cat-row.active {
  background: rgba(0, 210, 255, 0.12) !important;
  border-color: var(--flf-primary, #00d2ff) !important;
}

.flf-mobile-category-tree a.flf-cat-link {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-decoration: none !important;
  color: #e2e8f0 !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

.flf-mobile-category-tree a.flf-cat-link:hover {
  color: var(--flf-primary, #00d2ff) !important;
}

.flf-mobile-category-tree .flf-filter-name {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Hide empty categories (0 items) in mobile drawer */
.flf-mobile-category-tree li[data-count="0"] {
  display: none !important;
}

/* Hide category counts on mobile view */
.flf-mobile-category-tree .flf-filter-count,
.flf-mobile-category-tree .count,
.flf-mobile-category-tree .flf-cat-count {
  display: none !important;
}

.flf-mobile-category-tree .flf-subcat-toggle {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #94a3b8 !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  margin-left: 6px !important;
  flex-shrink: 0 !important;
  transition: all var(--flf-transition-fast) !important;
}

.flf-mobile-category-tree .flf-subcat-toggle:hover {
  background: rgba(0, 210, 255, 0.15) !important;
  border-color: var(--flf-primary, #00d2ff) !important;
  color: var(--flf-primary, #00d2ff) !important;
}

.flf-mobile-category-tree .flf-subcat-panel {
  list-style: none !important;
  margin: 4px 0 6px 14px !important;
  padding: 4px 0 4px 10px !important;
  border-left: 2px solid rgba(0, 210, 255, 0.3) !important;
}

.flf-mobile-category-tree ul.flf-subcat-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.flf-mobile-category-tree .flf-subcat-item .flf-cat-row {
  padding: 6px 8px !important;
  background: transparent !important;
  border-color: transparent !important;
}

.flf-mobile-category-tree .flf-subcat-item .flf-cat-row:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.flf-mobile-category-tree .flf-subcat-item a.flf-cat-link {
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  font-family: var(--flf-font-body) !important;
  color: #cbd5e1 !important;
}

.flf-mobile-category-tree .flf-subcat-item a.flf-cat-link:hover {
  color: var(--flf-primary, #00d2ff) !important;
}

/* ------------------------------------------
   Drawer Footer
------------------------------------------- */
.flf-drawer-footer {
  flex: 0 0 auto;
  background: #06090f;
  border-top: 1px solid var(--flf-border-dark);
  padding: 12px 18px;
}

.flf-drawer-call-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 11px 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  color: #e2e8f0;
  font-family: var(--flf-font-heading);
  font-size: 0.80rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
  transition: all var(--flf-transition-fast);
}

.flf-drawer-call-btn:hover {
  background: rgba(0, 210, 255, 0.1);
  border-color: var(--flf-primary, #00d2ff);
  color: #ffffff;
}

.flf-drawer-call-btn svg {
  color: var(--flf-primary, #00d2ff);
  flex-shrink: 0;
}

/* Responsive Media Queries */
@media (max-width: 1024px) {
  .flf-header-search-plugin { max-width: 320px; }
  .flf-action-text { display: none; }
  .flf-cart-info { display: none; }
}

@media (max-width: 768px) {
  .flf-hamburger-btn { display: flex; }
  .flf-topbar { display: none; }
  .flf-category-nav { display: none; }
  .flf-header-search-plugin { width: 100%; order: 3; margin-top: 8px; }
  .flf-logo-letters { font-size: 1.8rem; }
}



/* === FILE: ds-flf-theme/assets/css/flf-home.css === */

/* ==========================================================================
   FLF MOTORSPORT THEME - HOMEPAGE & HERO STYLES
   ========================================================================== */

/* Page-Wide Motorsport Hero Slider */
.flf-slider-section {
  position: relative;
  width: 100%;
  background: #06090f;
  overflow: hidden;
  border-bottom: 1px solid var(--flf-border-dark);
}

.flf-slider-container {
  position: relative;
  width: 100%;
  min-height: 560px;
}

.flf-slider-track {
  position: relative;
  width: 100%;
  min-height: 560px;
}

.flf-slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(40px);
  transition: opacity 0.55s cubic-bezier(0.4, 0, 0.2, 1), transform 0.55s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.55s;
  z-index: 1;
}

.flf-slide.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
  z-index: 2;
  position: relative;
}

/* Slide Dynamic Motorsport Backgrounds */
.flf-slide-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.flf-slide-bg-1 {
  background: 
    radial-gradient(circle at 25% 40%, rgba(0, 210, 255, 0.16) 0%, transparent 55%),
    radial-gradient(circle at 85% 70%, rgba(0, 102, 255, 0.1) 0%, transparent 50%),
    linear-gradient(135deg, #06090e 0%, #0d1420 50%, #111a28 100%);
}

.flf-slide-bg-2 {
  background: 
    radial-gradient(circle at 30% 40%, rgba(255, 59, 48, 0.15) 0%, transparent 55%),
    radial-gradient(circle at 80% 65%, rgba(0, 210, 255, 0.12) 0%, transparent 50%),
    linear-gradient(135deg, #07090f 0%, #17111b 50%, #111724 100%);
}

.flf-slide-bg-3 {
  background: 
    radial-gradient(circle at 35% 35%, rgba(0, 210, 255, 0.15) 0%, transparent 55%),
    radial-gradient(circle at 75% 75%, rgba(139, 92, 246, 0.12) 0%, transparent 50%),
    linear-gradient(135deg, #06090e 0%, #0e1624 50%, #121927 100%);
}

.flf-slide-overlay {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
}

/* Custom Background Image Support */
.flf-slide-bg.has-custom-bg {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.flf-slide-bg.has-custom-bg .flf-slide-overlay {
  background: 
    linear-gradient(135deg, rgba(6, 9, 14, 0.85) 0%, rgba(13, 20, 32, 0.78) 50%, rgba(17, 26, 40, 0.88) 100%),
    radial-gradient(circle at 25% 40%, rgba(0, 210, 255, 0.12) 0%, transparent 60%) !important;
  pointer-events: none;
}

.flf-slide-container {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  align-items: center;
  gap: 50px;
  position: relative;
  z-index: 3;
  padding-top: 60px;
  padding-bottom: 70px;
  width: 100%;
}

/* Admin Hero Edit Floating Bar */
.flf-hero-admin-bar {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(17, 24, 39, 0.85);
  backdrop-filter: blur(8px);
  border: 1px solid var(--flf-border-dark);
  border-left: 3px solid var(--flf-primary);
  padding: 8px 14px;
  border-radius: var(--flf-radius-sm);
  margin-bottom: 12px;
  width: fit-content;
}

.flf-btn-admin-edit {
  background: rgba(0, 210, 255, 0.15);
  border: 1px solid var(--flf-primary);
  color: var(--flf-primary);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  padding: 6px 12px;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: var(--flf-radius-sm);
  transition: all var(--flf-transition-fast);
}
.flf-btn-admin-edit:hover {
  background: var(--flf-primary);
  color: #06090e;
  box-shadow: 0 0 12px var(--flf-primary-glow);
}

/* Hero Content Styles (Screenshot layout) */
.flf-hero-content {
  max-width: 680px;
}

.flf-hero-pill-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(0, 210, 255, 0.12);
  border: 1px solid rgba(0, 210, 255, 0.35);
  color: var(--flf-primary);
  font-family: var(--flf-font-heading);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding: 6px 14px;
  border-radius: var(--flf-radius-full);
  margin-bottom: 20px;
}

.flf-hero-title {
  color: #ffffff;
  font-size: clamp(2.2rem, 4.5vw, 3.4rem);
  line-height: 1.1;
  font-weight: 800;
  margin-bottom: 20px;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}

.flf-hero-description {
  color: #94a3b8;
  font-size: 1.05rem;
  line-height: 1.7;
  max-width: 620px;
  margin-bottom: 25px;
}

.flf-hero-features-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 35px;
}

.flf-hero-feat {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #e2e8f0;
  font-size: 0.92rem;
  font-weight: 600;
}

.flf-feat-check {
  color: var(--flf-primary);
  font-weight: 900;
  font-size: 1rem;
}

.flf-hero-cta-group {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* Hero Spotlight Card (Right Column) */
.flf-hero-spotlight {
  position: relative;
}

.flf-spotlight-card {
  background: rgba(18, 24, 36, 0.85);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(0, 210, 255, 0.25);
  border-radius: var(--flf-radius-md);
  padding: 32px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 210, 255, 0.1);
  transition: transform var(--flf-transition-fast), border-color var(--flf-transition-fast);
}
.flf-spotlight-card:hover {
  transform: translateY(-4px);
  border-color: var(--flf-primary);
}

.flf-spotlight-badge {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.flf-spotlight-visual {
  margin-bottom: 24px;
}

.flf-spotlight-tag {
  color: var(--flf-primary);
  font-family: var(--flf-font-heading);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 6px;
}

.flf-spotlight-heading {
  color: #ffffff;
  font-size: 1.6rem;
  line-height: 1.2;
  margin-bottom: 10px;
}

.flf-card-title-link {
  color: inherit !important;
  text-decoration: none !important;
  transition: color var(--flf-transition-fast, 0.2s) !important;
}

.flf-card-title-link:hover {
  color: var(--flf-primary, #00d2ff) !important;
}

.flf-spotlight-sub {
  color: #94a3b8;
  font-size: 0.88rem;
  line-height: 1.6;
}

.flf-spotlight-specs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
  background: #111722;
  padding: 14px 18px;
  border-radius: var(--flf-radius-sm);
  border: 1px solid var(--flf-border-dark);
}

.flf-spec-pill {
  display: flex;
  justify-content: space-between;
  font-size: 0.82rem;
}
.flf-spec-pill span { color: #64748b; font-weight: 600; }
.flf-spec-pill strong { color: #f8fafc; font-family: var(--flf-font-mono); }

/* Right Column Standalone Image & Card Image Styles */
.flf-hero-standalone-image {
  width: 100%;
  max-width: 440px;
  margin: 0 auto 20px;
  text-align: center;
  border-radius: var(--flf-radius-md, 12px);
  overflow: hidden;
  border: 1px solid var(--flf-border-dark, rgba(255, 255, 255, 0.12));
  background: radial-gradient(circle at center, rgba(0, 210, 255, 0.06) 0%, rgba(13, 20, 32, 0.95) 100%);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  transition: transform var(--flf-transition-fast, 0.2s);
  display: flex;
  align-items: center;
  justify-content: center;
}

.flf-hero-standalone-image:hover {
  transform: translateY(-4px);
  border-color: var(--flf-primary, #00d2ff);
  box-shadow: 0 14px 40px rgba(0, 210, 255, 0.2);
}

.flf-hero-standalone-link {
  display: block;
  text-decoration: none;
  width: 100%;
}

.flf-hero-img-showcase {
  max-width: 100%;
  width: auto;
  height: auto;
  max-height: 380px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.flf-spotlight-card-image {
  width: 100%;
  min-height: 140px;
  max-height: 220px;
  margin-bottom: 16px;
  border-radius: var(--flf-radius-sm, 6px);
  overflow: hidden;
  border: 1px solid var(--flf-border-dark, rgba(255, 255, 255, 0.12));
  background: radial-gradient(circle at center, rgba(0, 210, 255, 0.08) 0%, rgba(10, 14, 23, 0.8) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  transition: border-color var(--flf-transition-fast, 0.2s);
}

.flf-spotlight-card-image:hover {
  border-color: rgba(0, 210, 255, 0.45);
}

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

.flf-spotlight-img {
  max-width: 100%;
  width: auto;
  height: auto;
  max-height: 200px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  transition: transform var(--flf-transition-fast, 0.2s);
}

.flf-spotlight-card-img-link:hover .flf-spotlight-img {
  transform: scale(1.03);
}

.flf-slide-badge-card-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* Media Picker Input & Preview Styles */
.flf-media-picker-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.flf-media-picker-btns {
  display: flex;
  gap: 8px;
  align-items: center;
}

.flf-media-preview-box {
  padding: 8px;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid var(--flf-border-dark, rgba(255, 255, 255, 0.1));
  border-radius: 6px;
  display: inline-block;
  max-width: fit-content;
}

/* Hero Modal Slide Switcher Tabs */
.flf-hero-modal-tabs {
  display: flex;
  gap: 8px;
  border-bottom: 2px solid var(--flf-border-dark);
  margin-bottom: 20px;
  padding-bottom: 2px;
  overflow-x: auto;
}

.flf-hero-tab-btn {
  background: transparent;
  border: none;
  border-bottom: 3px solid transparent;
  color: #94a3b8;
  padding: 10px 16px;
  font-size: 0.88rem;
  font-weight: 700;
  font-family: var(--flf-font-display, inherit);
  cursor: pointer;
  white-space: nowrap;
  transition: all var(--flf-transition-fast);
  margin-bottom: -2px;
}

.flf-hero-tab-btn:hover {
  color: #f8fafc;
  border-bottom-color: rgba(0, 210, 255, 0.4);
}

.flf-hero-tab-btn.active {
  color: var(--flf-primary);
  border-bottom-color: var(--flf-primary);
  background: rgba(0, 210, 255, 0.05);
}

.flf-hero-tab-pane {
  display: none;
}

.flf-hero-tab-pane.active {
  display: block;
}

/* Form modal helper styles */
.flf-modal-section-title {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  border-bottom: 1px solid var(--flf-border-dark);
  padding-bottom: 6px;
  margin-bottom: 14px;
  letter-spacing: 0.04em;
}

.flf-form-row {
  margin-bottom: 14px;
}
.flf-form-row label {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  color: #94a3b8;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.flf-form-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.flf-mb-2 {
  margin-bottom: 8px;
}

.flf-slide-content {
  max-width: 680px;
}

.flf-slide-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(0, 210, 255, 0.12);
  border: 1px solid rgba(0, 210, 255, 0.35);
  color: var(--flf-primary);
  font-family: var(--flf-font-heading);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding: 6px 14px;
  border-radius: var(--flf-radius-full);
  margin-bottom: 20px;
}

.flf-slide-pill-red {
  background: rgba(255, 59, 48, 0.12);
  border-color: rgba(255, 59, 48, 0.35);
  color: #ff6b6b;
}

.flf-pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--flf-primary);
  box-shadow: 0 0 10px var(--flf-primary);
}
.flf-pulse-dot.red {
  background: var(--flf-accent);
  box-shadow: 0 0 10px var(--flf-accent);
}

.flf-slide-title {
  color: #ffffff;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1.1;
  font-weight: 800;
  margin-bottom: 18px;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
}

.flf-slide-desc {
  color: #94a3b8;
  font-size: 1.02rem;
  line-height: 1.7;
  margin-bottom: 24px;
}

.flf-slide-specs-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.flf-slide-spec-pill {
  background: rgba(18, 24, 36, 0.8);
  border: 1px solid var(--flf-border-dark);
  padding: 6px 12px;
  border-radius: var(--flf-radius-sm);
  font-size: 0.78rem;
  color: #cbd5e1;
}
.flf-slide-spec-pill span { color: #64748b; font-weight: 600; margin-right: 4px; }
.flf-slide-spec-pill strong { color: var(--flf-primary); font-family: var(--flf-font-mono); }

.flf-slide-ctas {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* Slide Right Badge Card */
.flf-slide-badge-card {
  position: relative;
}

.flf-badge-card-inner {
  background: rgba(18, 24, 36, 0.85);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(0, 210, 255, 0.25);
  border-radius: var(--flf-radius-md);
  padding: 30px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 210, 255, 0.1);
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: transform var(--flf-transition-fast), border-color var(--flf-transition-fast);
}
.flf-badge-card-inner:hover {
  transform: translateY(-4px);
  border-color: var(--flf-primary);
}

.flf-badge-card-title {
  color: #ffffff;
  font-size: 1.45rem;
  margin-top: 6px;
}

.flf-badge-card-text {
  color: #94a3b8;
  font-size: 0.88rem;
  line-height: 1.5;
}

.flf-badge-card-price {
  font-family: var(--flf-font-heading);
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--flf-primary);
  margin-bottom: 6px;
}

/* Slider Left/Right Arrow Controls */
.flf-slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background: rgba(17, 23, 36, 0.75);
  backdrop-filter: blur(8px);
  border: 1px solid var(--flf-border-dark);
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all var(--flf-transition-fast);
}
.flf-slider-arrow:hover {
  background: var(--flf-primary);
  color: #06090e;
  border-color: var(--flf-primary);
  box-shadow: 0 0 20px var(--flf-primary-glow);
  transform: translateY(-50%) scale(1.08);
}

.flf-slider-prev { left: 24px; }
.flf-slider-next { right: 24px; }

/* Slider Dots / Progress Indicator */
.flf-slider-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 10;
}

.flf-slider-dot {
  width: 28px;
  height: 5px;
  background: rgba(255, 255, 255, 0.25);
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}

.flf-slider-dot:hover {
  background: rgba(255, 255, 255, 0.5);
}

.flf-slider-dot.active {
  width: 44px;
  background: var(--flf-primary);
  box-shadow: 0 0 10px var(--flf-primary);
}

/* Category Showcase Section */
.flf-section-categories {
  background: #0f1420;
  border-bottom: 1px solid var(--flf-border-dark);
}

.flf-section-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 35px;
}

.flf-section-subtitle {
  color: var(--flf-primary);
  font-family: var(--flf-font-heading);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  display: block;
  margin-bottom: 6px;
}

.flf-section-title {
  color: #ffffff;
  font-size: clamp(1.6rem, 2.5vw, 2.2rem);
}

.flf-category-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.flf-cat-card {
  position: relative;
  background: #141b28;
  border: 1px solid var(--flf-border-dark);
  border-radius: var(--flf-radius-sm);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 240px;
  transition: all var(--flf-transition-fast);
}
.flf-cat-card:hover {
  transform: translateY(-4px);
  border-color: var(--flf-primary);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4), 0 0 15px var(--flf-primary-glow);
}

.flf-cat-card-placeholder {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0d121c;
}
.flf-cat-icon { font-size: 2.2rem; }

.flf-cat-card-img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.flf-cat-card:hover .flf-cat-card-img {
  transform: scale(1.05);
}

.flf-cat-card-content {
  padding: 18px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.flf-cat-card-badge {
  font-family: var(--flf-font-heading);
  font-size: 0.7rem;
  color: var(--flf-primary);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.flf-cat-card-title {
  color: #ffffff;
  font-size: 1.1rem;
  margin-bottom: 6px;
  transition: color var(--flf-transition-fast);
}
.flf-cat-card:hover .flf-cat-card-title {
  color: var(--flf-primary);
}

.flf-cat-card-desc {
  color: #94a3b8;
  font-size: 0.8rem;
  margin-bottom: 12px;
  line-height: 1.4;
}

.flf-cat-card-action {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--flf-font-heading);
  font-size: 0.75rem;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
}

/* Featured Products Section */
.flf-section-featured {
  background: var(--flf-bg-light);
}
.flf-section-featured .flf-section-title {
  color: var(--flf-text-light-primary);
}

/* Product Grid */
.flf-product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

/* Fitment Banner Section */
.flf-section-fitment {
  background: #090d15;
  border-top: 1px solid var(--flf-border-dark);
  border-bottom: 1px solid var(--flf-border-dark);
}

.flf-fitment-banner {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  align-items: center;
  gap: 40px;
}

.flf-fitment-title {
  color: #ffffff;
  font-size: clamp(1.6rem, 2.8vw, 2.2rem);
  margin-top: 12px;
  margin-bottom: 16px;
}

.flf-fitment-desc {
  color: #94a3b8;
  font-size: 0.95rem;
  line-height: 1.7;
  margin-bottom: 25px;
}

.flf-fitment-buttons {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.flf-fitment-quick-cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.flf-quick-spec-card {
  background: #111724;
  border: 1px solid var(--flf-border-dark);
  padding: 16px 20px;
  border-radius: var(--flf-radius-sm);
  display: flex;
  align-items: center;
  gap: 20px;
  transition: all var(--flf-transition-fast);
}
.flf-quick-spec-card.highlight {
  border-color: var(--flf-primary);
  background: #151e2e;
}

.flf-quick-spec-an {
  font-family: var(--flf-font-heading);
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--flf-primary);
  min-width: 80px;
}

.flf-quick-spec-title {
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 700;
}

.flf-quick-spec-detail {
  color: #94a3b8;
  font-size: 0.82rem;
  font-family: var(--flf-font-mono);
}

/* Engineering Credibility Section */
.flf-section-engineering {
  background: #0f1522;
}

.flf-engineering-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  counter-reset: flf-eng-counter;
}

.flf-engineering-col {
  position: relative;
  padding: 24px 0;
  counter-increment: flf-eng-counter;
}

.flf-engineering-col:not(:has(.flf-eng-number))::before {
  content: counter(flf-eng-counter, decimal-leading-zero);
  font-family: var(--flf-font-heading);
  font-size: 2.5rem;
  font-weight: 900;
  color: rgba(0, 210, 255, 0.2);
  line-height: 1;
  margin-bottom: 12px;
  display: block;
}

.flf-feature-widget p {
  color: #94a3b8;
  font-size: 0.85rem;
  line-height: 1.6;
}

.flf-feature-widget h3,
.flf-feature-widget .widget-title,
.flf-feature-widget .flf-widget-title {
  color: #ffffff;
  font-family: var(--flf-font-heading);
  font-size: 1.15rem;
  margin-bottom: 10px;
  letter-spacing: 0.02em;
}

.flf-eng-number {
  font-family: var(--flf-font-heading);
  font-size: 2.5rem;
  font-weight: 900;
  color: rgba(0, 210, 255, 0.2);
  line-height: 1;
  margin-bottom: 12px;
}

.flf-eng-title {
  color: #ffffff;
  font-size: 1.15rem;
  margin-bottom: 10px;
}

.flf-eng-link {
  color: #ffffff;
  text-decoration: none;
  transition: color var(--flf-transition-fast, 0.2s);
}
.flf-eng-link:hover,
.flf-eng-link:focus {
  color: var(--flf-primary, #00d2ff);
}

.flf-eng-text {
  color: #94a3b8;
  font-size: 0.85rem;
  line-height: 1.6;
}

/* Trust Bar */
.flf-trust-bar {
  background: #06090e;
  border-top: 1px solid var(--flf-border-dark);
  border-bottom: 1px solid var(--flf-border-dark);
  padding: 30px 0;
}

.flf-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.flf-trust-item {
  display: flex;
  align-items: center;
  gap: 14px;
}

.flf-trust-widget {
  color: #94a3b8;
  font-size: 0.82rem;
}
.flf-trust-widget .flf-trust-title {
  display: block;
  font-family: var(--flf-font-heading);
  font-weight: 700;
  font-size: 0.95rem;
  letter-spacing: 0.04em;
  color: #ffffff;
  margin-bottom: 2px;
}
.flf-trust-widget p {
  margin: 0;
  color: #94a3b8;
  font-size: 0.8rem;
}

.flf-trust-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--flf-radius-sm);
  background: #141b28;
  border: 1px solid var(--flf-border-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--flf-primary);
  flex-shrink: 0;
}

.flf-trust-content {
  display: flex;
  flex-direction: column;
}

.flf-trust-title {
  font-family: var(--flf-font-heading);
  font-size: 0.88rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.03em;
}

.flf-trust-desc {
  font-size: 0.78rem;
  color: #94a3b8;
}

/* Responsive */
@media (max-width: 1024px) {
  .flf-slide-container { grid-template-columns: 1fr; gap: 30px; }
  .flf-hero-spotlight,
  .flf-slide-badge-card-wrapper {
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
  }
  .flf-slide-badge-card {
    display: block;
    width: 100%;
  }
  .flf-slider-prev { left: 10px; }
  .flf-slider-next { right: 10px; }
  .flf-slider-container, .flf-slider-track { min-height: 500px; }
  .flf-category-grid { grid-template-columns: repeat(2, 1fr); }
  .flf-product-grid { grid-template-columns: repeat(2, 1fr); }
  .flf-engineering-grid { grid-template-columns: repeat(2, 1fr); }
  .flf-trust-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }
  .flf-fitment-banner { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .flf-slider-container, .flf-slider-track { min-height: 540px; }
  .flf-slide-title { font-size: 1.8rem; }
  .flf-slide-ctas { flex-direction: column; align-items: stretch; }
  .flf-slide-ctas .flf-btn-lg { width: 100%; }
  .flf-slider-arrow { display: none; }
  .flf-category-grid { grid-template-columns: 1fr; }
  .flf-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 10px; }
  .flf-trust-grid { grid-template-columns: 1fr; }
  .flf-engineering-grid { grid-template-columns: 1fr; }
}



/* === FILE: ds-flf-theme/assets/css/flf-shop.css === */

/* ==========================================================================
   FLF MOTORSPORT THEME - SHOP & CATALOG STYLES
   ========================================================================== */

.flf-shop-archive {
  background: var(--flf-bg-light);
  min-height: 80vh;
}

/* Shop Hero / Header Section - Clean Motorsport Look Matching Page Background */
.flf-shop-hero {
  background: transparent;
  border-bottom: 1px solid var(--flf-border-light, #e2e8f0);
  padding: 24px 0 18px;
}

.flf-breadcrumbs,
.flf-shop-hero .woocommerce-breadcrumb {
  font-size: 0.82rem;
  color: var(--flf-text-light-muted, #64748b);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
}
.flf-breadcrumbs a,
.flf-shop-hero .woocommerce-breadcrumb a {
  color: var(--flf-text-light-secondary, #475569);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--flf-transition-fast);
}
.flf-breadcrumbs a:hover,
.flf-shop-hero .woocommerce-breadcrumb a:hover {
  color: var(--flf-primary, #00d2ff);
}
.flf-crumb-sep {
  color: #94a3b8;
}

.flf-shop-title {
  color: var(--flf-text-light-primary, #0f172a);
  font-family: var(--flf-font-heading);
  font-size: clamp(2rem, 3.2vw, 2.75rem);
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  line-height: 1.15;
  margin: 0 0 8px 0;
}

.flf-shop-desc {
  color: var(--flf-text-light-secondary, #475569);
  font-size: 0.95rem;
  line-height: 1.6;
  max-width: 820px;
  margin-top: 6px;
  margin-bottom: 0;
}

/* Shop Container & Toolbar */
.flf-shop-container {
  padding-top: 30px;
  padding-bottom: 60px;
}

.flf-shop-toolbar {
  display: none !important;
}

.flf-mobile-filter-bar {
  display: none !important;
}

@media (max-width: 900px) {
  .flf-mobile-filter-bar {
    display: block !important;
    margin-bottom: 20px !important;
  }
  .flf-mobile-filter-bar .flf-filter-toggle-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 18px !important;
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    font-family: var(--flf-font-heading) !important;
    font-size: 0.88rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #0f172a !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
    transition: all 0.2s ease !important;
  }
  .flf-mobile-filter-bar .flf-filter-toggle-btn:hover {
    border-color: #00d2ff !important;
    background: #0f172a !important;
    color: #ffffff !important;
  }
}

.woocommerce-result-count {
  font-size: 0.85rem;
  color: var(--flf-text-light-muted);
  margin: 0;
}

.woocommerce-ordering select {
  padding: 8px 12px;
  border: 1px solid var(--flf-border-light);
  border-radius: var(--flf-radius-sm);
  background: #ffffff;
  color: var(--flf-text-light-primary);
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  outline: none;
}
.woocommerce-ordering select:focus {
  border-color: var(--flf-primary);
}

/* 2-Column Shop Layout */
.flf-shop-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 30px;
}

/* Modern Shop Filter Sidebar */
.flf-shop-sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.flf-sidebar-header {
  display: none;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--flf-border-light);
}

.flf-filter-block,
.flf-shop-sidebar .flf-sidebar-widget:not(.flf-sidebar-promo),
.flf-shop-sidebar .widget:not(.flf-sidebar-promo),
.widget_product_categories,
.widget_categories {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 24px 20px !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04) !important;
  box-sizing: border-box !important;
}

.flf-filter-heading,
.flf-shop-sidebar .widget-title,
.flf-shop-sidebar .widgettitle,
.widget_product_categories .widget-title,
.widget_product_categories .widgettitle,
.widget_categories .widget-title,
.widget_categories .widgettitle {
  font-family: var(--flf-font-heading) !important;
  font-size: 1.08rem !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  margin: 0 0 16px 0 !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #0f172a !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* ==========================================================================
   PRODUCT CATEGORY NAVIGATION & ACCORDION TREE (WC & Custom)
   ========================================================================== */

/* Guarantee NO underlines on any category links */
.widget_product_categories a,
.widget_categories a,
ul.product-categories a,
.flf-filter-cat-list a,
.flf-subcat-list a,
.flf-cat-link,
.flf-filter-name {
  text-decoration: none !important;
}
.widget_product_categories a:hover,
.widget_categories a:hover,
ul.product-categories a:hover,
.flf-filter-cat-list a:hover,
.flf-subcat-list a:hover,
.flf-cat-link:hover,
.flf-filter-name:hover {
  text-decoration: none !important;
}

/* Category List Containers */
.widget_product_categories ul.product-categories,
.widget_categories ul,
ul.product-categories,
.flf-filter-cat-list,
.flf-subcat-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

/* Category List Items: parent <li> must NOT have border/background */
.widget_product_categories ul.product-categories li,
.widget_categories ul li,
ul.product-categories li,
.flf-filter-cat-item,
.flf-subcat-item {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Category Interactive Row: NO-WRAP flex container */
.flf-cat-row,
.widget_product_categories ul.product-categories > li:not(:has(.flf-cat-row)),
ul.product-categories > li:not(:has(.flf-cat-row)) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 38px !important;
  padding: 5px 8px !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  box-sizing: border-box !important;
  transition: all 0.16s ease !important;
}

/* Row Hover State */
.flf-cat-row:hover,
.widget_product_categories ul.product-categories > li:not(:has(.flf-cat-row)):hover,
ul.product-categories > li:not(:has(.flf-cat-row)):hover {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}

/* Active / Current Category Row */
.flf-cat-row.active,
.flf-filter-cat-item.active > .flf-cat-row,
.widget_product_categories ul.product-categories li.current-cat > .flf-cat-row,
ul.product-categories li.current-cat > .flf-cat-row,
.widget_product_categories ul.product-categories > li.current-cat:not(:has(.flf-cat-row)),
ul.product-categories > li.current-cat:not(:has(.flf-cat-row)) {
  background: rgba(0, 210, 255, 0.08) !important;
  border-left: 3.5px solid var(--flf-primary, #00d2ff) !important;
  border-top: 1px solid rgba(0, 210, 255, 0.22) !important;
  border-right: 1px solid rgba(0, 210, 255, 0.22) !important;
  border-bottom: 1px solid rgba(0, 210, 255, 0.22) !important;
}

/* Category Link: Clean dark text, NO underlines, flex layout */
.flf-cat-link,
.widget_product_categories ul.product-categories li a,
.widget_categories ul li a,
ul.product-categories li a {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-decoration: none !important;
  border-bottom: none !important;
  color: #1e293b !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  padding: 0 !important;
  outline: none !important;
  transition: color 0.15s ease !important;
}

/* Remove any unwanted bullets / dots */
.flf-cat-link::before,
.flf-cat-link::after,
.widget_product_categories ul.product-categories li a::before,
.widget_product_categories ul.product-categories li a::after,
ul.product-categories li a::before,
ul.product-categories li a::after {
  display: none !important;
  content: none !important;
}

/* Hover state on link */
.flf-cat-row:hover .flf-cat-link,
.flf-cat-link:hover,
.widget_product_categories ul.product-categories li:hover > a,
.widget_categories ul li:hover > a,
ul.product-categories li:hover > a {
  color: #0284c7 !important;
  text-decoration: none !important;
}

/* Active state on link */
.flf-cat-row.active .flf-cat-link,
.flf-filter-cat-item.active > .flf-cat-row .flf-cat-link,
.widget_product_categories ul.product-categories li.current-cat > .flf-cat-row .flf-cat-link,
ul.product-categories li.current-cat > .flf-cat-row .flf-cat-link,
.widget_product_categories ul.product-categories li.current-cat > a,
ul.product-categories li.current-cat > a {
  color: #0284c7 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* Category Label Text: Truncates smoothly if too long */
.flf-filter-name,
.flf-cat-link > span:first-child:not(.flf-filter-count) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-decoration: none !important;
}

/* Product Count Badges: NEVER WRAP, pinned to right */
.flf-filter-count,
.flf-cat-count,
.widget_product_categories span.count,
.widget_categories span.count,
ul.product-categories span.count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 24px !important;
  height: 20px !important;
  padding: 0 7px !important;
  box-sizing: border-box !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  font-family: var(--flf-font-heading) !important;
  color: #64748b !important;
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 9999px !important;
  margin-left: 8px !important;
  margin-right: 0 !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
  transition: all 0.16s ease !important;
}

/* Badge hover state */
.flf-cat-row:hover .flf-filter-count,
.widget_product_categories ul.product-categories li:hover span.count,
ul.product-categories li:hover > span.count {
  background: #0284c7 !important;
  color: #ffffff !important;
  border-color: #0284c7 !important;
}

/* Badge active state */
.flf-cat-row.active .flf-filter-count,
.flf-filter-cat-item.active > .flf-cat-row .flf-filter-count,
.widget_product_categories ul.product-categories li.current-cat > .flf-cat-row span.count,
ul.product-categories li.current-cat > .flf-cat-row span.count,
.widget_product_categories ul.product-categories li.current-cat > span.count,
ul.product-categories li.current-cat > span.count {
  background: var(--flf-primary, #00d2ff) !important;
  color: #06090e !important;
  border-color: var(--flf-primary, #00d2ff) !important;
  font-weight: 800 !important;
  box-shadow: 0 0 8px rgba(0, 210, 255, 0.4) !important;
}

/* Subcategory Chevron Toggle Button */
.flf-subcat-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  flex-shrink: 0 !important;
  background: transparent !important;
  border: none !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
  padding: 0 !important;
  margin-left: 4px !important;
  outline: none !important;
}

.flf-subcat-toggle:hover {
  color: #0284c7 !important;
  background: rgba(0, 210, 255, 0.12) !important;
}

.flf-subcat-toggle svg {
  display: block !important;
  width: 12px !important;
  height: 12px !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  pointer-events: none !important;
}

.flf-subcat-toggle.is-open svg,
.flf-filter-cat-item.expanded > .flf-cat-row .flf-subcat-toggle svg,
.flf-subcat-item.expanded > .flf-cat-row .flf-subcat-toggle svg,
.cat-item.expanded > .flf-cat-row .flf-subcat-toggle svg {
  transform: rotate(180deg) !important;
  color: #0284c7 !important;
}

/* Subcategory Tree Panel & Indentation */
.flf-subcat-panel,
.widget_product_categories ul.children,
.widget_categories ul.children,
ul.product-categories ul.children {
  width: 100% !important;
  list-style: none !important;
  margin: 3px 0 5px 12px !important;
  padding: 3px 0 3px 10px !important;
  border-left: 2px solid #e2e8f0 !important;
  box-sizing: border-box !important;
}

/* Subcategory Items */
.flf-subcat-item,
ul.children > li {
  list-style: none !important;
  margin: 0 0 2px 0 !important;
  padding: 0 !important;
}

.flf-subcat-item .flf-cat-row,
ul.children > li:not(:has(.flf-cat-row)) {
  min-height: 32px !important;
  padding: 3px 6px !important;
  border-radius: 6px !important;
}

.flf-subcat-item .flf-cat-link,
ul.children > li a {
  font-size: 0.84rem !important;
  font-weight: 500 !important;
  color: #475569 !important;
  text-decoration: none !important;
}

.flf-subcat-item .flf-cat-row:hover .flf-cat-link,
ul.children > li:hover > a {
  color: #0284c7 !important;
  text-decoration: none !important;
}

.flf-subcat-item.active > .flf-cat-row,
ul.children > li.current-cat > .flf-cat-row,
ul.children > li.current-cat:not(:has(.flf-cat-row)) {
  background: rgba(0, 210, 255, 0.1) !important;
  border-left: 3px solid var(--flf-primary, #00d2ff) !important;
}

.flf-subcat-item.active > .flf-cat-row .flf-cat-link,
ul.children > li.current-cat > a {
  color: #0284c7 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.flf-subcat-item.active > .flf-cat-row .flf-filter-count,
ul.children > li.current-cat > span.count {
  background: #ffffff !important;
  color: #0284c7 !important;
  border-color: #0284c7 !important;
  font-weight: 700 !important;
}

/* Dropdown Mode Styling */
.widget_product_categories select.dropdown_product_cat,
.widget_categories select {
  width: 100% !important;
  min-height: 44px !important;
  padding: 10px 14px !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 8px !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  background: #f8fafc !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

.widget_product_categories select.dropdown_product_cat:focus,
.widget_categories select:focus {
  border-color: #00d2ff !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(0, 210, 255, 0.2) !important;
  outline: none !important;
}

/* Category Counts Visibility Toggle */
.flf-hide-category-counts .flf-filter-count,
.flf-hide-category-counts .flf-cat-card-badge,
.flf-hide-category-counts .widget_product_categories span.count {
  display: none !important;
}

/* Mobile View: Hide Category Counts on Category Listings */
@media (max-width: 991px) {
  .flf-filter-count,
  .flf-cat-count,
  .widget_product_categories span.count,
  .widget_product_categories .count,
  .flf-cat-card-badge,
  .flf-mobile-category-tree .flf-filter-count,
  .flf-filter-cat-list .flf-filter-count,
  .flf-subcat-list .flf-filter-count {
    display: none !important;
  }
}

/* Product Prices Visibility Toggle */
.flf-hide-product-prices .flf-card-price,
.flf-hide-product-prices .flf-pdp-price-wrap,
.flf-hide-product-prices .price,
.flf-hide-product-prices p.price,
.flf-hide-product-prices span.price,
.flf-hide-product-prices ul.products li.product .price {
  display: none !important;
}

.flf-sidebar-promo {
  background: #0f1522;
  border: 1px solid var(--flf-border-dark);
  border-radius: var(--flf-radius-sm);
  padding: 20px;
  color: #ffffff;
}

.flf-sidebar-promo-badge {
  font-family: var(--flf-font-heading);
  font-size: 0.75rem;
  color: var(--flf-primary);
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 8px;
}

.flf-sidebar-promo-title {
  font-size: 1rem;
  color: #ffffff;
  margin-bottom: 6px;
}

.flf-sidebar-promo-desc {
  font-size: 0.8rem;
  color: #94a3b8;
  margin-bottom: 14px;
  line-height: 1.4;
}

/* ==========================================================================
   FLF MOTORSPORT THEME - PRODUCT GRID & CATALOG LOOP
   ========================================================================== */

.flf-shop-main {
  min-width: 0;
  width: 100%;
}

.flf-shop-main ul.products,
ul.products,
.woocommerce ul.products,
.flf-product-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 40px !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
}

/* Clear WooCommerce float hacks and clearfix pseudo-elements */
.flf-shop-main ul.products::before,
.flf-shop-main ul.products::after,
ul.products::before,
ul.products::after {
  display: none !important;
  content: none !important;
}

/* Reset individual product items inside loop */
.flf-shop-main ul.products li.product,
.flf-shop-main ul.products > .flf-product-card,
ul.products li.product,
ul.products > .flf-product-card,
li.flf-product-card,
div.flf-product-card {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
  box-sizing: border-box !important;
}

/* Responsive Grid Breakpoints */
@media (max-width: 1280px) {
  .flf-shop-main ul.products,
  ul.products,
  .woocommerce ul.products,
  .flf-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}

@media (max-width: 900px) {
  .flf-shop-main ul.products,
  ul.products,
  .woocommerce ul.products,
  .flf-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (max-width: 640px) {
  .flf-shop-main ul.products,
  ul.products,
  .woocommerce ul.products,
  .flf-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 10px !important;
  }
}

@media (max-width: 480px) {
  .flf-shop-main ul.products,
  ul.products,
  .woocommerce ul.products,
  .flf-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 8px !important;
  }
}

/* Mobile Product Card Proportions (Optimized 2-Wide Layout) */
@media (max-width: 768px) {
  ul.products li.product,
  ul.products .flf-product-card,
  .woocommerce ul.products li.product,
  .flf-product-card {
    padding: 12px 8px 12px !important;
    border-radius: 10px !important;
  }

  ul.products li.product .flf-card-media,
  .flf-card-media {
    margin-bottom: 8px !important;
  }

  ul.products li.product a.woocommerce-LoopProduct-link > img,
  ul.products li.product .flf-card-img-link > img,
  ul.products li.product img.attachment-woocommerce_thumbnail,
  ul.products li.product img.flf-product-img,
  ul.products li.product img,
  .flf-product-card img {
    padding: 6px !important;
    border-radius: 8px !important;
  }

  .flf-badge-group {
    top: 6px !important;
    left: 6px !important;
    gap: 3px !important;
  }

  .flf-badge-group .flf-badge,
  .flf-badge {
    font-size: 0.60rem !important;
    padding: 2px 5px !important;
    letter-spacing: 0.02em !important;
  }

  .flf-card-stock-tag {
    bottom: 4px !important;
    right: 4px !important;
    font-size: 0.62rem !important;
  }

  .flf-stock-in,
  .flf-stock-out {
    padding: 1px 5px !important;
    font-size: 0.62rem !important;
  }

  .flf-card-body,
  ul.products li.product .flf-card-body {
    padding: 4px 2px 0 !important;
  }

  .flf-card-meta,
  ul.products li.product .flf-card-meta {
    font-size: 0.65rem !important;
    margin-bottom: 4px !important;
    line-height: 1.2 !important;
  }

  ul.products li.product .woocommerce-loop-product__title,
  ul.products li.product .flf-card-title,
  ul.products li.product .flf-card-title a,
  ul.products li.product h2,
  ul.products li.product h3 {
    font-size: 0.78rem !important;
    line-height: 1.25 !important;
    min-height: 2.5em !important;
    margin: 0 auto 6px !important;
    letter-spacing: 0.01em !important;
  }

  ul.products li.product .price,
  ul.products li.product .flf-card-price {
    font-size: 0.88rem !important;
    margin: 0 auto 8px !important;
    line-height: 1.2 !important;
    flex-wrap: wrap !important;
    gap: 3px !important;
  }

  ul.products li.product .button,
  ul.products li.product a.button,
  ul.products li.product .flf-btn-card,
  ul.products li.product .flf-card-action {
    max-width: 100% !important;
    padding: 7px 6px !important;
    font-size: 0.70rem !important;
    letter-spacing: 0.02em !important;
    border-radius: 6px !important;
  }
}

/* ==========================================================================
   FLF MOTORSPORT THEME - CATEGORY & SHOP PAGE CONTAINER MARGINS
   Matches header container width & padding (1440px max-width, 20px padding)
   ========================================================================== */

.archive.tax-product_cat .flf-site-content,
.post-type-archive-product .flf-site-content,
.woocommerce-page:not(.woocommerce-account) .flf-site-content,
.flf-shop-archive {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.flf-shop-hero > .flf-container,
.flf-shop-container,
.flf-woocommerce-main {
  width: 100% !important;
  max-width: var(--flf-container-max, 1440px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

.woocommerce-products-header,
.flf-shop-toolbar {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.woocommerce-products-header {
  margin-bottom: 24px !important;
  padding-top: 24px !important;
}

.woocommerce-products-header__title.page-title {
  font-family: var(--flf-font-heading) !important;
  font-size: clamp(2rem, 3.5vw, 2.6rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  color: #0f172a !important;
  text-transform: uppercase !important;
  margin: 0 0 10px !important;
}

.woocommerce-breadcrumb {
  font-size: 0.85rem !important;
  color: #64748b !important;
  margin-bottom: 12px !important;
  padding-top: 10px !important;
}
.woocommerce-breadcrumb a {
  color: #475569 !important;
  text-decoration: none !important;
}
.woocommerce-breadcrumb a:hover {
  color: #0284c7 !important;
}

/* ==========================================================================
   FLF MOTORSPORT THEME - PRODUCT CARD STYLING (CENTERED & ROUNDED BORDERS)
   ========================================================================== */

/* Rounded Border & Card Container */
ul.products li.product,
ul.products .flf-product-card,
.woocommerce ul.products li.product,
.flf-product-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 22px 18px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-color 0.25s ease !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  cursor: pointer !important;
}

/* Full Card Clickable Overlay Target */
.flf-card-overlay-link {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 5 !important;
  display: block !important;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer !important;
  pointer-events: auto !important;
}

/* Ensure inner links and interactive elements stay clickable above overlay */
ul.products li.product a.woocommerce-LoopProduct-link,
ul.products li.product .woocommerce-loop-product__link,
.flf-card-media a,
.flf-card-title a,
.flf-card-action,
.flf-card-action a,
.flf-card-action button {
  position: relative;
  z-index: 6;
  pointer-events: auto !important;
  cursor: pointer !important;
}

ul.products li.product:hover,
ul.products .flf-product-card:hover,
.woocommerce ul.products li.product:hover,
.flf-product-card:hover {
  transform: translateY(-5px) !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 14px 30px -4px rgba(0, 0, 0, 0.08), 0 0 16px rgba(0, 210, 255, 0.22) !important;
}

/* Main Product Link Wrapper & Media Container */
ul.products li.product a.woocommerce-LoopProduct-link,
ul.products li.product .woocommerce-loop-product__link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  position: relative !important;
  z-index: 6 !important;
  text-decoration: none !important;
  overflow: visible !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

ul.products li.product .flf-card-media,
.flf-card-media {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
  background: transparent !important;
  position: relative !important;
  text-decoration: none !important;
  overflow: visible !important;
}

ul.products li.product a.woocommerce-LoopProduct-link > img,
ul.products li.product .flf-card-img-link > img,
ul.products li.product img.attachment-woocommerce_thumbnail,
ul.products li.product img.flf-product-img,
ul.products li.product img,
.flf-product-card img {
  width: 100% !important;
  max-width: 220px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  padding: 14px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  transition: transform 0.3s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
  display: block !important;
  cursor: pointer !important;
}

ul.products li.product a.woocommerce-LoopProduct-link > img {
  margin-bottom: 16px !important;
}

ul.products li.product:hover img,
.flf-product-card:hover img {
  transform: scale(1.04) !important;
  border-color: #00d2ff !important;
  box-shadow: 0 0 10px rgba(0, 210, 255, 0.18) !important;
}

/* Centered Typography */
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .flf-card-title,
ul.products li.product .flf-card-title a,
ul.products li.product h2,
ul.products li.product h3 {
  font-family: var(--flf-font-heading) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #0f172a !important;
  text-align: center !important;
  margin: 0 auto 10px !important;
  width: 100% !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 2.6em !important;
}

ul.products li.product:hover .woocommerce-loop-product__title,
ul.products li.product:hover .flf-card-title a {
  color: #0284c7 !important;
}

/* Centered Price */
ul.products li.product .price,
ul.products li.product .flf-card-price {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 auto 14px !important;
  width: 100% !important;
  gap: 6px !important;
}

ul.products li.product .price del,
ul.products li.product .flf-card-price del {
  color: #94a3b8 !important;
  font-size: 0.85em !important;
  font-weight: 500 !important;
}

ul.products li.product .price ins,
ul.products li.product .flf-card-price ins {
  text-decoration: none !important;
  color: #0284c7 !important;
  font-weight: 800 !important;
}

/* Card Body & Buttons Centered */
ul.products li.product .flf-card-body {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  padding: 0 !important;
  border: none !important;
  flex: 1;
}

ul.products li.product .flf-card-meta {
  text-align: center !important;
  margin-bottom: 6px !important;
  width: 100% !important;
}

ul.products li.product .button,
ul.products li.product a.button,
ul.products li.product .flf-btn-card,
ul.products li.product .flf-card-action {
  margin: auto auto 0 !important;
  width: 100% !important;
  max-width: 200px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  display: flex !important;
}

.flf-badge-group {
  display: none !important;
}

.flf-card-img-link {
  display: block;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

.flf-product-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.35s ease;
}
.flf-product-card:hover .flf-product-img {
  transform: scale(1.06);
}

.flf-card-stock-tag {
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 2;
  font-size: 0.72rem;
  font-weight: 600;
}
.flf-stock-in {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(255, 255, 255, 0.95);
  color: #047857;
  padding: 2px 7px;
  border-radius: var(--flf-radius-sm);
  border: 1px solid #e2e8f0;
}
.flf-stock-in .flf-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #047857;
}
.flf-stock-out {
  background: rgba(255, 255, 255, 0.95);
  color: #dc2626;
  padding: 2px 7px;
  border-radius: var(--flf-radius-sm);
  border: 1px solid #e2e8f0;
}

.flf-card-body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
  border-top: 1px solid #f1f5f9;
}

.flf-card-meta {
  font-size: 0.72rem;
  font-family: var(--flf-font-heading);
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  margin-bottom: 6px;
  letter-spacing: 0.04em;
}

.flf-card-title {
  font-size: 0.95rem;
  line-height: 1.35;
  margin-bottom: 10px;
  font-weight: 700;
}
.flf-card-title a {
  color: var(--flf-text-light-primary);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.flf-card-title a:hover {
  color: #0284c7;
}

.flf-card-price {
  font-family: var(--flf-font-heading);
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--flf-text-light-primary);
  margin-bottom: 14px;
}
.flf-card-price del {
  color: #94a3b8;
  font-size: 0.88em;
  font-weight: 400;
  margin-right: 6px;
}
.flf-card-price ins {
  text-decoration: none;
  color: var(--flf-accent);
}

.flf-card-action {
  margin-top: auto;
}

.flf-btn-card,
.flf-card-action .button,
.flf-card-action a.button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  background: #0f172a !important;
  color: #ffffff !important;
  padding: 10px 14px !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border-radius: var(--flf-radius-sm) !important;
  border: 1px solid transparent !important;
  text-align: center !important;
  transition: all var(--flf-transition-fast) !important;
  box-shadow: none !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}

.flf-btn-card:hover,
.flf-card-action .button:hover,
.flf-card-action a.button:hover {
  background: var(--flf-primary) !important;
  color: #06090e !important;
  border-color: var(--flf-primary) !important;
  box-shadow: 0 0 12px var(--flf-primary-glow) !important;
}

/* ==========================================================================
   FLF MOTORSPORT THEME - MODERN NUMERIC PAGINATION
   ========================================================================== */

/* Pagination Wrapper Container */
.flf-pagination-wrapper,
.woocommerce nav.woocommerce-pagination,
nav.woocommerce-pagination,
.woocommerce-pagination,
.navigation.pagination {
  margin: 48px 0 24px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
  clear: both !important;
}

/* List Container: Strip legacy WooCommerce borders and spacing */
.woocommerce nav.woocommerce-pagination ul,
nav.woocommerce-pagination ul,
.woocommerce-pagination ul,
.flf-pagination-wrapper ul,
ul.page-numbers,
.nav-links {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  list-style: none !important;
  box-shadow: none !important;
  white-space: normal !important;
}

.woocommerce nav.woocommerce-pagination ul::before,
.woocommerce nav.woocommerce-pagination ul::after,
nav.woocommerce-pagination ul::before,
nav.woocommerce-pagination ul::after {
  display: none !important;
}

/* List Items: Strip legacy divider borders and float */
.woocommerce nav.woocommerce-pagination ul li,
nav.woocommerce-pagination ul li,
.woocommerce-pagination ul li,
.flf-pagination-wrapper ul li,
ul.page-numbers li {
  border: none !important;
  border-right: none !important;
  border-left: none !important;
  float: none !important;
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
}

/* Individual Page Number Buttons (44x44px accessible touch target) */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
nav.woocommerce-pagination ul li a,
nav.woocommerce-pagination ul li span,
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span,
.flf-pagination-wrapper a,
.flf-pagination-wrapper span,
ul.page-numbers a,
ul.page-numbers span,
.nav-links a.page-numbers,
.nav-links span.page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  height: 44px !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 8px !important;
  color: #0f172a !important;
  font-family: var(--flf-font-heading, "Chakra Petch", sans-serif) !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 2px 4px rgba(15, 23, 42, 0.05) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  user-select: none !important;
}

/* Remove any underlines on hover or active */
.woocommerce nav.woocommerce-pagination ul li a:hover,
nav.woocommerce-pagination ul li a:hover,
.woocommerce-pagination a:hover,
ul.page-numbers a:hover,
.nav-links a.page-numbers:hover {
  text-decoration: none !important;
  background: #0f172a !important;
  color: #ffffff !important;
  border-color: #0f172a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.16) !important;
}

/* Focus Visible */
.woocommerce nav.woocommerce-pagination ul li a:focus-visible,
nav.woocommerce-pagination ul li a:focus-visible,
.woocommerce-pagination a:focus-visible,
ul.page-numbers a:focus-visible,
.nav-links a.page-numbers:focus-visible {
  outline: 2px solid #0284c7 !important;
  outline-offset: 2px !important;
  text-decoration: none !important;
}

/* Active / Current Page State (Solid High-Contrast Slate/Cyan, 16.5:1 ratio) */
.woocommerce nav.woocommerce-pagination ul li span.current,
nav.woocommerce-pagination ul li span.current,
.woocommerce-pagination span.current,
ul.page-numbers span.current,
.nav-links span.current {
  background: #0f172a !important;
  color: #ffffff !important;
  border-color: #0f172a !important;
  font-weight: 800 !important;
  box-shadow: 0 0 0 2px rgba(0, 210, 255, 0.35), 0 4px 12px rgba(15, 23, 42, 0.2) !important;
  cursor: default !important;
  transform: none !important;
  text-decoration: none !important;
}

/* Previous & Next Arrows / Buttons */
.woocommerce nav.woocommerce-pagination ul li a.prev,
.woocommerce nav.woocommerce-pagination ul li a.next,
nav.woocommerce-pagination ul li a.prev,
nav.woocommerce-pagination ul li a.next,
ul.page-numbers a.prev,
ul.page-numbers a.next,
.nav-links a.prev,
.nav-links a.next {
  min-width: 44px !important;
  padding: 0 16px !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
}

.woocommerce nav.woocommerce-pagination ul li a.prev:hover,
nav.woocommerce-pagination ul li a.prev:hover,
ul.page-numbers a.prev:hover {
  transform: translateX(-2px) !important;
}

.woocommerce nav.woocommerce-pagination ul li a.next:hover,
nav.woocommerce-pagination ul li a.next:hover,
ul.page-numbers a.next:hover {
  transform: translateX(2px) !important;
}

/* Dots / Ellipsis (...) separator */
.woocommerce nav.woocommerce-pagination ul li span.dots,
nav.woocommerce-pagination ul li span.dots,
ul.page-numbers span.dots,
.nav-links span.dots {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #94a3b8 !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  letter-spacing: 0.1em !important;
  cursor: default !important;
  min-width: 24px !important;
  padding: 0 4px !important;
}

/* Responsive */
@media (max-width: 900px) {
  .flf-shop-layout { grid-template-columns: 1fr; }
  .flf-filter-toggle-btn { display: inline-flex; }
  .flf-shop-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 300px;
    background: #ffffff;
    z-index: 10001;
    padding: 20px;
    box-shadow: 10px 0 30px rgba(0, 0, 0, 0.2);
    transform: translateX(-100%);
    transition: transform var(--flf-transition-normal);
    overflow-y: auto;
  }
  .flf-shop-sidebar.active {
    transform: translateX(0);
  }
  .flf-sidebar-header { display: flex; }
}

/* ==========================================================================
   FLF MOTORSPORT THEME - WOOCOMMERCE MY ACCOUNT DASHBOARD (LIGHT THEME)
   ========================================================================== */

.woocommerce-account .flf-page-main {
  background: var(--flf-bg-light, #f8fafc) !important;
  min-height: 80vh;
  padding: 40px 0 80px;
}

.woocommerce-account .flf-entry-content-box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.woocommerce-account .flf-page-header {
  margin-bottom: 30px;
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 20px;
}

.woocommerce-account .flf-page-title {
  color: #0f172a !important;
  font-family: var(--flf-font-heading);
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
.woocommerce-account .flf-page-title::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 28px;
  background: #00d2ff;
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(0, 210, 255, 0.4);
}

/* Mobile-First: Default Single Column Stack on Tablets & Mobile */
body.woocommerce-account .woocommerce,
body.logged-in.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation),
.woocommerce-account .woocommerce {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  gap: 20px !important;
  float: none !important;
  box-sizing: border-box !important;
}

/* Desktop: 2-Column Dashboard Grid (992px and above) */
@media (min-width: 992px) {
  body.logged-in.woocommerce-account .woocommerce,
  .woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) {
    display: grid !important;
    grid-template-columns: 270px minmax(0, 1fr) !important;
    gap: 30px !important;
    align-items: start !important;
  }
}

/* My Account Login & Register Page Layout (Logged Out) */
body:not(.logged-in).woocommerce-account .woocommerce,
.woocommerce-account .woocommerce:not(:has(.woocommerce-MyAccount-navigation)) {
  display: block !important;
  max-width: 960px !important;
  margin: 0 auto !important;
  float: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Customer Login & Register Grid Container */
#customer_login {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 28px !important;
  margin: 0 auto !important;
  float: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  #customer_login {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
}

/* Single Form Centering (when registration is disabled) */
#customer_login .u-column1:only-child,
.woocommerce-account form.login:only-child,
body:not(.logged-in).woocommerce-account .woocommerce > form.login {
  max-width: 480px !important;
  margin: 0 auto !important;
}

/* Login & Register Column Cards */
#customer_login .u-column1,
#customer_login .u-column2,
body:not(.logged-in).woocommerce-account .woocommerce form.login,
body:not(.logged-in).woocommerce-account .woocommerce form.register {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 28px 24px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  float: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 480px) {
  #customer_login .u-column1,
  #customer_login .u-column2,
  body:not(.logged-in).woocommerce-account .woocommerce form.login,
  body:not(.logged-in).woocommerce-account .woocommerce form.register {
    padding: 20px 16px !important;
  }
}

#customer_login h2 {
  font-family: var(--flf-font-heading) !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #f1f5f9 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

#customer_login h2::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 20px;
  background: var(--flf-primary, #00d2ff);
  border-radius: 2px;
}

/* Form Rows & Inputs */
#customer_login .woocommerce-form-row {
  margin-bottom: 16px !important;
  padding: 0 !important;
  width: 100% !important;
}

#customer_login label {
  font-family: var(--flf-font-body) !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: #334155 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

#customer_login .required {
  color: #ef4444 !important;
}

#customer_login input.input-text,
#customer_login input[type="text"],
#customer_login input[type="email"],
#customer_login input[type="password"] {
  width: 100% !important;
  height: 46px !important;
  padding: 8px 14px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #0f172a !important;
  font-size: 0.95rem !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  box-sizing: border-box !important;
}

#customer_login input.input-text:focus,
#customer_login input[type="text"]:focus,
#customer_login input[type="email"]:focus,
#customer_login input[type="password"]:focus {
  border-color: #0284c7 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
  background: #ffffff !important;
}

/* Remember me & Lost Password */
#customer_login .woocommerce-form-login__rememberme {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 10px 0 18px !important;
  font-size: 0.88rem !important;
  color: #475569 !important;
  cursor: pointer !important;
}

#customer_login .woocommerce-form-login__rememberme input[type="checkbox"] {
  width: 17px !important;
  height: 17px !important;
  margin: 0 !important;
  accent-color: #0284c7 !important;
  cursor: pointer !important;
}

#customer_login .woocommerce-LostPassword {
  margin-top: 14px !important;
  font-size: 0.88rem !important;
}

#customer_login .woocommerce-LostPassword a {
  color: #0284c7 !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}

#customer_login .woocommerce-LostPassword a:hover {
  color: #0369a1 !important;
}

/* Submit Buttons */
#customer_login button.woocommerce-form-login__submit,
#customer_login button.woocommerce-form-register__submit,
#customer_login button.button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 48px !important;
  background: linear-gradient(135deg, #0284c7, #0369a1) !important;
  color: #ffffff !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.25) !important;
  transition: all 0.2s ease !important;
  margin-top: 6px !important;
}

#customer_login button.woocommerce-form-login__submit:hover,
#customer_login button.woocommerce-form-register__submit:hover,
#customer_login button.button:hover {
  background: linear-gradient(135deg, #0369a1, #075985) !important;
  box-shadow: 0 6px 18px rgba(2, 132, 199, 0.35) !important;
  transform: translateY(-1px) !important;
}

#customer_login .woocommerce-privacy-policy-text {
  font-size: 0.82rem !important;
  color: #64748b !important;
  line-height: 1.5 !important;
  margin: 14px 0 18px !important;
}

#customer_login .woocommerce-password-strength {
  margin-top: 8px !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
}

.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
  display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  float: none !important;
  width: 100% !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
}

/* Sidebar Navigation Card - Base */
.woocommerce-MyAccount-navigation.flf-account-sidebar {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   MOBILE MY ACCOUNT HAMBURGER BAR & DROPDOWN MENU (< 992px)
   ========================================================================== */
@media (max-width: 991px) {
  .woocommerce-MyAccount-navigation.flf-account-sidebar {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    position: relative !important;
    margin-bottom: 18px !important;
    padding: 0 !important;
  }

  /* Hamburger Bar Button */
  .flf-account-mobile-bar {
    display: block !important;
    width: 100% !important;
    position: relative !important;
    z-index: 1001 !important;
  }

  .flf-account-hamburger-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 14px 18px !important;
    background: #0f172a !important;
    color: #ffffff !important;
    border: 1px solid #1e293b !important;
    border-left: 4px solid #00d2ff !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
    cursor: pointer !important;
    text-align: left !important;
    box-sizing: border-box !important;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
  }

  .flf-account-hamburger-btn:hover,
  .flf-account-hamburger-btn:focus-visible {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18) !important;
  }

  /* Hamburger Icon with animated lines */
  .flf-account-hamburger-icon {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 22px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    margin-right: 14px !important;
  }

  .flf-account-hamburger-icon .flf-ham-line {
    display: block !important;
    width: 100% !important;
    height: 2px !important;
    background: #00d2ff !important;
    border-radius: 2px !important;
    transition: transform 0.25s ease, opacity 0.25s ease, background 0.25s ease !important;
    transform-origin: center !important;
  }

  /* Animated Cross when Open */
  .flf-account-hamburger-btn.is-open .flf-account-hamburger-icon .flf-ham-line:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
    background: #ef4444 !important;
  }
  .flf-account-hamburger-btn.is-open .flf-account-hamburger-icon .flf-ham-line:nth-child(2) {
    opacity: 0 !important;
  }
  .flf-account-hamburger-btn.is-open .flf-account-hamburger-icon .flf-ham-line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
    background: #ef4444 !important;
  }

  /* Text inside Hamburger Bar */
  .flf-account-hamburger-info {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    min-width: 0 !important;
  }

  .flf-ham-title {
    font-family: var(--flf-font-heading) !important;
    font-size: 0.88rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
  }

  .flf-ham-current {
    font-family: var(--flf-font-body) !important;
    font-size: 0.80rem !important;
    font-weight: 600 !important;
    color: #38bdf8 !important;
    margin-top: 3px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .flf-account-hamburger-action {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
  }

  .flf-ham-pill {
    font-family: var(--flf-font-heading) !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    background: rgba(0, 210, 255, 0.15) !important;
    color: #00d2ff !important;
    border: 1px solid rgba(0, 210, 255, 0.35) !important;
    padding: 3px 9px !important;
    border-radius: 9999px !important;
  }

  .flf-account-hamburger-btn.is-open .flf-ham-pill {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #ef4444 !important;
    border-color: rgba(239, 68, 68, 0.35) !important;
  }

  .flf-ham-chevron {
    color: #94a3b8 !important;
    transition: transform 0.25s ease, color 0.25s ease !important;
    flex-shrink: 0 !important;
  }

  .flf-account-hamburger-btn.is-open .flf-ham-chevron {
    transform: rotate(180deg) !important;
    color: #00d2ff !important;
  }

  /* Dropdown Container */
  .flf-account-nav-drawer {
    display: none;
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 40px -8px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    max-height: 75vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Profile header inside mobile dropdown */
  .flf-account-nav-drawer .flf-account-card-header {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 16px !important;
  }

  /* Navigation links inside mobile dropdown */
  .flf-account-nav-drawer .flf-account-nav-list {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    list-style: none !important;
    background: #ffffff !important;
  }

  .flf-account-nav-drawer .flf-account-nav-list li a {
    padding: 12px 18px !important;
    font-size: 0.9rem !important;
  }

  /* Backdrop Overlay */
  .flf-account-drawer-backdrop {
    display: none;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(15, 23, 42, 0.5) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    z-index: 999 !important;
  }
}

/* ==========================================================================
   DESKTOP MY ACCOUNT SIDEBAR (>= 992px)
   ========================================================================== */
@media (min-width: 992px) {
  .flf-account-mobile-bar,
  .flf-account-drawer-backdrop {
    display: none !important;
  }

  .woocommerce-MyAccount-navigation.flf-account-sidebar {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
    overflow: hidden !important;
    position: sticky !important;
    top: 110px !important;
  }

  .flf-account-nav-drawer {
    display: block !important;
    position: static !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .flf-account-nav-list {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    list-style: none !important;
  }
}

/* Profile Summary in Sidebar */
.flf-account-card-header {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 18px;
  background: #ffffff;
  border-bottom: 1px solid #f1f5f9;
}

.flf-account-avatar-wrap {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid #00d2ff;
  box-shadow: 0 0 10px rgba(0, 210, 255, 0.2);
  flex-shrink: 0;
  background: #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flf-account-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.flf-account-avatar-fallback {
  font-size: 1.3rem;
}

.flf-account-identity {
  flex: 1;
  min-width: 0;
}

.flf-account-badge {
  display: none !important;
}

.flf-account-name {
  color: #0f172a;
  font-family: var(--flf-font-heading);
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.flf-account-email {
  color: #64748b;
  font-size: 0.78rem;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Nav Menu List - Clean Motorsport Styling */
.flf-account-nav-list {
  list-style: none;
  margin: 0;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.flf-account-nav-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flf-account-nav-list li a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 6px;
  color: #334155;
  text-decoration: none;
  font-family: var(--flf-font-heading);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  transition: all var(--flf-transition-fast);
  border-left: 3px solid transparent;
  position: relative;
}

.flf-account-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #64748b;
  flex-shrink: 0;
  transition: all var(--flf-transition-fast);
}

.flf-account-label {
  flex: 1;
}

.flf-account-arrow {
  color: #0284c7;
  opacity: 0;
  transform: translateX(-4px);
  transition: all var(--flf-transition-fast);
  flex-shrink: 0;
}

/* Hover State */
.flf-account-nav-list li a:hover {
  color: #0284c7;
  background: #f8fafc;
  border-left-color: #0284c7;
}
.flf-account-nav-list li a:hover .flf-account-icon {
  color: #0284c7;
}
.flf-account-nav-list li a:hover .flf-account-arrow {
  opacity: 1;
  transform: translateX(0);
}

/* Active State */
.flf-account-nav-list li.is-active a,
.flf-account-nav-list li a.is-active,
.flf-account-nav-list li.is-current a,
.flf-account-nav-list li a.is-current {
  color: #0284c7 !important;
  background: rgba(0, 210, 255, 0.12) !important;
  border-left-color: #00d2ff !important;
  font-weight: 800 !important;
}
.flf-account-nav-list li.is-active .flf-account-icon,
.flf-account-nav-list li a.is-active .flf-account-icon {
  color: #0284c7 !important;
}
.flf-account-nav-list li.is-active .flf-account-arrow,
.flf-account-nav-list li a.is-active .flf-account-arrow {
  opacity: 1 !important;
  color: #0284c7 !important;
  transform: translateX(0) !important;
}
  opacity: 1;
  color: #0284c7;
  transform: translateX(0);
}

/* Logout & Danger Actions */
.flf-account-nav-list li.flf-account-nav-danger {
  border-top: 1px solid #f1f5f9;
  margin-top: 6px;
  padding-top: 6px;
}
.flf-account-nav-list li.flf-account-nav-danger a {
  color: #ef4444;
}
.flf-account-nav-list li.flf-account-nav-danger a:hover {
  background: #fef2f2;
  border-left-color: #ef4444;
  color: #b91c1c;
}
.flf-account-nav-list li.flf-account-nav-danger a .flf-account-icon {
  color: #ef4444;
}
.flf-account-nav-list li.flf-account-nav-danger a:hover .flf-account-icon,
.flf-account-nav-list li.flf-account-nav-danger a:hover .flf-account-arrow {
  color: #b91c1c;
}

/* Right Content Panel - Crisp White Box */
.woocommerce-MyAccount-content {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 32px !important;
  color: #1e293b !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  font-family: var(--flf-font-heading);
  color: #0f172a;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 18px;
}

.woocommerce-MyAccount-content p {
  line-height: 1.7;
  color: #475569;
  margin-bottom: 20px;
}

.woocommerce-MyAccount-content a:not(.button):not(.flf-btn):not(.woocommerce-button):not([class*="btn"]) {
  color: var(--flf-link-color, #0284c7);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  text-decoration-color: rgba(2, 132, 199, 0.65);
}
.woocommerce-MyAccount-content a:not(.button):not(.flf-btn):not(.woocommerce-button):not([class*="btn"]):hover {
  color: var(--flf-link-hover, #0369a1);
  text-decoration-color: var(--flf-link-hover, #0369a1);
  text-decoration-thickness: 2px;
}

/* Orders & Data Tables */
.flf-orders-table-wrapper {
  overflow-x: auto;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  margin-bottom: 25px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

table.woocommerce-orders-table,
.woocommerce-MyAccount-content table.shop_table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  border: none;
  margin: 0;
}

table.woocommerce-orders-table th,
.woocommerce-MyAccount-content table.shop_table th {
  background: #0f172a;
  color: #ffffff;
  font-family: var(--flf-font-heading);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 14px 16px;
  border-bottom: 2px solid #00d2ff;
  white-space: nowrap;
}

table.woocommerce-orders-table td,
.woocommerce-MyAccount-content table.shop_table td {
  padding: 14px 16px;
  border-bottom: 1px solid #f1f5f9;
  color: #1e293b;
  font-size: 0.88rem;
  vertical-align: middle;
}

table.woocommerce-orders-table tr:hover td {
  background: #f8fafc;
}

table.woocommerce-orders-table tr:last-child td {
  border-bottom: none;
}

/* Order Number Link - High Contrast & Clearly Visible */
.flf-order-num-link,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-number a,
table.woocommerce-orders-table td[data-title="Order"] a {
  font-family: var(--flf-font-heading);
  font-weight: 800;
  color: #0f172a !important;
  text-decoration: none !important;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  display: inline-block;
  transition: color var(--flf-transition-fast);
}
.flf-order-num-link:hover,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-number a:hover,
table.woocommerce-orders-table td[data-title="Order"] a:hover {
  color: #0284c7 !important;
}

/* Order Date */
.flf-order-date,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-date time,
table.woocommerce-orders-table td[data-title="Date"] time {
  color: #334155;
  font-size: 0.88rem;
  font-weight: 500;
  white-space: nowrap;
}

/* Status Badges */
.flf-order-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}

.flf-status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

.flf-status-completed,
table.woocommerce-orders-table .status-completed {
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #a7f3d0;
}
.flf-status-completed .flf-status-dot {
  background: #047857;
  box-shadow: 0 0 6px rgba(4, 120, 87, 0.4);
}

.flf-status-processing,
.flf-status-pending,
table.woocommerce-orders-table .status-processing,
table.woocommerce-orders-table .status-pending {
  background: #f0f9ff;
  color: #0284c7;
  border: 1px solid #bae6fd;
}
.flf-status-processing .flf-status-dot,
.flf-status-pending .flf-status-dot {
  background: #0284c7;
  box-shadow: 0 0 6px rgba(2, 132, 199, 0.4);
}

.flf-status-cancelled,
.flf-status-failed,
table.woocommerce-orders-table .status-cancelled,
table.woocommerce-orders-table .status-failed {
  background: #fef2f2;
  color: #dc2626;
  border: 1px solid #fecaca;
}
.flf-status-cancelled .flf-status-dot,
.flf-status-failed .flf-status-dot {
  background: #ef4444;
}

.flf-status-on-hold,
table.woocommerce-orders-table .status-on-hold {
  background: #fffbeb;
  color: #b45309;
  border: 1px solid #fde68a;
}
.flf-status-on-hold .flf-status-dot {
  background: #b45309;
}

.flf-status-refunded,
table.woocommerce-orders-table .status-refunded {
  background: #f1f5f9;
  color: #475569;
  border: 1px solid #cbd5e1;
}
.flf-status-refunded .flf-status-dot {
  background: #64748b;
}

/* Total Block */
.flf-order-total-block,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-total,
table.woocommerce-orders-table td[data-title="Total"] {
  font-size: 0.88rem;
  font-weight: 600;
  color: #0f172a;
  white-space: nowrap;
}

/* Uncluttered Action Buttons */
.flf-order-actions-group,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions {
  white-space: nowrap;
}

.flf-order-actions-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
}

.flf-order-action-btn,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 7px 14px !important;
  border-radius: 6px !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: all var(--flf-transition-fast) !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* Dashicons inside Action Buttons */
.flf-order-action-btn .dashicons,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .dashicons {
  font-size: 15px !important;
  width: 15px !important;
  height: 15px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

/* 1. VIEW ACTION - High-Visibility Electric Apex Cyan */
.flf-btn-action-view,
.flf-btn-action-primary,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.view,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.flf-action-view {
  background: #00d2ff !important;
  color: #06090e !important;
  border: 1px solid #00d2ff !important;
}
.flf-btn-action-view .dashicons,
.flf-btn-action-primary .dashicons,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.view .dashicons {
  color: #06090e !important;
}
.flf-btn-action-view:hover,
.flf-btn-action-primary:hover,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.view:hover {
  background: #38bdf8 !important;
  color: #000000 !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 3px 12px rgba(0, 210, 255, 0.45) !important;
  transform: translateY(-1px);
}

/* 2. REORDER / ORDER AGAIN - Prominent Race Emerald Green */
.flf-btn-action-reorder,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.reorder,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.order-again,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.flf-action-reorder,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a[href*="reorder"],
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a[href*="order_again"] {
  background: #059669 !important;
  color: #ffffff !important;
  border: 1px solid #047857 !important;
}
.flf-btn-action-reorder .dashicons,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.reorder .dashicons,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.order-again .dashicons {
  color: #ffffff !important;
}
.flf-btn-action-reorder:hover,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.reorder:hover,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.order-again:hover,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a[href*="reorder"]:hover {
  background: #10b981 !important;
  color: #ffffff !important;
  border-color: #10b981 !important;
  box-shadow: 0 3px 12px rgba(16, 185, 129, 0.45) !important;
  transform: translateY(-1px);
}

/* 3. PDF INVOICE - Prominent Motorsport Rose / Red */
.flf-btn-action-pdf,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.invoice,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.pdf,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.flf-action-pdf,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a[href*="pdf"],
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a[href*="invoice"] {
  background: #e11d48 !important;
  color: #ffffff !important;
  border: 1px solid #be123c !important;
}
.flf-btn-action-pdf .dashicons,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a[href*="pdf"] .dashicons,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a[href*="invoice"] .dashicons {
  color: #ffffff !important;
}
.flf-btn-action-pdf:hover,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a[href*="pdf"]:hover,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a[href*="invoice"]:hover {
  background: #f43f5e !important;
  color: #ffffff !important;
  border-color: #f43f5e !important;
  box-shadow: 0 3px 12px rgba(225, 29, 72, 0.45) !important;
  transform: translateY(-1px);
}

/* 4. CSV INVOICE / EXPORT - Prominent Vivid Royal Indigo */
.flf-btn-action-csv,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.csv,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.flf-action-csv,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a[href*="csv"],
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a[href*="excel"] {
  background: #4f46e5 !important;
  color: #ffffff !important;
  border: 1px solid #4338ca !important;
}
.flf-btn-action-csv .dashicons,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a[href*="csv"] .dashicons {
  color: #ffffff !important;
}
.flf-btn-action-csv:hover,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a[href*="csv"]:hover {
  background: #6366f1 !important;
  color: #ffffff !important;
  border-color: #6366f1 !important;
  box-shadow: 0 3px 12px rgba(79, 70, 229, 0.45) !important;
  transform: translateY(-1px);
}

/* 5. DEFAULT / OTHER SECONDARY ACTIONS - High-Contrast Dark Slate */
.flf-btn-action-secondary,
.flf-btn-action-default,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button:not(.view):not(.reorder):not(.order-again):not(.invoice):not(.pdf):not(.csv):not(.request_return):not(.flf-btn-action-return) {
  background: #1e293b !important;
  color: #f8fafc !important;
  border: 1px solid #334155 !important;
}
.flf-btn-action-secondary .dashicons,
.flf-btn-action-default .dashicons,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button:not(.view):not(.reorder):not(.order-again):not(.invoice):not(.pdf):not(.csv):not(.request_return):not(.flf-btn-action-return) .dashicons {
  color: #f8fafc !important;
}
.flf-btn-action-secondary:hover,
.flf-btn-action-default:hover,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button:not(.view):not(.reorder):not(.order-again):not(.invoice):not(.pdf):not(.csv):not(.request_return):not(.flf-btn-action-return):hover {
  background: #334155 !important;
  color: #ffffff !important;
  border-color: #475569 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
  transform: translateY(-1px);
}

/* 6. RETURN REQUEST ACTION - High-Visibility Motorsport Amber/Orange */
.flf-btn-action-return,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.request_return,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a.request_return,
.woocommerce-MyAccount-content a.button.request_return,
.woocommerce-MyAccount-content a.request_return,
a.request_return {
  background: #d97706 !important;
  color: #ffffff !important;
  border: 1px solid #b45309 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 7px 14px !important;
  border-radius: 6px !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: all var(--flf-transition-fast) !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
  vertical-align: middle !important;
}

.flf-btn-action-return .dashicons,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.request_return .dashicons,
.woocommerce-MyAccount-content a.button.request_return .dashicons {
  color: #ffffff !important;
  font-size: 15px !important;
  width: 15px !important;
  height: 15px !important;
  line-height: 1 !important;
}

.flf-btn-action-return::before,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.request_return:not(:has(.dashicons))::before,
.woocommerce-MyAccount-content a.button.request_return:not(:has(.dashicons))::before,
a.request_return:not(:has(.dashicons))::before {
  content: "\f171"; /* dashicons-undo */
  font-family: "dashicons";
  font-size: 15px;
  width: 15px;
  height: 15px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
}

.flf-btn-action-return:hover,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.request_return:hover,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a.request_return:hover,
.woocommerce-MyAccount-content a.button.request_return:hover,
.woocommerce-MyAccount-content a.request_return:hover,
a.request_return:hover {
  background: #f59e0b !important;
  color: #06090e !important;
  border-color: #f59e0b !important;
  box-shadow: 0 3px 12px rgba(245, 158, 11, 0.45) !important;
  transform: translateY(-1px);
}

.flf-btn-action-return:hover::before,
table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button.request_return:hover::before,
.woocommerce-MyAccount-content a.button.request_return:hover::before,
a.request_return:hover::before {
  color: #06090e !important;
}

/* Pagination Controls */
.flf-orders-pagination {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}
.flf-orders-pagination .button {
  padding: 8px 18px;
  font-size: 0.82rem;
  background: #0f172a !important;
  color: #ffffff !important;
  border-radius: 4px;
}
.flf-orders-pagination .button:hover {
  background: #0284c7 !important;
}

/* ==========================================================================
   RESPONSIVE ORDERS & RETURN TABLES (MOBILE MOTORSPORT CARDS)
   ========================================================================== */
@media (max-width: 768px) {
  /* 1. Wrapper container */
  .flf-orders-table-wrapper {
    overflow-x: visible !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 20px !important;
  }

  /* 2. Table, thead, tbody */
  table.woocommerce-orders-table,
  table.account-orders-table,
  .woocommerce-MyAccount-content table.shop_table.shop_table_responsive,
  .woocommerce-MyAccount-content table.woocommerce-orders-table {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
  }

  table.woocommerce-orders-table thead,
  table.account-orders-table thead,
  .woocommerce-MyAccount-content table.shop_table.shop_table_responsive thead {
    display: none !important;
  }

  table.woocommerce-orders-table tbody,
  table.account-orders-table tbody,
  .woocommerce-MyAccount-content table.shop_table.shop_table_responsive tbody {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
  }

  /* 3. Each Order as a Standalone Motorsport Card */
  table.woocommerce-orders-table tr.woocommerce-orders-table__row,
  table.account-orders-table tr,
  .woocommerce-MyAccount-content table.shop_table.shop_table_responsive tr {
    display: block !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid #00d2ff !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    margin-bottom: 0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Status-based Left Border Accent */
  table.woocommerce-orders-table tr.woocommerce-orders-table__row--status-completed {
    border-left-color: #10b981 !important;
  }
  table.woocommerce-orders-table tr.woocommerce-orders-table__row--status-processing,
  table.woocommerce-orders-table tr.woocommerce-orders-table__row--status-pending {
    border-left-color: #00d2ff !important;
  }
  table.woocommerce-orders-table tr.woocommerce-orders-table__row--status-on-hold {
    border-left-color: #f59e0b !important;
  }
  table.woocommerce-orders-table tr.woocommerce-orders-table__row--status-cancelled,
  table.woocommerce-orders-table tr.woocommerce-orders-table__row--status-failed {
    border-left-color: #ef4444 !important;
  }
  table.woocommerce-orders-table tr.woocommerce-orders-table__row--status-refunded {
    border-left-color: #64748b !important;
  }

  /* 4. Cells (td) Flex Layout */
  table.woocommerce-orders-table td.woocommerce-orders-table__cell,
  table.account-orders-table td,
  .woocommerce-MyAccount-content table.shop_table.shop_table_responsive tr td {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-align: right !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 0.88rem !important;
    background: transparent !important;
    clear: both !important;
  }

  table.woocommerce-orders-table tr.woocommerce-orders-table__row td:last-child,
  table.woocommerce-orders-table tr.woocommerce-orders-table__row td.woocommerce-orders-table__cell-order-actions,
  table.account-orders-table tr td:last-child,
  table.account-orders-table tr td.order-actions {
    border-bottom: none !important;
  }

  /* 5. Cell Label (attr data-title) */
  table.woocommerce-orders-table.shop_table_responsive tr td::before,
  table.account-orders-table tr td::before,
  .woocommerce-MyAccount-content table.shop_table.shop_table_responsive tr td::before {
    content: attr(data-title) !important;
    float: none !important;
    font-family: var(--flf-font-heading) !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: #64748b !important;
    flex-shrink: 0 !important;
    margin-right: 12px !important;
    text-align: left !important;
  }

  /* 6. Specific Cells Formatting */
  .flf-order-num-link,
  table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-number a {
    font-size: 0.98rem !important;
    font-weight: 800 !important;
    color: #0284c7 !important;
  }

  .flf-order-date,
  table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-date time {
    font-size: 0.85rem !important;
    color: #334155 !important;
    font-weight: 500 !important;
  }

  .flf-order-status-badge {
    font-size: 0.72rem !important;
    padding: 3px 9px !important;
  }

  .flf-order-total-block,
  table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-total {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    text-align: right !important;
  }

  /* 7. Action Cell & Buttons Grid */
  table.woocommerce-orders-table tr td.woocommerce-orders-table__cell-order-actions,
  table.account-orders-table tr td.order-actions,
  .woocommerce-MyAccount-content table.shop_table.shop_table_responsive tr td.order-actions,
  .woocommerce-MyAccount-content table.woocommerce-orders-table tr td.woocommerce-orders-table__cell-order-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 8px !important;
    border-bottom: none !important;
    padding: 12px 0 0 0 !important;
    margin-top: 4px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    clear: both !important;
  }

  /* Hide the "Actions:" pseudo label */
  table.woocommerce-orders-table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-actions::before,
  table.account-orders-table tr td.order-actions::before,
  .woocommerce-MyAccount-content table.shop_table.shop_table_responsive tr td.order-actions::before,
  .woocommerce-MyAccount-content table.woocommerce-orders-table tr td.woocommerce-orders-table__cell-order-actions::before {
    display: none !important;
  }

  .flf-order-actions-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    justify-content: stretch !important;
  }

  .flf-order-action-btn,
  table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button,
  table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a.woocommerce-button,
  .woocommerce-MyAccount-content table.account-orders-table td .button,
  .woocommerce-MyAccount-content .view_return_request,
  .woocommerce-MyAccount-content .cancel_return_request {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 calc(50% - 4px) !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 9px 10px !important;
    font-size: 0.74rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    margin: 0 !important;
    border-radius: 6px !important;
    line-height: 1.2 !important;
  }

  /* 8. Pagination */
  .flf-orders-pagination {
    display: flex !important;
    gap: 10px !important;
    margin-top: 20px !important;
  }
  .flf-orders-pagination .button {
    flex: 1 1 50% !important;
    text-align: center !important;
    padding: 10px 16px !important;
    justify-content: center !important;
  }
}

@media (max-width: 380px) {
  .flf-order-action-btn,
  table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button,
  table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a.woocommerce-button,
  .woocommerce-MyAccount-content table.account-orders-table td .button {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
}

/* ==========================================================================
   DASHBOARD WIDGETS PLUGIN INTEGRATION (ds-my-account-dashboard-widgets)
   ========================================================================== */
.ds-madw-container {
  width: 100%;
  max-width: 100%;
}

.ds-madw-widget-content {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a.woocommerce-button {
  margin-right: 4px !important;
  margin-bottom: 4px !important;
}

@media (max-width: 768px) {
  .ds-madw-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .ds-madw-header-actions {
    margin-bottom: 14px !important;
    text-align: right !important;
  }

  .ds-madw-header-actions .button,
  #ds-madw-open-settings {
    background: #0f172a !important;
    color: #ffffff !important;
    border: 1px solid #1e293b !important;
    border-radius: 6px !important;
    font-family: var(--flf-font-heading, "Chakra Petch", sans-serif) !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    padding: 8px 14px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
  }

  .ds-madw-header-actions .button:hover,
  #ds-madw-open-settings:hover {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #ffffff !important;
  }

  .ds-madw-widget {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .ds-madw-widget-header {
    background: #f8fafc !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  .ds-madw-widget-header h3 {
    font-family: var(--flf-font-heading, "Chakra Petch", sans-serif) !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    color: #0f172a !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  .ds-madw-widget-content {
    padding: 12px 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* Force table inside widget to behave cleanly */
  .ds-madw-widget .woocommerce-orders-table {
    display: block !important;
    width: 100% !important;
    border: none !important;
    margin: 0 !important;
  }

  .ds-madw-widget .woocommerce-orders-table thead {
    display: none !important;
  }

  .ds-madw-widget .woocommerce-orders-table tbody {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .ds-madw-widget .woocommerce-orders-table tr.woocommerce-orders-table__row {
    display: block !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid #00d2ff !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    margin-bottom: 0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .ds-madw-widget .woocommerce-orders-table tr.woocommerce-orders-table__row--status-completed {
    border-left-color: #10b981 !important;
  }
  .ds-madw-widget .woocommerce-orders-table tr.woocommerce-orders-table__row--status-processing,
  .ds-madw-widget .woocommerce-orders-table tr.woocommerce-orders-table__row--status-pending {
    border-left-color: #00d2ff !important;
  }
  .ds-madw-widget .woocommerce-orders-table tr.woocommerce-orders-table__row--status-on-hold {
    border-left-color: #f59e0b !important;
  }
  .ds-madw-widget .woocommerce-orders-table tr.woocommerce-orders-table__row--status-cancelled,
  .ds-madw-widget .woocommerce-orders-table tr.woocommerce-orders-table__row--status-failed {
    border-left-color: #ef4444 !important;
  }
  .ds-madw-widget .woocommerce-orders-table tr.woocommerce-orders-table__row--status-refunded {
    border-left-color: #64748b !important;
  }

  .ds-madw-widget .woocommerce-orders-table td.woocommerce-orders-table__cell {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-align: right !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 0.88rem !important;
    background: transparent !important;
  }

  .ds-madw-widget .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: stretch !important;
    border-bottom: none !important;
    padding: 10px 0 0 0 !important;
    margin-top: 4px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
  }

  .ds-madw-widget .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button,
  .ds-madw-widget .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a.woocommerce-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 calc(50% - 4px) !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 9px 8px !important;
    font-size: 0.74rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    margin: 0 !important;
    border-radius: 6px !important;
    line-height: 1.2 !important;
  }
}

@media (max-width: 380px) {
  .ds-madw-widget .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .button,
  .ds-madw-widget .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a.woocommerce-button {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
}

/* Form Controls in Light Account Area */
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content select,
.woocommerce-MyAccount-content textarea {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  padding: 12px 16px !important;
  border-radius: 6px !important;
  width: 100% !important;
  font-size: 0.9rem !important;
  outline: none !important;
  transition: border-color var(--flf-transition-fast), box-shadow var(--flf-transition-fast) !important;
  margin-bottom: 14px !important;
  box-sizing: border-box !important;
}

.woocommerce-MyAccount-content input:focus,
.woocommerce-MyAccount-content select:focus,
.woocommerce-MyAccount-content textarea:focus {
  border-color: #0284c7 !important;
  box-shadow: 0 0 0 3px rgba(0, 210, 255, 0.2) !important;
}

.woocommerce-MyAccount-content button.button:not(.wc-returns-btn):not(.wc-returns-qty-btn),
.woocommerce-MyAccount-content input.button,
.woocommerce-MyAccount-content a.button:not(.view_return_request):not(.cancel_return_request):not(.request_return):not(.flf-order-action-btn):not(.wc-returns-btn) {
  background: #0f172a !important;
  color: #ffffff !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
  border-radius: 6px !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: all var(--flf-transition-fast) !important;
  text-decoration: none !important;
}

.woocommerce-MyAccount-content button.button:not(.wc-returns-btn):not(.wc-returns-qty-btn):hover,
.woocommerce-MyAccount-content input.button:hover,
.woocommerce-MyAccount-content a.button:not(.view_return_request):not(.cancel_return_request):not(.request_return):not(.flf-order-action-btn):not(.wc-returns-btn):hover {
  background: #0284c7 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0, 210, 255, 0.3) !important;
}

/* ==========================================================================
   RETURN REQUEST SYSTEM INTEGRATION & MODAL ENHANCEMENTS
   ========================================================================== */

/* Return Requests Table inside /my-account/return-requests/ */
.woocommerce-MyAccount-content table.account-orders-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  border: none;
  margin: 0;
}

.woocommerce-MyAccount-content table.account-orders-table th {
  background: #0f172a;
  color: #ffffff;
  font-family: var(--flf-font-heading);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 14px 16px;
  border-bottom: 2px solid #00d2ff;
  white-space: nowrap;
}

.woocommerce-MyAccount-content table.account-orders-table td {
  padding: 14px 16px;
  border-bottom: 1px solid #f1f5f9;
  color: #1e293b;
  font-size: 0.88rem;
  vertical-align: middle;
}

.woocommerce-MyAccount-content table.account-orders-table tr:hover td {
  background: #f8fafc;
}

.woocommerce-MyAccount-content table.account-orders-table tr:last-child td {
  border-bottom: none;
}

.woocommerce-MyAccount-content table.account-orders-table td a:not(.button) {
  color: var(--flf-link-color, #0284c7);
  font-weight: 700;
  font-family: var(--flf-font-mono, monospace);
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  text-decoration-color: rgba(2, 132, 199, 0.4);
  transition: all var(--flf-transition-fast);
}

.woocommerce-MyAccount-content table.account-orders-table td a:not(.button):hover {
  color: var(--flf-link-hover, #0369a1);
  text-decoration-color: var(--flf-link-hover, #0369a1);
}

/* Return Requests Table Actions */
.woocommerce-MyAccount-content .view_return_request,
.woocommerce-MyAccount-content a.view_return_request {
  background: #00d2ff !important;
  color: #06090e !important;
  border: 1px solid #00d2ff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 6px 14px !important;
  border-radius: 6px !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  transition: all var(--flf-transition-fast) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.woocommerce-MyAccount-content .view_return_request .dashicons {
  color: #06090e !important;
  font-size: 15px !important;
  width: 15px !important;
  height: 15px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  margin: 0 !important;
}

.woocommerce-MyAccount-content .view_return_request:hover {
  background: #38bdf8 !important;
  color: #000000 !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 3px 12px rgba(0, 210, 255, 0.45) !important;
  transform: translateY(-1px);
}

.woocommerce-MyAccount-content .cancel_return_request,
.woocommerce-MyAccount-content a.cancel_return_request {
  background: #e11d48 !important;
  color: #ffffff !important;
  border: 1px solid #be123c !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 6px 14px !important;
  border-radius: 6px !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  margin-left: 6px !important;
  transition: all var(--flf-transition-fast) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.woocommerce-MyAccount-content .cancel_return_request:hover {
  background: #f43f5e !important;
  color: #ffffff !important;
  border-color: #f43f5e !important;
  box-shadow: 0 3px 12px rgba(225, 29, 72, 0.45) !important;
  transform: translateY(-1px);
}

/* Modal High-Visibility & Motorsport Consistency */
#wc-returns-modal {
  z-index: 99999 !important;
}

#wc-returns-modal .wc-returns-content {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}

#wc-returns-modal .wc-returns-modal-header {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 20px 24px !important;
}

#wc-returns-modal .wc-returns-modal-header h2 {
  font-family: var(--flf-font-heading) !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  color: #0f172a !important;
  margin: 0 !important;
}

#wc-returns-modal .wc-returns-section-title {
  font-family: var(--flf-font-heading) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}

#wc-returns-modal .wc-returns-btn {
  font-family: var(--flf-font-heading) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  border-radius: 6px !important;
  padding: 9px 20px !important;
  cursor: pointer !important;
  transition: all var(--flf-transition-fast) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#wc-returns-modal .wc-returns-btn-primary {
  background: #0284c7 !important;
  border-color: #0284c7 !important;
  color: #ffffff !important;
}

#wc-returns-modal .wc-returns-btn-primary:hover {
  background: #0369a1 !important;
  border-color: #0369a1 !important;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.35) !important;
  transform: translateY(-1px);
}

#wc-returns-modal .wc-returns-btn-secondary {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #cbd5e1 !important;
}

#wc-returns-modal .wc-returns-btn-secondary:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

#wc-returns-modal .wc-returns-select,
#wc-returns-modal .wc-returns-textarea {
  font-family: var(--flf-font-body) !important;
  font-size: 0.9rem !important;
  color: #1e293b !important;
  background-color: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
}

#wc-returns-modal .wc-returns-select:focus,
#wc-returns-modal .wc-returns-textarea:focus {
  border-color: #0284c7 !important;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.2) !important;
  outline: none !important;
}

#wc-returns-modal .wc-returns-qty-btn {
  font-family: var(--flf-font-body) !important;
  user-select: none !important;
}

#wc-returns-modal .wc-returns-qty-input {
  font-family: var(--flf-font-mono, monospace) !important;
}

#wc-returns-modal .wc-returns-details-wrapper a {
  color: var(--flf-link-color, #0284c7) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

/* Address Cards in Light Theme */
.woocommerce-Address,
.woocommerce-MyAccount-content .u-column1,
.woocommerce-MyAccount-content .u-column2 {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.woocommerce-Address-title h3 {
  font-family: var(--flf-font-heading);
  color: #0f172a;
  font-size: 1.1rem;
  font-weight: 800;
  margin-bottom: 12px;
}
.woocommerce-Address address {
  color: #475569;
  font-style: normal;
  line-height: 1.6;
}

/* Responsive My Account Tweaks */
@media (max-width: 900px) {
  .woocommerce-account .flf-page-main {
    padding: 24px 0 40px !important;
  }
  .woocommerce-account .flf-page-header {
    margin-bottom: 18px !important;
    padding-bottom: 12px !important;
  }
  .woocommerce-account .flf-page-title {
    font-size: 1.5rem !important;
  }
  .woocommerce-MyAccount-content {
    padding: 20px 16px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* ==========================================================================
   FLF MOTORSPORT THEME - WOOCOMMERCE STORE NOTICE / DEMO BANNER
   ========================================================================== */
.woocommerce-store-notice,
p.demo_store {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 10px 24px !important;
  background: var(--flf-notice-bg, #0a0d14) !important;
  color: var(--flf-notice-text, #f8fafc) !important;
  border-bottom: 2px solid var(--flf-notice-border, #00d2ff) !important;
  border-top: none !important;
  font-family: var(--flf-font-body) !important;
  font-size: 0.88rem !important;
  line-height: 1.5 !important;
  text-align: center !important;
  z-index: 99999 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  box-sizing: border-box !important;
}

/* Ensure notice is fully hidden when dismissed or deduplicated */
.woocommerce-store-notice ~ .woocommerce-store-notice,
p.demo_store ~ p.demo_store,
.woocommerce-store-notice + .woocommerce-store-notice,
p.demo_store + p.demo_store,
.woocommerce-store-notice.flf-notice-dismissed,
p.demo_store.flf-notice-dismissed,
html.flf-store-notice-dismissed .woocommerce-store-notice,
html.flf-store-notice-dismissed p.demo_store,
body.woocommerce-demo-store-hidden .woocommerce-store-notice,
body.woocommerce-demo-store-hidden p.demo_store {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  pointer-events: none !important;
}

/* Ensure WordPress admin bar does not stretch or break notice positioning */
body.admin-bar .woocommerce-store-notice,
body.admin-bar p.demo_store {
  top: auto !important;
  bottom: auto !important;
}

.woocommerce-store-notice a.woocommerce-store-notice__dismiss-link,
p.demo_store a.woocommerce-store-notice__dismiss-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--flf-notice-btn-bg, rgba(0, 210, 255, 0.15)) !important;
  color: var(--flf-notice-btn-text, #00d2ff) !important;
  border: 1px solid var(--flf-notice-border, rgba(0, 210, 255, 0.4)) !important;
  padding: 4px 14px !important;
  border-radius: 4px !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all var(--flf-transition-fast) !important;
  white-space: nowrap !important;
}

.woocommerce-store-notice a.woocommerce-store-notice__dismiss-link:hover,
p.demo_store a.woocommerce-store-notice__dismiss-link:hover {
  background: var(--flf-notice-border, #00d2ff) !important;
  color: #06090e !important;
  border-color: var(--flf-notice-border, #00d2ff) !important;
  box-shadow: 0 0 10px rgba(0, 210, 255, 0.45) !important;
}

/* ==========================================================================
   Modern Motorsport Multi-Step Inline Checkout
   ========================================================================== */

.flf-checkout-container {
  max-width: 980px !important;
  margin: 30px auto 60px auto !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}

/* Multi-Step Progress Tracker Bar */
.flf-checkout-steps-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #ffffff !important;
  border: 1px solid var(--flf-border-light, #e2e8f0) !important;
  border-radius: var(--flf-radius-sm, 8px) !important;
  padding: 16px 24px !important;
  margin-bottom: 28px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.flf-step-indicator {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: #64748b !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  transition: all 0.25s ease !important;
}

.flf-step-indicator .flf-step-num {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  transition: all 0.25s ease !important;
}

.flf-step-indicator .flf-step-check {
  display: none !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  align-items: center !important;
  justify-content: center !important;
  background: #059669 !important;
  color: #ffffff !important;
  font-size: 0.85rem !important;
  font-weight: 800 !important;
}

.flf-step-indicator.active {
  color: #0284c7 !important;
}

.flf-step-indicator.active .flf-step-num {
  background: #0284c7 !important;
  color: #ffffff !important;
  box-shadow: 0 0 10px rgba(2, 132, 199, 0.35) !important;
}

.flf-step-indicator.completed {
  color: #059669 !important;
  cursor: pointer !important;
}

.flf-step-indicator.completed .flf-step-num {
  display: none !important;
}

.flf-step-indicator.completed .flf-step-check {
  display: flex !important;
}

.flf-step-divider {
  flex: 1 !important;
  height: 2px !important;
  background: #e2e8f0 !important;
  margin: 0 16px !important;
  transition: background 0.3s ease !important;
}

/* Step Card Accordion Container */
.flf-checkout-step {
  background: #ffffff !important;
  border: 1px solid var(--flf-border-light, #e2e8f0) !important;
  border-radius: var(--flf-radius-sm, 8px) !important;
  margin-bottom: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.25s ease !important;
}

.flf-checkout-step.active {
  border-color: #0284c7 !important;
  box-shadow: 0 4px 20px rgba(2, 132, 199, 0.08) !important;
}

.flf-checkout-step.completed {
  border-color: #cbd5e1 !important;
  background: #fafbfc !important;
}

/* Step Header */
.flf-step-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 24px !important;
  background: #ffffff !important;
  user-select: none !important;
  outline: none !important;
}

.flf-checkout-step.completed .flf-step-header {
  cursor: pointer !important;
  background: #f8fafc !important;
}

.flf-checkout-step.completed .flf-step-header:hover {
  background: #f1f5f9 !important;
}

.flf-step-header-left {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.flf-step-badge {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--flf-font-heading) !important;
  font-weight: 800 !important;
  font-size: 0.85rem !important;
  background: #e2e8f0 !important;
  color: #475569 !important;
  transition: all 0.25s ease !important;
}

.flf-checkout-step.active .flf-step-badge {
  background: #0284c7 !important;
  color: #ffffff !important;
  box-shadow: 0 0 10px rgba(2, 132, 199, 0.3) !important;
}

.flf-checkout-step.completed .flf-step-badge {
  background: #059669 !important;
  color: #ffffff !important;
}

.flf-step-heading {
  margin: 0 !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 1.12rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  color: var(--flf-text-light-primary, #0f172a) !important;
  text-transform: uppercase !important;
}

.flf-step-edit-btn {
  background: transparent !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 4px !important;
  padding: 4px 14px !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  color: #0284c7 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.flf-step-edit-btn:hover {
  background: #0284c7 !important;
  color: #ffffff !important;
  border-color: #0284c7 !important;
}

/* Collapsed Step Summary Line */
.flf-step-summary {
  padding: 12px 24px 18px 64px !important;
  font-size: 0.92rem !important;
  color: #475569 !important;
  line-height: 1.6 !important;
  border-top: 1px dashed #e2e8f0 !important;
  background: #f8fafc !important;
}

.flf-summary-line {
  margin-bottom: 3px !important;
}

.flf-summary-name strong {
  color: #0f172a !important;
  font-weight: 700 !important;
}

.flf-summary-co {
  color: #64748b !important;
  font-weight: 600 !important;
}

.flf-summary-addr {
  color: #334155 !important;
}

.flf-summary-contact {
  color: #64748b !important;
  font-size: 0.85rem !important;
}

.flf-summary-same {
  color: #059669 !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.flf-check-icon {
  font-weight: 800 !important;
  font-size: 1rem !important;
}

.flf-summary-notes {
  margin-top: 6px !important;
  color: #64748b !important;
}

/* Step Body */
.flf-step-body {
  padding: 24px !important;
  border-top: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
}

/* Hide Redundant Nested Heading in Billing and Shipping */
.flf-step-body .woocommerce-billing-fields > h3,
.flf-step-body .woocommerce-shipping-fields > h3,
.flf-step-body .woocommerce-additional-fields > h3 {
  display: none !important;
}

/* Declutter Form Fields into a Clean High-Performance Grid */
.flf-step-body .form-row {
  margin-bottom: 16px !important;
  padding: 0 !important;
}

.flf-step-body .form-row-first {
  float: left !important;
  width: 48.5% !important;
  margin-right: 3% !important;
  clear: none !important;
}

.flf-step-body .form-row-last {
  float: right !important;
  width: 48.5% !important;
  margin-right: 0 !important;
  clear: none !important;
}

.flf-step-body .form-row-wide {
  width: 100% !important;
  clear: both !important;
}

.flf-step-body label {
  font-family: var(--flf-font-heading) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  color: #334155 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.flf-step-body .required {
  color: #ef4444 !important;
  text-decoration: none !important;
}

.flf-step-body input.input-text,
.flf-step-body select,
.flf-step-body textarea {
  border: 1px solid #cbd5e1 !important;
  border-radius: var(--flf-radius-sm, 6px) !important;
  padding: 10px 14px !important;
  font-size: 0.95rem !important;
  color: #0f172a !important;
  background: #ffffff !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

.flf-step-body input.input-text:focus,
.flf-step-body select:focus,
.flf-step-body textarea:focus {
  border-color: #00d2ff !important;
  box-shadow: 0 0 0 3px rgba(0, 210, 255, 0.15) !important;
  outline: none !important;
}

/* Saved Address Dropdown Styling */
.flf-step-body select[name*="saved_address"],
.flf-step-body select[name*="address_select"],
.flf-step-body .saved-address-wrap select,
.flf-step-body #billing_address_select,
.flf-step-body #shipping_address_select {
  background: #f8fafc !important;
  border: 1px solid #0284c7 !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  padding: 10px 14px !important;
  border-radius: 6px !important;
}

/* Step Actions (Continue / Back Buttons) */
.flf-step-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  margin-top: 24px !important;
  padding-top: 20px !important;
  border-top: 1px solid #e2e8f0 !important;
  clear: both !important;
}

.flf-continue-btn {
  background: #0284c7 !important;
  color: #ffffff !important;
  padding: 12px 28px !important;
  font-family: var(--flf-font-heading) !important;
  font-weight: 800 !important;
  font-size: 0.9rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border-radius: var(--flf-radius-sm, 6px) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.25) !important;
}

.flf-continue-btn:hover {
  background: #0369a1 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
}

.flf-prev-btn {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #cbd5e1 !important;
  padding: 12px 20px !important;
  font-family: var(--flf-font-heading) !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  border-radius: var(--flf-radius-sm, 6px) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.flf-prev-btn:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

/* Error Field Highlighting */
.flf-field-error input,
.flf-field-error select,
.flf-field-error textarea,
.woocommerce-invalid input,
.woocommerce-invalid select,
.woocommerce-invalid textarea {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15) !important;
}

/* Step 3: Order Review & Payment */
.flf-review-subheading {
  font-family: var(--flf-font-heading) !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  color: #0f172a !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  letter-spacing: 0.02em !important;
}

.flf-payment-body #order_review {
  margin-top: 10px !important;
}

.flf-payment-body table.woocommerce-checkout-review-order-table {
  width: 100% !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin-bottom: 24px !important;
  background: #ffffff !important;
}

.flf-payment-body table.woocommerce-checkout-review-order-table th,
.flf-payment-body table.woocommerce-checkout-review-order-table td {
  padding: 12px 16px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.flf-payment-body table.woocommerce-checkout-review-order-table tr.order-total th,
.flf-payment-body table.woocommerce-checkout-review-order-table tr.order-total td {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  border-top: 2px solid #e2e8f0 !important;
}

.flf-payment-body #payment,
.woocommerce-checkout #payment {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 24px !important;
}

.flf-payment-body #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
  padding: 0 !important;
  margin: 0 0 20px 0 !important;
  list-style: none !important;
}

.flf-payment-body #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
  margin-bottom: 12px !important;
  padding: 14px 18px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
}

.woocommerce-checkout #payment div.payment_box,
#payment div.payment_box {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  color: #334155 !important;
  font-size: 0.9rem !important;
  padding: 14px 16px !important;
  margin: 10px 0 !important;
}

.woocommerce-checkout #payment .woocommerce-privacy-policy-text,
#payment .woocommerce-privacy-policy-text {
  font-size: 0.9rem !important;
  color: #64748b !important;
  line-height: 1.5 !important;
  margin: 16px 0 !important;
}

.woocommerce-checkout #payment .woocommerce-privacy-policy-text a,
#payment .woocommerce-privacy-policy-text a {
  color: var(--flf-link-color, #0284c7) !important;
  text-decoration: underline !important;
}

/* Universal High-Impact Place Order Button */
.woocommerce-checkout #payment .form-row.place-order,
#payment .form-row.place-order,
.woocommerce-checkout .form-row.place-order,
.woocommerce-checkout-payment .place-order {
  float: none !important;
  width: 100% !important;
  padding: 16px 0 0 0 !important;
  margin: 20px 0 0 0 !important;
  display: block !important;
  text-align: center !important;
  clear: both !important;
}

body.woocommerce-checkout #place_order,
body.woocommerce-checkout button#place_order,
body.woocommerce-checkout input#place_order,
.woocommerce-checkout #payment #place_order,
.woocommerce-checkout #payment button#place_order,
.woocommerce-checkout #payment input#place_order,
.flf-payment-body #payment button#place_order,
.flf-payment-body #payment input#place_order,
.woocommerce-checkout-payment #place_order,
#payment button#place_order,
#payment input#place_order,
#payment #place_order,
#place_order.button,
#place_order.button.alt,
button#place_order,
input#place_order {
  display: block !important;
  width: 100% !important;
  min-height: 64px !important;
  padding: 20px 40px !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  background: var(--flf-primary, #00d2ff) !important;
  color: #06090e !important;
  border: 2px solid transparent !important;
  border-radius: var(--flf-radius-sm, 6px) !important;
  cursor: pointer !important;
  box-shadow: 0 4px 18px rgba(0, 210, 255, 0.4) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-align: center !important;
  float: none !important;
  margin: 20px auto 0 auto !important;
  box-sizing: border-box !important;
}

body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout button#place_order:hover,
body.woocommerce-checkout input#place_order:hover,
.woocommerce-checkout #payment #place_order:hover,
.woocommerce-checkout #payment button#place_order:hover,
.woocommerce-checkout #payment input#place_order:hover,
.flf-payment-body #payment button#place_order:hover,
.flf-payment-body #payment input#place_order:hover,
.woocommerce-checkout-payment #place_order:hover,
#payment button#place_order:hover,
#payment input#place_order:hover,
#payment #place_order:hover,
#place_order.button:hover,
#place_order.button.alt:hover,
button#place_order:hover,
input#place_order:hover {
  background: var(--flf-primary-hover, #00b4db) !important;
  color: #000000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(0, 210, 255, 0.55) !important;
}

body.woocommerce-checkout #place_order:active,
body.woocommerce-checkout button#place_order:active,
body.woocommerce-checkout input#place_order:active,
#payment button#place_order:active,
#payment #place_order:active,
button#place_order:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 10px rgba(0, 210, 255, 0.3) !important;
}

/* Mobile Responsiveness for Checkout */
@media (max-width: 640px) {
  .flf-checkout-steps-bar {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 16px !important;
  }

  .flf-step-divider {
    display: none !important;
  }

  .flf-step-body .form-row-first,
  .flf-step-body .form-row-last {
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
  }

  .flf-step-summary {
    padding-left: 24px !important;
  }

  .flf-step-actions {
    flex-direction: column-reverse !important;
    width: 100% !important;
  }

  .flf-continue-btn,
  .flf-prev-btn {
    width: 100% !important;
    text-align: center !important;
  }
}

/* ==========================================================================
   FLF MOTORSPORT THEME - 2-COLUMN EXPANDED CART & BOTTOM CROSS-SELLS
   ========================================================================== */

.woocommerce-cart .flf-page-main {
  background: var(--flf-bg-light, #f8fafc) !important;
  min-height: 80vh !important;
  padding: 40px 0 80px !important;
}

.woocommerce-cart .flf-entry-content-box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.woocommerce-cart .flf-page-header {
  margin-bottom: 28px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding-bottom: 20px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.woocommerce-cart .flf-page-title {
  color: #0f172a !important;
  font-family: var(--flf-font-heading) !important;
  font-size: clamp(2rem, 3.5vw, 2.75rem) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  margin: 0 !important;
}

/* ==========================================================================
   WOOCOMMERCE NOTICES & ALERTS (Modern Motorsport High-Contrast Styling)
   ========================================================================== */

.woocommerce-cart .woocommerce-notices-wrapper,
.woocommerce-checkout .woocommerce-notices-wrapper,
.woocommerce-notices-wrapper {
  width: 100% !important;
  box-sizing: border-box !important;
  margin-bottom: 24px !important;
}

/* Base Notice Container */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notice,
.woocommerce-cart [class*="free-shipping"],
.woocommerce-cart .wpc-free-shipping-bar {
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 16px 0 !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 14px 20px !important;
  color: #1e293b !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  position: relative !important;
}

/* Left Accent Borders by Notice Type */
.woocommerce-info,
.woocommerce-notice,
[class*="free-shipping"],
.wpc-free-shipping-bar {
  border-left: 5px solid var(--flf-primary, #00d2ff) !important;
}

.woocommerce-message {
  border-left: 5px solid #10b981 !important;
}

.woocommerce-error {
  border-left: 5px solid #ef4444 !important;
  list-style: none !important;
}

.woocommerce-error li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Fix Notice Icon Overlap: Replace legacy absolute glyph with static flex SVG */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before,
.woocommerce-notice::before,
[class*="free-shipping"]::before,
.wpc-free-shipping-bar::before {
  content: "" !important;
  font-family: inherit !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  line-height: 1 !important;
}

/* Crisp Vector Stroke Icons */
.woocommerce-info::before,
.woocommerce-notice::before,
[class*="free-shipping"]::before,
.wpc-free-shipping-bar::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230284c7' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E") !important;
}

.woocommerce-message::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E") !important;
}

.woocommerce-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E") !important;
}

/* Ensure any internal dashicons element stays neatly in flow */
.woocommerce-message .dashicons,
.woocommerce-info .dashicons,
.woocommerce-error .dashicons,
.woocommerce-notice .dashicons {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: static !important;
  margin: 0 8px 0 0 !important;
  vertical-align: middle !important;
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0 !important;
}

/* Action Buttons inside Notices */
.woocommerce-message a.button,
.woocommerce-info a.button,
.woocommerce-error a.button {
  background: #1e293b !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  font-family: var(--flf-font-heading) !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-left: auto !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
}

.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-error a.button:hover {
  background: #00d2ff !important;
  color: #06090e !important;
}

/* ==========================================================================
   SUPPRESS NOTIFICATIONS ON EMPTY CART PAGE
   ========================================================================== */
.flf-empty-cart-card .woocommerce-notices-wrapper,
.flf-empty-cart-card .woocommerce-message,
.flf-empty-cart-card .woocommerce-info,
.flf-empty-cart-card .woocommerce-error,
.flf-empty-cart-card .woocommerce-notice,
.flf-empty-cart-card [class*="free-shipping"],
.flf-empty-cart-card .wpc-free-shipping-bar,
.flf-empty-cart-extra .woocommerce-notices-wrapper,
.flf-empty-cart-extra .woocommerce-message,
.flf-empty-cart-extra .woocommerce-info,
.flf-empty-cart-extra .woocommerce-error,
.flf-empty-cart-extra .woocommerce-notice,
.flf-empty-cart-extra [class*="free-shipping"],
.flf-empty-cart-extra .wpc-free-shipping-bar,
body.woocommerce-cart:has(.flf-empty-cart-card) .woocommerce-notices-wrapper,
body.woocommerce-cart:has(.flf-empty-cart-card) .woocommerce-message,
body.woocommerce-cart:has(.flf-empty-cart-card) .woocommerce-info,
body.woocommerce-cart:has(.flf-empty-cart-card) .woocommerce-error,
body.woocommerce-cart:has(.flf-empty-cart-card) .woocommerce-notice,
body.woocommerce-cart:has(.flf-empty-cart-card) [class*="free-shipping"],
body.woocommerce-cart:has(.flf-empty-cart-card) .wpc-free-shipping-bar,
.woocommerce-cart .flf-empty-cart-card ~ .woocommerce-notices-wrapper {
  display: none !important;
}

/* 2-Column Responsive Cart Layout */
.woocommerce-cart .flf-cart-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 32px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (min-width: 992px) {
  .woocommerce-cart .flf-cart-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 36px !important;
  }

  /* Expanded Product List Main Column */
  .woocommerce-cart .flf-cart-main-col {
    flex: 1 1 0% !important;
    min-width: 0 !important;
  }

  /* Right Summary Sidebar Column */
  .woocommerce-cart .flf-cart-sidebar-col {
    width: 390px !important;
    flex-shrink: 0 !important;
  }

  .woocommerce-cart .flf-cart-sidebar-sticky {
    position: sticky !important;
    top: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }
}

/* Cart Table Card */
.flf-cart-table-card,
.woocommerce-cart .woocommerce-cart-form {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05) !important;
  overflow: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.woocommerce-cart table.shop_table.cart {
  width: 100% !important;
  border-collapse: collapse !important;
  border: none !important;
  margin: 0 !important;
  background: #ffffff !important;
}

/* Table Header */
.woocommerce-cart table.shop_table.cart thead {
  background: #0b0f17 !important;
}

.woocommerce-cart table.shop_table.cart thead th {
  padding: 16px 20px !important;
  color: #f8fafc !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.85rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  border: none !important;
  text-align: left !important;
}

.woocommerce-cart table.shop_table.cart thead th.product-price,
.woocommerce-cart table.shop_table.cart thead th.product-quantity {
  text-align: center !important;
}

.woocommerce-cart table.shop_table.cart thead th.product-subtotal {
  text-align: right !important;
  padding-right: 28px !important;
}

/* Table Body Rows */
.woocommerce-cart table.shop_table.cart tbody tr.cart_item {
  border-bottom: 1px solid #f1f5f9 !important;
  transition: background 0.15s ease !important;
}

.woocommerce-cart table.shop_table.cart tbody tr.cart_item:hover {
  background: #f8fafc !important;
}

.woocommerce-cart table.shop_table.cart td {
  padding: 22px 18px !important;
  vertical-align: middle !important;
  border: none !important;
}

/* Product Remove Button */
.woocommerce-cart table.shop_table.cart td.product-remove {
  width: 44px !important;
  padding-left: 20px !important;
  padding-right: 6px !important;
  text-align: center !important;
}

.woocommerce-cart table.shop_table.cart td.product-remove a.remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #fee2e2 !important;
  color: #ef4444 !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.woocommerce-cart table.shop_table.cart td.product-remove a.remove:hover {
  background: #ef4444 !important;
  color: #ffffff !important;
  transform: scale(1.12) !important;
}

/* Product Thumbnail */
.woocommerce-cart table.shop_table.cart td.product-thumbnail {
  width: 90px !important;
  padding-left: 6px !important;
  padding-right: 16px !important;
}

.woocommerce-cart table.shop_table.cart td.product-thumbnail img {
  width: 76px !important;
  height: 76px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  padding: 4px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

/* Product Name & Variations */
.woocommerce-cart table.shop_table.cart td.product-name {
  font-size: 1.05rem !important;
}

.woocommerce-cart table.shop_table.cart td.product-name a,
.woocommerce-cart .flf-cart-product-title {
  color: #0f172a !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
  transition: color 0.15s ease !important;
  display: inline-block !important;
}

.woocommerce-cart table.shop_table.cart td.product-name a:hover,
.woocommerce-cart .flf-cart-product-title:hover {
  color: #0284c7 !important;
}

.woocommerce-cart table.shop_table.cart td.product-name dl.variation {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 12px !important;
  margin: 6px 0 0 0 !important;
  font-size: 0.82rem !important;
}

.woocommerce-cart table.shop_table.cart td.product-name dl.variation dt {
  font-weight: 700 !important;
  color: #64748b !important;
  margin: 0 !important;
  float: none !important;
}

.woocommerce-cart table.shop_table.cart td.product-name dl.variation dd {
  margin: 0 8px 0 2px !important;
  color: #0f172a !important;
  font-weight: 600 !important;
  float: none !important;
}

/* Product Price */
.woocommerce-cart table.shop_table.cart td.product-price {
  font-family: var(--flf-font-heading) !important;
  font-size: 1.08rem !important;
  font-weight: 700 !important;
  color: #475569 !important;
  text-align: center !important;
  white-space: nowrap !important;
  width: 110px !important;
}

/* Product Quantity */
.woocommerce-cart table.shop_table.cart td.product-quantity {
  text-align: center !important;
  width: 140px !important;
}

.woocommerce-cart table.shop_table.cart .quantity {
  display: inline-flex !important;
  align-items: center !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #f8fafc !important;
  height: 42px !important;
}

.woocommerce-cart table.shop_table.cart .quantity .flf-qty-btn {
  width: 36px !important;
  height: 42px !important;
  background: #f1f5f9 !important;
  border: none !important;
  color: #1e293b !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.15s ease !important;
  padding: 0 !important;
}

.woocommerce-cart table.shop_table.cart .quantity .flf-qty-btn:hover {
  background: #0284c7 !important;
  color: #ffffff !important;
}

.woocommerce-cart table.shop_table.cart .quantity input.qty {
  width: 48px !important;
  height: 42px !important;
  border: none !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  -moz-appearance: textfield !important;
}

.woocommerce-cart table.shop_table.cart .quantity input.qty::-webkit-inner-spin-button,
.woocommerce-cart table.shop_table.cart .quantity input.qty::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Product Subtotal */
.woocommerce-cart table.shop_table.cart td.product-subtotal {
  font-family: var(--flf-font-heading) !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  text-align: right !important;
  padding-right: 28px !important;
  white-space: nowrap !important;
  width: 120px !important;
}

/* Dedicated Cart Bottom Action Bar (Full-Width Below Items Table) */
.flf-cart-bottom-bar,
.woocommerce-cart .flf-cart-bottom-bar,
.woocommerce-cart table.shop_table.cart tr.flf-cart-actions-row td.actions {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 18px 24px !important;
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

.flf-cart-bottom-bar .flf-bottom-bar-left {
  display: flex !important;
  align-items: center !important;
}

.flf-cart-bottom-bar .flf-bottom-bar-right,
.woocommerce-cart .flf-cart-actions-right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  margin-left: auto !important;
  flex-wrap: wrap !important;
}

/* Ensure plugin wrappers (e.g. .wc-save-cart-wrapper) don't break horizontal flex */
.flf-cart-bottom-bar .wc-save-cart-wrapper,
.flf-bottom-bar-right .wc-save-cart-wrapper,
.woocommerce-cart .wc-save-cart-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Continue Shopping Link/Button */
.flf-continue-shopping-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 18px !important;
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 6px !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #475569 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  line-height: 1.2 !important;
  transition: all 0.2s ease !important;
}

.flf-continue-shopping-btn:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border-color: #94a3b8 !important;
  transform: translateX(-2px) !important;
}

.flf-continue-shopping-btn span {
  font-size: 1.1rem !important;
  line-height: 1 !important;
  transition: transform 0.2s ease !important;
}

.flf-continue-shopping-btn:hover span {
  transform: translateX(-2px) !important;
}

/* Base Styling for Action Buttons in Bottom Bar */
.flf-cart-bottom-bar .button,
.flf-cart-bottom-bar button,
.flf-cart-bottom-bar input[type="submit"],
.flf-cart-bottom-bar a.button,
.woocommerce-cart table.shop_table.cart td.actions .button,
.woocommerce-cart table.shop_table.cart td.actions button {
  min-height: 42px !important;
  padding: 10px 20px !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  float: none !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

/* 1. Update Cart Button */
.flf-cart-bottom-bar button[name="update_cart"],
.flf-cart-bottom-bar .flf-btn-update-cart,
.woocommerce-cart table.shop_table.cart td.actions button[name="update_cart"],
.woocommerce-cart table.shop_table.cart td.actions .flf-btn-update-cart {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #1e293b !important;
}

.flf-cart-bottom-bar button[name="update_cart"]:hover,
.flf-cart-bottom-bar .flf-btn-update-cart:hover,
.woocommerce-cart table.shop_table.cart td.actions button[name="update_cart"]:hover,
.woocommerce-cart table.shop_table.cart td.actions .flf-btn-update-cart:hover {
  border-color: #0f172a !important;
  background: #0f172a !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* 2. Save Cart Button (Cyan Finish Line Factory branded) */
.flf-cart-bottom-bar .wc-open-save-cart-modal,
.flf-cart-bottom-bar [class*="save-cart"],
.flf-cart-bottom-bar button[name*="save"],
.woocommerce-cart table.shop_table.cart td.actions [class*="save-cart"] {
  background: #ffffff !important;
  border: 1.5px solid #00d2ff !important;
  color: #0284c7 !important;
}

.flf-cart-bottom-bar .wc-open-save-cart-modal:hover,
.flf-cart-bottom-bar [class*="save-cart"]:hover,
.flf-cart-bottom-bar button[name*="save"]:hover,
.woocommerce-cart table.shop_table.cart td.actions [class*="save-cart"]:hover {
  background: #00d2ff !important;
  color: #06090e !important;
  border-color: #00d2ff !important;
  box-shadow: 0 4px 14px rgba(0, 210, 255, 0.35) !important;
  transform: translateY(-1px) !important;
}

/* 3. Empty Cart Button (Muted red outline) */
.flf-cart-bottom-bar button[name*="empty"],
.flf-cart-bottom-bar a[href*="empty"],
.flf-cart-bottom-bar [class*="empty-cart"],
.flf-cart-bottom-bar .empty-cart-btn,
.woocommerce-cart table.shop_table.cart td.actions [class*="empty-cart"] {
  background: #ffffff !important;
  border: 1.5px solid #fecdd3 !important;
  color: #e11d48 !important;
}

.flf-cart-bottom-bar button[name*="empty"]:hover,
.flf-cart-bottom-bar a[href*="empty"]:hover,
.flf-cart-bottom-bar [class*="empty-cart"]:hover,
.flf-cart-bottom-bar .empty-cart-btn:hover,
.woocommerce-cart table.shop_table.cart td.actions [class*="empty-cart"]:hover {
  background: #e11d48 !important;
  color: #ffffff !important;
  border-color: #e11d48 !important;
  box-shadow: 0 4px 14px rgba(225, 29, 72, 0.25) !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 768px) {
  .flf-cart-bottom-bar,
  .woocommerce-cart .flf-cart-bottom-bar {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 16px !important;
    gap: 12px !important;
  }
  .flf-cart-bottom-bar .flf-bottom-bar-left,
  .flf-cart-bottom-bar .flf-bottom-bar-right {
    width: 100% !important;
    justify-content: stretch !important;
    gap: 8px !important;
  }
  .flf-cart-bottom-bar .flf-continue-shopping-btn,
  .flf-cart-bottom-bar .button,
  .flf-cart-bottom-bar button,
  .flf-bottom-bar-right .wc-save-cart-wrapper {
    flex: 1 1 100% !important;
    width: 100% !important;
    text-align: center !important;
  }
}

/* ==========================================================================
   SAVE CART MODAL & DIALOGS (DS Save Cart For Later Plugin)
   ========================================================================== */
#wc-save-cart-modal,
.wc-cart-modal {
  background-color: rgba(6, 9, 14, 0.75) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  z-index: 100000 !important;
  align-items: center !important;
  justify-content: center !important;
}

#wc-save-cart-modal > div,
.wc-cart-modal > div {
  background: #ffffff !important;
  max-width: 480px !important;
  width: 92% !important;
  border-radius: 14px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
  padding: 32px 34px !important;
  position: relative !important;
  box-sizing: border-box !important;
  animation: flfModalIn 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

@keyframes flfModalIn {
  from {
    opacity: 0;
    transform: scale(0.96) translateY(8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

#wc-save-cart-modal h3,
.wc-cart-modal h3 {
  font-family: var(--flf-font-heading) !important;
  font-size: 1.4rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #0f172a !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 14px !important;
  border-bottom: 2px solid #0f172a !important;
}

#wc-save-cart-modal .wc-close-save-modal,
.wc-cart-modal .wc-close-save-modal,
.wc-cart-modal .wc-close-modal {
  position: absolute !important;
  top: 22px !important;
  right: 22px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  font-family: Arial, sans-serif !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

#wc-save-cart-modal .wc-close-save-modal:hover,
.wc-cart-modal .wc-close-save-modal:hover,
.wc-cart-modal .wc-close-modal:hover {
  background: #fee2e2 !important;
  color: #ef4444 !important;
  transform: rotate(90deg) !important;
}

/* Modal form label & text inputs */
#wc-save-cart-modal label,
.wc-cart-modal label {
  font-family: var(--flf-font-heading) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: #334155 !important;
  margin-bottom: 8px !important;
  display: block !important;
}

#wc-save-cart-modal input[name="saved_cart_name"],
#wc-save-cart-modal select[name="existing_cart_id"],
.wc-cart-modal input[type="text"],
.wc-cart-modal select {
  min-height: 46px !important;
  padding: 10px 14px !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 8px !important;
  font-size: 0.95rem !important;
  font-family: inherit !important;
  color: #0f172a !important;
  background: #f8fafc !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

#wc-save-cart-modal input[name="saved_cart_name"]:focus,
#wc-save-cart-modal select[name="existing_cart_id"]:focus,
.wc-cart-modal input[type="text"]:focus,
.wc-cart-modal select:focus {
  border-color: #00d2ff !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(0, 210, 255, 0.2) !important;
  outline: none !important;
}

#wc-save-cart-modal input::placeholder,
.wc-cart-modal input::placeholder {
  color: #94a3b8 !important;
}

/* Modal Action Buttons */
#wc-save-cart-modal .wc-close-save-modal-btn,
.wc-cart-modal .wc-close-save-modal-btn,
.wc-cart-modal .wc-close-modal-btn {
  padding: 10px 22px !important;
  min-height: 44px !important;
  border-radius: 6px !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #475569 !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

#wc-save-cart-modal .wc-close-save-modal-btn:hover,
.wc-cart-modal .wc-close-save-modal-btn:hover,
.wc-cart-modal .wc-close-modal-btn:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border-color: #94a3b8 !important;
}

#wc-save-cart-modal button[type="submit"],
#wc-save-cart-modal .button.alt,
.wc-cart-modal button[type="submit"],
.wc-cart-modal .button.alt {
  padding: 10px 26px !important;
  min-height: 44px !important;
  border-radius: 6px !important;
  border: none !important;
  background: var(--flf-primary, #00d2ff) !important;
  color: #06090e !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  box-shadow: 0 4px 14px rgba(0, 210, 255, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#wc-save-cart-modal button[type="submit"]:hover,
#wc-save-cart-modal .button.alt:hover,
.wc-cart-modal button[type="submit"]:hover,
.wc-cart-modal .button.alt:hover {
  background: var(--flf-primary-hover, #00b8e6) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(0, 210, 255, 0.5) !important;
}

/* ==========================================================================
   RIGHT COLUMN: PROMO CODE & ORDER SUMMARY
   ========================================================================== */

/* Promo Code Card in Right Column */
.flf-cart-promo-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
  padding: 20px 24px !important;
  box-sizing: border-box !important;
}

.flf-cart-promo-card .flf-promo-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  color: #0f172a !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}

.flf-cart-promo-card .flf-promo-label svg {
  color: var(--flf-primary, #00d2ff) !important;
}

.flf-cart-promo-card .flf-promo-input-group {
  display: flex !important;
  gap: 8px !important;
  align-items: stretch !important;
}

.flf-cart-promo-card .flf-promo-input-group input.input-text {
  flex: 1 !important;
  min-height: 44px !important;
  padding: 10px 14px !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 6px !important;
  font-size: 0.92rem !important;
  color: #0f172a !important;
  background: #f8fafc !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.flf-cart-promo-card .flf-promo-input-group input.input-text:focus {
  border-color: #00d2ff !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(0, 210, 255, 0.18) !important;
  outline: none !important;
}

.flf-cart-promo-card .flf-promo-input-group button.button,
.flf-cart-promo-card .flf-promo-input-group .flf-btn-apply-coupon {
  padding: 0 20px !important;
  min-height: 44px !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  background: #0f172a !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.flf-cart-promo-card .flf-promo-input-group button.button:hover,
.flf-cart-promo-card .flf-promo-input-group .flf-btn-apply-coupon:hover {
  background: var(--flf-primary, #00d2ff) !important;
  color: #06090e !important;
}

/* Cart Collaterals / Order Summary Card */
.woocommerce-cart .cart-collaterals {
  width: 100% !important;
  box-sizing: border-box !important;
}

.woocommerce-cart .cart_totals {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05) !important;
  padding: 26px 28px !important;
  width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
}

.woocommerce-cart .cart_totals h2 {
  font-family: var(--flf-font-heading) !important;
  font-size: 1.35rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #0f172a !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 14px !important;
  border-bottom: 2px solid #0f172a !important;
}

.woocommerce-cart .cart_totals table.shop_table {
  width: 100% !important;
  border: none !important;
  border-collapse: collapse !important;
  margin: 0 0 24px 0 !important;
  background: transparent !important;
}

.woocommerce-cart .cart_totals table.shop_table tr th,
.woocommerce-cart .cart_totals table.shop_table tr td {
  padding: 14px 0 !important;
  border: none !important;
  border-bottom: 1px solid #f1f5f9 !important;
  vertical-align: top !important;
}

.woocommerce-cart .cart_totals table.shop_table tr th {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #64748b !important;
  text-align: left !important;
  width: 35% !important;
}

.woocommerce-cart .cart_totals table.shop_table tr td {
  text-align: right !important;
  color: #0f172a !important;
  font-size: 1rem !important;
}

.woocommerce-cart .cart_totals table.shop_table tr.cart-subtotal td {
  font-family: var(--flf-font-heading) !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}

/* Shipping Method Selection Cards */
.woocommerce-cart ul#shipping_method {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.woocommerce-cart ul#shipping_method li {
  margin-bottom: 10px !important;
  padding: 12px 14px !important;
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.woocommerce-cart ul#shipping_method li:hover {
  border-color: #cbd5e1 !important;
  background: #ffffff !important;
}

.woocommerce-cart ul#shipping_method li input[type="radio"] {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  accent-color: var(--flf-primary, #00d2ff) !important;
  cursor: pointer !important;
}

.woocommerce-cart ul#shipping_method li label {
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  cursor: pointer !important;
  margin: 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
}

.woocommerce-cart p.woocommerce-shipping-destination {
  margin: 12px 0 6px 0 !important;
  font-size: 0.85rem !important;
  color: #64748b !important;
  text-align: left !important;
}

.woocommerce-cart .shipping-calculator-button {
  font-size: 0.85rem !important;
  color: #0284c7 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

.woocommerce-cart .shipping-calculator-form {
  margin-top: 14px !important;
  text-align: left !important;
}

.woocommerce-cart .shipping-calculator-form input.input-text,
.woocommerce-cart .shipping-calculator-form select {
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  font-size: 0.9rem !important;
  margin-bottom: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.woocommerce-cart .shipping-calculator-form button.button {
  width: 100% !important;
  background: #1e293b !important;
  color: #ffffff !important;
  padding: 10px !important;
  border-radius: 6px !important;
  font-family: var(--flf-font-heading) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 0.82rem !important;
}

/* Order Total Row */
.woocommerce-cart .cart_totals table.shop_table tr.order-total th {
  font-size: 1.15rem !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  text-transform: uppercase !important;
  padding-top: 20px !important;
  border-top: 2px solid #e2e8f0 !important;
}

.woocommerce-cart .cart_totals table.shop_table tr.order-total td {
  font-family: var(--flf-font-heading) !important;
  font-size: 1.6rem !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  padding-top: 20px !important;
  border-top: 2px solid #e2e8f0 !important;
}

/* Proceed to Checkout Button */
.woocommerce-cart .wc-proceed-to-checkout {
  padding: 0 !important;
  margin: 0 !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  display: block !important;
  width: 100% !important;
  min-height: 58px !important;
  padding: 18px 24px !important;
  box-sizing: border-box !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  text-align: center !important;
  background: var(--flf-primary, #00d2ff) !important;
  color: #06090e !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 18px rgba(0, 210, 255, 0.4) !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  margin-top: 10px !important;
  text-decoration: none !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background: var(--flf-primary-hover, #00b8e6) !important;
  color: #000000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 210, 255, 0.55) !important;
}

/* Trust Badges below Checkout Button */
.flf-cart-trust-badges {
  margin-top: 22px !important;
  padding-top: 18px !important;
  border-top: 1px solid #f1f5f9 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.flf-trust-badge-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: var(--flf-cart-trust-text-color, #475569) !important;
}

.flf-trust-badge-item svg {
  color: var(--flf-cart-trust-icon-color, var(--flf-primary, #00d2ff)) !important;
  flex-shrink: 0 !important;
}

.flf-trust-badge-item .flf-trust-custom-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  color: var(--flf-cart-trust-icon-color, inherit) !important;
}

/* ==========================================================================
   FULL-WIDTH BOTTOM: SUGGESTED ADDITIONS (CROSS-SELLS)
   ========================================================================== */

.flf-cart-cross-sells-section {
  width: 100% !important;
  margin-top: 56px !important;
  padding-top: 40px !important;
  border-top: 2px solid #e2e8f0 !important;
  clear: both !important;
  box-sizing: border-box !important;
}

.flf-cart-cross-sells-section .cross-sells {
  width: 100% !important;
  float: none !important;
}

.flf-cart-cross-sells-section .cross-sells > h2 {
  font-family: var(--flf-font-heading) !important;
  font-size: 1.65rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: #0f172a !important;
  margin: 0 0 24px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.flf-cart-cross-sells-section .cross-sells > h2::after {
  content: "" !important;
  flex: 1 !important;
  height: 2px !important;
  background: linear-gradient(90deg, #00d2ff 0%, #e2e8f0 80%) !important;
}

.flf-cart-cross-sells-section .cross-sells ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.flf-cart-cross-sells-section .cross-sells ul.products::before,
.flf-cart-cross-sells-section .cross-sells ul.products::after {
  display: none !important;
}

.flf-cart-cross-sells-section .cross-sells ul.products li.product {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.25s ease !important;
  margin: 0 !important;
  width: auto !important;
  float: none !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03) !important;
  box-sizing: border-box !important;
}

.flf-cart-cross-sells-section .cross-sells ul.products li.product:hover {
  border-color: var(--flf-primary, #00d2ff) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 24px rgba(0, 210, 255, 0.15) !important;
}

.flf-cart-cross-sells-section .cross-sells ul.products li.product a.woocommerce-LoopProduct-link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  text-decoration: none !important;
}

.flf-cart-cross-sells-section .cross-sells ul.products li.product img {
  width: 100% !important;
  max-width: 180px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  margin: 0 auto 14px auto !important;
}

.flf-cart-cross-sells-section .cross-sells ul.products li.product h2.woocommerce-loop-product__title {
  font-family: var(--flf-font-heading) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.35 !important;
  margin: 0 0 10px 0 !important;
  text-align: center !important;
}

.flf-cart-cross-sells-section .cross-sells ul.products li.product .price {
  font-family: var(--flf-font-heading) !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #10b981 !important;
  margin-bottom: 14px !important;
  text-align: center !important;
}

.flf-cart-cross-sells-section .cross-sells ul.products li.product a.button {
  width: 100% !important;
  padding: 10px 16px !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.85rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  text-align: center !important;
  background: #f1f5f9 !important;
  color: #1e293b !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.flf-cart-cross-sells-section .cross-sells ul.products li.product a.button:hover {
  background: var(--flf-primary, #00d2ff) !important;
  color: #06090e !important;
  border-color: var(--flf-primary, #00d2ff) !important;
}

/* Empty Cart Styling */
.flf-empty-cart-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05) !important;
  padding: 60px 30px !important;
  text-align: center !important;
  max-width: 600px !important;
  margin: 20px auto !important;
}

.flf-empty-cart-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 96px !important;
  height: 96px !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  color: #94a3b8 !important;
  margin-bottom: 24px !important;
}

.flf-empty-cart-title {
  font-family: var(--flf-font-heading) !important;
  font-size: 1.85rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}

.flf-empty-cart-desc {
  font-size: 1rem !important;
  color: #64748b !important;
  line-height: 1.6 !important;
  margin-bottom: 30px !important;
}

.flf-browse-catalog-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px 36px !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  background: var(--flf-primary, #00d2ff) !important;
  color: #06090e !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 18px rgba(0, 210, 255, 0.35) !important;
  transition: all 0.25s ease !important;
}

.flf-browse-catalog-btn:hover {
  background: var(--flf-primary-hover, #00b8e6) !important;
  color: #000000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 210, 255, 0.5) !important;
}

/* Mobile Responsive Cart */
@media (max-width: 1100px) {
  .flf-cart-cross-sells-section .cross-sells ul.products {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .woocommerce-cart table.shop_table.cart thead {
    display: none !important;
  }

  .woocommerce-cart table.shop_table.cart tbody tr.cart_item {
    display: block !important;
    position: relative !important;
    padding: 16px !important;
    border-bottom: 1px solid #e2e8f0 !important;
  }

  .woocommerce-cart table.shop_table.cart td {
    display: block !important;
    text-align: left !important;
    padding: 6px 0 !important;
  }

  .woocommerce-cart table.shop_table.cart td.product-remove {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: auto !important;
    padding: 0 !important;
  }

  .woocommerce-cart table.shop_table.cart td.product-thumbnail {
    width: auto !important;
    padding: 0 0 10px 0 !important;
  }

  .woocommerce-cart table.shop_table.cart td.product-price,
  .woocommerce-cart table.shop_table.cart td.product-quantity,
  .woocommerce-cart table.shop_table.cart td.product-subtotal {
    text-align: left !important;
    padding-right: 0 !important;
    width: auto !important;
  }

  .woocommerce-cart table.shop_table.cart td.actions {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
  }

  .woocommerce-cart .flf-cart-actions-right {
    width: 100% !important;
    flex-direction: column !important;
    margin-left: 0 !important;
  }

  .woocommerce-cart .flf-cart-actions-right .button,
  .woocommerce-cart table.shop_table.cart td.actions button {
    width: 100% !important;
  }

  .flf-cart-cross-sells-section .cross-sells ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 480px) {
  .flf-cart-cross-sells-section .cross-sells ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 8px !important;
  }
}






/* === FILE: ds-flf-theme/assets/css/flf-product.css === */

/* ==========================================================================
   FLF MOTORSPORT THEME - SINGLE PRODUCT PAGE (PDP) STYLES
   ========================================================================== */

.flf-single-product-page {
  background: var(--flf-bg-light, #f1f5f9);
  padding: 30px 0 80px;
  overflow-x: hidden !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.flf-pdp-top-bar {
  margin-bottom: 25px;
}

/* ==========================================================================
   2-Column Desktop Product Layout
   ========================================================================== */

/* Resets WooCommerce float/clearfix pseudo-elements that break layout */
.woocommerce div.product.flf-pdp-layout::before,
.woocommerce div.product.flf-pdp-layout::after,
.woocommerce-page div.product.flf-pdp-layout::before,
.woocommerce-page div.product.flf-pdp-layout::after,
.flf-pdp-layout::before,
.flf-pdp-layout::after {
  display: none !important;
  content: none !important;
  clear: none !important;
}

.flf-pdp-layout,
.woocommerce div.product.flf-pdp-layout {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  background: #ffffff !important;
  border: 1px solid var(--flf-border-light, #e2e8f0) !important;
  border-radius: var(--flf-radius-sm, 8px) !important;
  padding: 40px !important;
  margin-bottom: 40px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   Left Column: Product Gallery & Guarantee Strip
   ========================================================================== */
.flf-pdp-gallery-column,
.woocommerce div.product .flf-pdp-gallery-column {
  flex: 0 0 48% !important;
  max-width: 48% !important;
  width: 48% !important;
  box-sizing: border-box !important;
  position: sticky !important;
  top: 30px !important;
  align-self: flex-start !important;
}

.flf-pdp-gallery-wrapper {
  position: relative !important;
  width: 100% !important;
}

/* Force gallery container to take 100% width of the gallery column */
.woocommerce-product-gallery,
.woocommerce div.product .flf-pdp-gallery-column .woocommerce-product-gallery,
.woocommerce div.product .flf-pdp-gallery-column div.images {
  position: relative !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  opacity: 1 !important;
}

/* FlexSlider Viewport: The Main Visual Frame for Multi-Image Slider */
.woocommerce-product-gallery .flex-viewport {
  width: 100% !important;
  border-radius: var(--flf-radius-sm, 8px) !important;
  border: 1px solid var(--flf-border-light, #e2e8f0) !important;
  background: #ffffff !important;
  overflow: hidden !important;
  position: relative !important;
  box-sizing: border-box !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03) !important;
}

/* FlexSlider Wrapper: Allow FlexSlider inline widths to calculate correctly across horizontal slides */
.woocommerce-product-gallery__wrapper,
.woocommerce div.product .flf-pdp-gallery-column .woocommerce-product-gallery__wrapper {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: block !important;
}

/* Magnifier / Lightbox Expand Trigger */
.woocommerce-product-gallery__trigger {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 10 !important;
  width: 38px !important;
  height: 38px !important;
  background: rgba(15, 23, 42, 0.85) !important;
  backdrop-filter: blur(4px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: var(--flf-radius-sm, 6px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all var(--flf-transition-fast, 0.2s ease) !important;
}

.woocommerce-product-gallery__trigger:hover {
  background: var(--flf-primary, #00d2ff) !important;
  color: #06090e !important;
  border-color: var(--flf-primary, #00d2ff) !important;
  box-shadow: 0 0 12px var(--flf-primary-glow, rgba(0, 210, 255, 0.5)) !important;
  transform: scale(1.05);
}

/* Gallery Slide Item */
.woocommerce-product-gallery__image,
.woocommerce div.product .flf-pdp-gallery-column .woocommerce-product-gallery__image {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  text-align: center !important;
}

/* Single-Image Products (No FlexSlider instantiated) Frame */
.woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__image {
  width: 100% !important;
  min-height: 440px !important;
  max-height: 580px !important;
  border-radius: var(--flf-radius-sm, 8px) !important;
  overflow: hidden !important;
  border: 1px solid var(--flf-border-light, #e2e8f0) !important;
  background: #ffffff !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03) !important;
  box-sizing: border-box !important;
}

/* Large Main Image Link & Centering Container */
.woocommerce-product-gallery__image a,
.woocommerce div.product .flf-pdp-gallery-column .woocommerce-product-gallery__image a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 480px !important;
  min-height: 420px !important;
  max-height: 560px !important;
  padding: 24px !important;
  box-sizing: border-box !important;
  cursor: zoom-in !important;
}

.woocommerce-product-gallery__image img,
.woocommerce div.product .flf-pdp-gallery-column .woocommerce-product-gallery__image img,
.woocommerce-product-gallery img.wp-post-image {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  cursor: zoom-in !important;
  transition: transform 0.25s ease !important;
}

.woocommerce-product-gallery__image:hover img {
  transform: scale(1.03);
}

/* Gallery Thumbnails (if product has multiple images) */
.woocommerce-product-gallery .flex-control-thumbs,
.woocommerce div.product .flf-pdp-gallery-column .flex-control-thumbs,
.flf-pdp-gallery-column .flex-control-thumbs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 16px 0 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.woocommerce-product-gallery .flex-control-thumbs li,
.woocommerce div.product .flf-pdp-gallery-column .flex-control-thumbs li {
  cursor: pointer !important;
  width: 78px !important;
  height: 78px !important;
  flex: 0 0 78px !important;
  float: none !important;
  margin: 0 !important;
  border: 2px solid #e2e8f0 !important;
  border-radius: var(--flf-radius-sm, 6px) !important;
  overflow: hidden !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all var(--flf-transition-fast, 0.2s) !important;
  box-sizing: border-box !important;
}

.woocommerce-product-gallery .flex-control-thumbs li:hover,
.woocommerce-product-gallery .flex-control-thumbs li:has(img.flex-active),
.woocommerce-product-gallery .flex-control-thumbs li.flex-active,
.woocommerce-product-gallery .flex-control-thumbs li.is-active {
  border-color: var(--flf-primary, #00d2ff) !important;
  box-shadow: 0 0 10px rgba(0, 210, 255, 0.3) !important;
}

.woocommerce-product-gallery .flex-control-thumbs li img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  opacity: 0.8 !important;
  cursor: pointer !important;
  display: block !important;
  transition: opacity 0.2s ease !important;
}

.woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
.woocommerce-product-gallery .flex-control-thumbs li:hover img {
  opacity: 1 !important;
}

/* Motorsport Value Guarantee Strip (Under Gallery) */
.flf-pdp-guarantee-strip {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  margin-top: 24px !important;
  padding: 16px !important;
  background: #f8fafc !important;
  border: 1px solid var(--flf-border-light, #e2e8f0) !important;
  border-radius: var(--flf-radius-sm, 6px) !important;
  box-sizing: border-box !important;
}

.flf-pdp-guar-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-align: left !important;
}

.flf-guar-icon {
  font-size: 1.35rem !important;
  flex-shrink: 0 !important;
}

.flf-pdp-guar-item strong {
  display: block !important;
  font-size: 0.8rem !important;
  color: var(--flf-text-light-primary, #0f172a) !important;
  font-family: var(--flf-font-heading) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  line-height: 1.25 !important;
}

.flf-pdp-guar-item small {
  display: block !important;
  color: var(--flf-text-light-muted, #64748b) !important;
  font-size: 0.72rem !important;
  line-height: 1.25 !important;
}

/* ==========================================================================
   Right Column: Conversion & Summary Zone (Strict Left Alignment)
   ========================================================================== */
.flf-pdp-summary-column,
.woocommerce div.product .flf-pdp-summary-column {
  flex: 0 0 48% !important;
  max-width: 48% !important;
  width: 48% !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

.flf-pdp-meta-header {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px 12px !important;
  margin-bottom: 10px !important;
  font-size: 0.8rem !important;
  font-family: var(--flf-font-heading) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  text-align: left !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.flf-pdp-sku {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: #0284c7 !important;
  background: rgba(2, 132, 199, 0.1) !important;
  border: 1px solid rgba(2, 132, 199, 0.25) !important;
  padding: 3px 10px !important;
  border-radius: var(--flf-radius-sm, 4px) !important;
  font-weight: 800 !important;
  transition: all 0.25s ease !important;
}

.flf-pdp-sku.flf-sku-updated {
  border-color: #00d2ff !important;
  box-shadow: 0 0 12px rgba(0, 210, 255, 0.4) !important;
  transform: translateY(-1px);
}

.flf-variation-sku-display {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #0284c7 !important;
  background: rgba(2, 132, 199, 0.08) !important;
  border: 1px solid rgba(2, 132, 199, 0.2) !important;
  padding: 4px 10px !important;
  border-radius: var(--flf-radius-sm, 4px) !important;
  margin-bottom: 12px !important;
  width: fit-content !important;
  animation: flfSkuFadeIn 0.2s ease;
}

@keyframes flfSkuFadeIn {
  from { opacity: 0; transform: translateY(-3px); }
  to { opacity: 1; transform: translateY(0); }
}

.flf-variation-sku-display .flf-var-sku-lbl {
  color: var(--flf-text-light-muted, #64748b) !important;
  font-weight: 600 !important;
}

.flf-variation-sku-display .flf-var-sku-val {
  color: #0284c7 !important;
  font-weight: 800 !important;
}

.flf-pdp-category {
  color: var(--flf-text-light-muted, #64748b) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.flf-pdp-category a {
  color: var(--flf-text-light-muted, #64748b) !important;
  text-decoration: none !important;
  transition: color var(--flf-transition-fast) !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.flf-pdp-category a:hover {
  color: var(--flf-primary, #00d2ff) !important;
}

.flf-pdp-title {
  font-family: var(--flf-font-heading) !important;
  font-size: clamp(1.8rem, 2.6vw, 2.4rem) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: var(--flf-text-light-primary, #0f172a) !important;
  margin: 0 0 14px 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  text-align: left !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.flf-pdp-stock-status {
  margin-bottom: 18px !important;
  width: 100% !important;
  text-align: left !important;
  display: flex !important;
  justify-content: flex-start !important;
}

.flf-stock-indicator {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

.flf-stock-indicator.in-stock {
  background: rgba(16, 185, 129, 0.1) !important;
  color: #059669 !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
}

.flf-stock-indicator.out-of-stock {
  background: rgba(239, 68, 68, 0.1) !important;
  color: #dc2626 !important;
  border: 1px solid rgba(239, 68, 68, 0.25) !important;
}

.flf-stock-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  display: inline-block !important;
}

.flf-stock-indicator.in-stock .flf-stock-dot {
  background: #10b981 !important;
}

.flf-stock-indicator.out-of-stock .flf-stock-dot {
  background: #ef4444 !important;
}

.flf-pdp-meta-header:empty {
  display: none !important;
  margin-bottom: 0 !important;
}

.flf-pdp-pricing-block {
  margin-bottom: 22px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid var(--flf-border-light, #e2e8f0) !important;
  width: 100% !important;
  text-align: left !important;
}

.flf-pdp-price-wrap {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  margin-bottom: 8px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
  width: 100% !important;
  text-align: left !important;
  flex-wrap: wrap !important;
}

.flf-pdp-price-wrap .price,
.flf-pdp-price-wrap .flf-pdp-price,
.flf-pdp-price-wrap .woocommerce-Price-amount,
.flf-pdp-price-wrap .amount {
  font-family: var(--flf-font-heading) !important;
  font-size: clamp(2.2rem, 3.2vw, 2.85rem) !important;
  font-weight: 800 !important;
  color: var(--flf-text-light-primary, #0f172a) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
}

.flf-pdp-price-wrap del,
.flf-pdp-price-wrap del .woocommerce-Price-amount,
.flf-pdp-price-wrap del .amount {
  color: #94a3b8 !important;
  font-size: 1.5rem !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
}

.flf-pdp-price-wrap ins,
.flf-pdp-price-wrap ins .woocommerce-Price-amount,
.flf-pdp-price-wrap ins .amount {
  text-decoration: none !important;
  color: var(--flf-accent, #ff3b30) !important;
}

.flf-pdp-tax-note {
  font-size: 0.85rem !important;
  color: var(--flf-text-light-muted, #64748b) !important;
  text-align: left !important;
  align-self: center !important;
}

.flf-pdp-sku-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin-top: 6px !important;
  width: 100% !important;
}

.flf-pdp-fitment-hint {
  margin-bottom: 22px !important;
  width: 100% !important;
  text-align: left !important;
}

.flf-pdp-sizing-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #f8fafc !important;
  border: 1px dashed #cbd5e1 !important;
  color: #0f172a !important;
  padding: 10px 18px !important;
  border-radius: var(--flf-radius-sm, 6px) !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all var(--flf-transition-fast, 0.2s) !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  text-align: left !important;
  line-height: 1.4 !important;
}

.flf-pdp-sizing-btn:hover {
  background: rgba(0, 210, 255, 0.12) !important;
  border-color: var(--flf-primary, #00d2ff) !important;
  color: #0284c7 !important;
}

/* ==========================================================================
   Variations & Dropdown / Button Swatches
   ========================================================================== */
.flf-pdp-cart-form-wrapper {
  width: 100% !important;
  text-align: left !important;
}

.flf-variations-form {
  width: 100% !important;
  text-align: left !important;
}

.flf-variations-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  margin-bottom: 24px !important;
  width: 100% !important;
  text-align: left !important;
}

.flf-variation-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
  text-align: left !important;
}

.flf-variation-label {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: var(--flf-text-light-primary, #0f172a) !important;
  text-transform: uppercase !important;
  width: 100% !important;
  text-align: left !important;
}

.flf-variation-label label {
  margin: 0 !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}

.flf-selected-val {
  color: #0284c7 !important;
  margin-left: 6px !important;
  font-weight: 800 !important;
}

.flf-reset-link {
  font-size: 0.75rem !important;
  color: #94a3b8 !important;
  text-decoration: underline !important;
}

/* ==========================================================================
   Universal Support for table.variations (Core WooCommerce & Bundles Plugin)
   Turns plain HTML table into modern motorsport stacked cards
   ========================================================================== */
table.variations,
.woocommerce div.product form.cart table.variations,
form.vpb-custom-cart table.variations,
form.cart table.variations {
  display: block !important;
  width: 100% !important;
  border: none !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
}

table.variations tbody,
.woocommerce div.product form.cart table.variations tbody,
form.vpb-custom-cart table.variations tbody {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  width: 100% !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

table.variations tr,
.woocommerce div.product form.cart table.variations tr,
form.vpb-custom-cart table.variations tr {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

table.variations th,
table.variations th.label,
.woocommerce div.product form.cart table.variations th.label,
form.vpb-custom-cart table.variations th.label {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  border: none !important;
  padding: 0 0 8px 0 !important;
  margin: 0 !important;
  text-align: left !important;
  background: transparent !important;
}

table.variations th.label label,
.woocommerce div.product form.cart table.variations th.label label,
form.vpb-custom-cart table.variations th.label label {
  font-family: var(--flf-font-heading) !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

table.variations td,
table.variations td.value,
.woocommerce div.product form.cart table.variations td.value,
form.vpb-custom-cart table.variations td.value {
  display: block !important;
  width: 100% !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  background: transparent !important;
}

/* 1. Drop-Down List Mode (All variation selects across any plugin or template) */
.flf-variation-dropdown-wrapper {
  position: relative !important;
  width: 100% !important;
  margin-top: 4px !important;
}

select.flf-variation-select,
select.vpb_attribute_select,
.flf-variation-dropdown-wrapper select,
.variations select,
table.variations select,
.woocommerce div.product form.cart .variations select,
.woocommerce div.product form.cart select,
form.variations_form select,
form.vpb-custom-cart select,
select[name^="attribute_"],
select[name^="vpb_attribute_"] {
  width: 100% !important;
  max-width: 100% !important;
  height: 52px !important;
  line-height: 52px !important;
  padding: 0 46px 0 16px !important;
  background-color: #ffffff !important;
  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='%230f172a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 16px 16px !important;
  border: 2px solid #cbd5e1 !important;
  border-radius: var(--flf-radius-sm, 8px) !important;
  font-family: var(--flf-font-heading, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  letter-spacing: 0.02em !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  transition: all var(--flf-transition-fast, 0.2s) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  box-sizing: border-box !important;
}

select.flf-variation-select:hover,
select.vpb_attribute_select:hover,
.flf-variation-dropdown-wrapper select:hover,
.variations select:hover,
table.variations select:hover,
form.vpb-custom-cart select:hover {
  border-color: #94a3b8 !important;
}

select.flf-variation-select:focus,
select.vpb_attribute_select:focus,
.flf-variation-dropdown-wrapper select:focus,
.variations select:focus,
table.variations select:focus,
form.vpb-custom-cart select:focus {
  border-color: var(--flf-primary, #00d2ff) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 210, 255, 0.25) !important;
}

.flf-select-arrow {
  display: none !important;
}

/* 2. Interactive Buttons / Swatches Mode (5 or fewer items on all attributes) */
.flf-swatches-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: 100% !important;
  text-align: left !important;
}

.flf-swatch-pill {
  padding: 10px 18px !important;
  background: #ffffff !important;
  border: 1px solid var(--flf-border-light, #cbd5e1) !important;
  border-radius: var(--flf-radius-sm, 6px) !important;
  color: var(--flf-text-light-primary, #0f172a) !important;
  font-family: var(--flf-font-heading) !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all var(--flf-transition-fast, 0.2s) !important;
}

.flf-swatch-pill:hover {
  border-color: var(--flf-primary, #00d2ff) !important;
  background: #f8fafc !important;
  color: #0284c7 !important;
}

.flf-swatch-pill.selected {
  background: #0f172a !important;
  color: #ffffff !important;
  border-color: #0f172a !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.25) !important;
}

.flf-swatch-pill.disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  text-decoration: line-through !important;
}

/* ==========================================================================
   Add to Cart Button & Quantity Stepper
   ========================================================================== */
.flf-single-variation-wrap,
.single_variation_wrap {
  width: 100% !important;
}

.woocommerce-variation-add-to-cart {
  display: flex !important;
  gap: 14px !important;
  align-items: stretch !important;
  margin-top: 22px !important;
  width: 100% !important;
}

.quantity {
  display: inline-flex !important;
  align-items: center !important;
  border: 2px solid #cbd5e1 !important;
  border-radius: var(--flf-radius-sm, 6px) !important;
  overflow: hidden !important;
  background: #ffffff !important;
  height: 52px !important;
  box-sizing: border-box !important;
}

.flf-qty-btn {
  width: 42px !important;
  height: 100% !important;
  background: #f8fafc !important;
  border: none !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: var(--flf-text-light-primary, #0f172a) !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background var(--flf-transition-fast) !important;
}

.flf-qty-btn:hover {
  background: #e2e8f0 !important;
  color: #000000 !important;
}

.quantity input.qty {
  width: 52px !important;
  height: 100% !important;
  text-align: center !important;
  border: none !important;
  font-family: var(--flf-font-heading) !important;
  font-weight: 800 !important;
  font-size: 1.1rem !important;
  color: #0f172a !important;
  padding: 0 !important;
  outline: none !important;
  background: transparent !important;
  -moz-appearance: textfield !important;
}

.quantity input.qty::-webkit-outer-spin-button,
.quantity input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.single_add_to_cart_button {
  flex: 1 !important;
  height: 52px !important;
  line-height: 52px !important;
  padding: 0 28px !important;
  background: var(--flf-primary, #00d2ff) !important;
  color: #06090e !important;
  font-family: var(--flf-font-heading) !important;
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: var(--flf-radius-sm, 6px) !important;
  box-shadow: 0 4px 15px rgba(0, 210, 255, 0.35) !important;
  cursor: pointer !important;
  transition: all var(--flf-transition-fast) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.single_add_to_cart_button:hover {
  background: var(--flf-primary-hover, #00b8e6) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0, 210, 255, 0.45) !important;
}

/* ==========================================================================
   Motorsport Technical Specifications Grid (Image 2)
   ========================================================================== */
.flf-pdp-specs-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px 24px !important;
  margin-top: 24px !important;
  padding: 20px 24px !important;
  background: #ffffff !important;
  border: 1px solid var(--flf-border-light, #e2e8f0) !important;
  border-radius: var(--flf-radius-sm, 8px) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

.flf-spec-item {
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
  gap: 3px !important;
}

.flf-spec-label {
  font-family: var(--flf-font-heading) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  color: #64748b !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  text-align: left !important;
}

.flf-spec-value {
  font-family: var(--flf-font-heading) !important;
  font-size: 0.95rem !important;
  color: var(--flf-text-light-primary, #0f172a) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

/* ==========================================================================
   Full-Width Tabs Section Below Hero
   ========================================================================== */
.flf-pdp-tabs-section {
  background: #ffffff !important;
  border: 1px solid var(--flf-border-light, #e2e8f0) !important;
  border-radius: var(--flf-radius-sm, 8px) !important;
  padding: 36px 40px !important;
  margin-bottom: 40px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.woocommerce-tabs ul.tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  border-bottom: 2px solid #f1f5f9 !important;
  margin-bottom: 24px !important;
  padding: 0 !important;
  list-style: none !important;
  max-width: 100% !important;
}

.woocommerce-tabs ul.tabs li {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.woocommerce-tabs ul.tabs li a {
  display: block !important;
  padding: 12px 20px !important;
  font-family: var(--flf-font-heading) !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  color: var(--flf-text-light-muted, #64748b) !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -2px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a:hover {
  color: var(--flf-text-light-primary, #0f172a) !important;
  border-bottom-color: var(--flf-primary, #00d2ff) !important;
}

.woocommerce-Tabs-panel {
  color: var(--flf-text-light-secondary, #334155) !important;
  line-height: 1.8 !important;
  font-size: 0.95rem !important;
}

.woocommerce-Tabs-panel h2 {
  font-size: 1.3rem !important;
  margin-bottom: 14px !important;
  font-family: var(--flf-font-heading) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

/* ==========================================================================
   Related Products Section
   ========================================================================== */
.flf-pdp-related-section {
  margin-top: 40px !important;
}

.flf-pdp-related-section .related.products > h2 {
  font-size: 1.6rem !important;
  margin-bottom: 24px !important;
  font-family: var(--flf-font-heading) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  color: #0f172a !important;
}

/* ==========================================================================
   Responsive Adaptations
   ========================================================================== */
@media (max-width: 960px) {
  .flf-pdp-layout,
  .woocommerce div.product.flf-pdp-layout {
    flex-direction: column !important;
    padding: 24px 20px !important;
    gap: 24px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .flf-pdp-gallery-column,
  .woocommerce div.product .flf-pdp-gallery-column,
  .flf-pdp-summary-column,
  .woocommerce div.product .flf-pdp-summary-column {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    position: static !important;
    box-sizing: border-box !important;
  }

  /* Gallery Frame: Reset fixed desktop heights and establish square/responsive aspect ratio */
  .woocommerce-product-gallery .flex-viewport,
  .woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__image {
    min-height: 0 !important;
    height: auto !important;
    max-height: 420px !important;
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Image centering container inside gallery */
  .woocommerce-product-gallery__image a,
  .woocommerce div.product .flf-pdp-gallery-column .woocommerce-product-gallery__image a {
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Fitting & part image scaling */
  .woocommerce-product-gallery__image img,
  .woocommerce div.product .flf-pdp-gallery-column .woocommerce-product-gallery__image img,
  .woocommerce-product-gallery img.wp-post-image {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  .flf-pdp-guarantee-strip {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .flf-pdp-tabs-section {
    padding: 24px 18px !important;
    margin-bottom: 28px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .woocommerce-tabs ul.tabs {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .woocommerce-tabs ul.tabs li a {
    padding: 10px 14px !important;
    font-size: 0.88rem !important;
  }
}

@media (max-width: 640px) {
  .flf-single-product-page {
    padding: 16px 0 40px !important;
  }

  .flf-pdp-top-bar {
    margin-bottom: 14px !important;
  }

  .flf-pdp-layout,
  .woocommerce div.product.flf-pdp-layout {
    padding: 16px 14px !important;
    gap: 18px !important;
    margin-bottom: 20px !important;
    border-radius: var(--flf-radius-sm, 6px) !important;
  }

  .woocommerce-product-gallery .flex-viewport,
  .woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__image {
    max-height: 340px !important;
  }

  .woocommerce-product-gallery__image a,
  .woocommerce div.product .flf-pdp-gallery-column .woocommerce-product-gallery__image a {
    padding: 12px !important;
  }

  .woocommerce-product-gallery .flex-control-thumbs {
    gap: 8px !important;
    margin-top: 12px !important;
  }

  .woocommerce-product-gallery .flex-control-thumbs li,
  .woocommerce div.product .flf-pdp-gallery-column .flex-control-thumbs li {
    width: 62px !important;
    height: 62px !important;
    flex: 0 0 62px !important;
  }

  .flf-pdp-title {
    font-size: 1.55rem !important;
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
  }

  .flf-pdp-price-wrap .price,
  .flf-pdp-price-wrap .flf-pdp-price,
  .flf-pdp-price-wrap .woocommerce-Price-amount,
  .flf-pdp-price-wrap .amount {
    font-size: 1.95rem !important;
  }

  .flf-pdp-specs-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 14px !important;
  }

  .flf-pdp-tabs-section {
    padding: 18px 12px !important;
  }
}

@media (max-width: 480px) {
  .flf-container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .flf-pdp-layout,
  .woocommerce div.product.flf-pdp-layout {
    padding: 12px 10px !important;
    gap: 16px !important;
  }

  .woocommerce-product-gallery .flex-viewport,
  .woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__image {
    max-height: 290px !important;
  }

  .woocommerce-product-gallery__image a,
  .woocommerce div.product .flf-pdp-gallery-column .woocommerce-product-gallery__image a {
    padding: 8px !important;
  }

  .woocommerce-variation-add-to-cart,
  .woocommerce div.product form.cart:not(.variations_form) {
    flex-direction: column !important;
    gap: 10px !important;
  }

  .quantity {
    width: 100% !important;
    justify-content: center !important;
  }

  .single_add_to_cart_button {
    width: 100% !important;
  }

  .flf-pdp-sizing-btn {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 10px 12px !important;
    font-size: 0.8rem !important;
  }
}

/* ==========================================================================
   PhotoSwipe Lightbox Styling & Close Controls
   ========================================================================== */
.pswp {
  z-index: 999999 !important;
}

.pswp__bg {
  background: rgba(6, 9, 14, 0.96) !important;
  backdrop-filter: blur(8px) !important;
  cursor: pointer !important;
}

.pswp__top-bar {
  background: rgba(10, 13, 20, 0.85) !important;
  backdrop-filter: blur(8px) !important;
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding-right: 12px !important;
}

.pswp__counter {
  font-family: var(--flf-font-heading) !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  color: #f8fafc !important;
  line-height: 56px !important;
  padding: 0 20px !important;
}

.pswp__button {
  width: 56px !important;
  height: 56px !important;
  opacity: 0.85 !important;
  cursor: pointer !important;
  transition: all var(--flf-transition-fast) !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
}

.pswp__button:hover {
  opacity: 1 !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
}

/* High-Contrast Standout Close Button */
.pswp__button--close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 96px !important;
  height: 40px !important;
  padding: 0 16px !important;
  margin: 8px 12px 0 0 !important;
  background: #ff3b30 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(255, 59, 48, 0.45) !important;
  transition: all var(--flf-transition-fast) !important;
}

.pswp__button--close:hover {
  background: #e02d23 !important;
  transform: scale(1.04) !important;
  box-shadow: 0 4px 16px rgba(255, 59, 48, 0.6) !important;
}

.pswp__button--close::after {
  content: "✕ CLOSE" !important;
  position: static !important;
  transform: none !important;
  font-family: var(--flf-font-heading, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
  font-size: 0.85rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  color: #ffffff !important;
  line-height: 1 !important;
}


/* === FILE: ds-flf-theme/assets/css/flf-footer.css === */

/* ==========================================================================
   FLF MOTORSPORT THEME - FOOTER & MODAL STYLES
   ========================================================================== */

/* Main Motorsport Footer */
.flf-footer {
  background: #080c14;
  border-top: 1px solid var(--flf-border-dark);
  color: #94a3b8;
  padding: 70px 0 30px;
}

.flf-footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 40px;
  margin-bottom: 50px;
}

.flf-footer-grid.flf-footer-cols-4 {
  grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
}

.flf-footer-col-4:empty {
  display: none;
}

.flf-footer-brand {
  margin-bottom: 18px;
}

.flf-footer-about {
  font-size: 0.88rem;
  line-height: 1.7;
  color: #94a3b8;
  margin-bottom: 22px;
}

.flf-footer-contact-details {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 0.82rem;
}

.flf-contact-line {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #cbd5e1;
}
.flf-contact-line svg {
  color: var(--flf-primary);
  flex-shrink: 0;
}

.flf-footer-heading {
  color: #ffffff;
  font-size: 1.05rem;
  margin-bottom: 20px;
  letter-spacing: 0.04em;
  position: relative;
  padding-bottom: 10px;
}
.flf-footer-heading::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background: var(--flf-primary);
}

.flf-footer-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.flf-footer-links a {
  font-size: 0.85rem;
  color: #94a3b8;
  transition: all var(--flf-transition-fast);
}
.flf-footer-links a:hover {
  color: #ffffff;
  padding-left: 4px;
}

.flf-footer-btn-link {
  background: none;
  border: none;
  color: #94a3b8;
  font-size: 0.85rem;
  cursor: pointer;
  padding: 0;
  text-align: left;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all var(--flf-transition-fast);
}
.flf-footer-btn-link:hover {
  color: var(--flf-primary);
  padding-left: 4px;
}

/* Newsletter Column */
.flf-footer-sub {
  font-size: 0.85rem;
  line-height: 1.6;
  margin-bottom: 18px;
}

.flf-newsletter-form {
  margin-bottom: 16px;
}

.flf-newsletter-input-group {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}

.flf-newsletter-input {
  flex: 1;
  background: #141b28;
  border: 1px solid var(--flf-border-dark);
  border-radius: var(--flf-radius-sm);
  padding: 10px 14px;
  color: #ffffff;
  font-size: 0.85rem;
  outline: none;
}
.flf-newsletter-input:focus {
  border-color: var(--flf-primary);
}

.flf-newsletter-note {
  font-size: 0.72rem;
  color: #64748b;
  display: block;
}

.flf-footer-badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 18px;
}

/* Bottom Strip */
.flf-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 0.8rem;
}

.flf-footer-copy {
  color: #64748b;
}

.flf-footer-security {
  display: flex;
  align-items: center;
}

.flf-secure-checkout {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #34d399;
  font-weight: 600;
  font-size: 0.82rem;
  letter-spacing: 0.03em;
  background: rgba(16, 185, 129, 0.08);
  border: 1px solid rgba(16, 185, 129, 0.25);
  padding: 6px 14px;
  border-radius: var(--flf-radius-full);
  transition: all var(--flf-transition-fast);
}
.flf-secure-checkout:hover {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.45);
}
.flf-secure-checkout svg {
  color: #10b981;
  flex-shrink: 0;
}

/* Footer Widget Styling */
.flf-footer-widget {
  margin-bottom: 24px;
}
.flf-footer-widget .flf-footer-heading,
.flf-footer-widget h1,
.flf-footer-widget h2,
.flf-footer-widget h3,
.flf-footer-widget h4,
.flf-footer-widget h5 {
  font-family: var(--flf-font-heading);
  font-size: 0.92rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.flf-footer-widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.flf-footer-widget ul li a {
  color: #94a3b8;
  font-size: 0.88rem;
  transition: color var(--flf-transition-fast), transform var(--flf-transition-fast);
  display: inline-block;
  text-decoration: none;
}
.flf-footer-widget ul li a:hover {
  color: var(--flf-primary);
  transform: translateX(4px);
}
.flf-footer-widget p {
  color: #94a3b8;
  font-size: 0.88rem;
  line-height: 1.6;
}

/* Interactive Fitment & AN Size Modal */
.flf-modal {
  position: fixed;
  inset: 0;
  z-index: 10005;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--flf-transition-fast), visibility var(--flf-transition-fast);
}

.flf-modal.active {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
}

.flf-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(6, 9, 14, 0.8);
  backdrop-filter: blur(6px);
}

.flf-modal-dialog {
  position: relative;
  background: #111724;
  border: 1px solid var(--flf-border-dark);
  border-radius: var(--flf-radius-md);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6), 0 0 40px var(--flf-primary-glow);
  width: 100%;
  max-width: 820px;
  max-height: 90vh;
  overflow-y: auto;
  z-index: 2;
  transform: scale(0.95);
  transition: transform var(--flf-transition-fast);
}
.flf-modal.active .flf-modal-dialog {
  transform: scale(1);
}

.flf-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px 28px;
  border-bottom: 1px solid var(--flf-border-dark);
  background: #0d121c;
}

.flf-modal-title {
  color: #ffffff;
  font-size: 1.4rem;
  margin-top: 6px;
}

.flf-modal-close {
  background: none;
  border: none;
  color: #94a3b8;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
}
.flf-modal-close:hover {
  color: #ffffff;
}

.flf-modal-body {
  padding: 28px;
}

.flf-modal-intro {
  color: #cbd5e1;
  font-size: 0.92rem;
  line-height: 1.6;
  margin-bottom: 20px;
}

.flf-table-wrapper {
  overflow-x: auto;
  margin-bottom: 24px;
}

/* AN Sizing Admin Toolbar */
.flf-an-admin-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  background: #111827;
  border: 1px solid var(--flf-border-dark);
  border-left: 3px solid var(--flf-primary);
  padding: 10px 14px;
  border-radius: var(--flf-radius-sm);
  margin-bottom: 16px;
}

.flf-admin-indicator {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--flf-primary);
}

.flf-an-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.flf-an-toolbar-actions .flf-btn {
  padding: 6px 12px;
  font-size: 0.75rem;
}

.flf-btn-secondary {
  background: #1e293b;
  color: #fff;
  border: 1px solid var(--flf-border-dark);
}
.flf-btn-secondary:hover {
  background: #334155;
  border-color: #64748b;
  color: #fff;
}

.flf-btn-ghost {
  background: transparent;
  color: #94a3b8;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.flf-btn-ghost:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.35);
}

.flf-admin-direct-link {
  font-size: 0.75rem;
  color: #94a3b8;
  text-decoration: none;
  padding: 4px 8px;
  transition: color var(--flf-transition-fast);
}
.flf-admin-direct-link:hover {
  color: var(--flf-primary);
}

.flf-an-status {
  padding: 8px 14px;
  margin-bottom: 14px;
  border-radius: var(--flf-radius-sm);
  font-size: 0.8rem;
  font-weight: 600;
}
.flf-an-status.is-success {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid #10b981;
  color: #34d399;
}
.flf-an-status.is-error {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid #ef4444;
  color: #f87171;
}

.flf-spec-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}

.flf-spec-table.is-editing td {
  padding: 6px 8px;
}

.flf-cell-input {
  width: 100%;
  box-sizing: border-box;
  background: #0a0e17;
  border: 1px solid #2d3748;
  border-radius: 4px;
  padding: 6px 8px;
  color: #ffffff;
  font-family: inherit;
  font-size: 0.82rem;
  transition: border-color var(--flf-transition-fast);
}
.flf-cell-input:focus {
  border-color: var(--flf-primary);
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 210, 255, 0.2);
}

.flf-row-del-btn {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
  color: #f87171;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  line-height: 1;
  transition: all var(--flf-transition-fast);
}
.flf-row-del-btn:hover {
  background: #ef4444;
  color: #ffffff;
}

.flf-spec-table th {
  background: #161e2e;
  color: #ffffff;
  font-family: var(--flf-font-heading);
  text-align: left;
  padding: 12px 14px;
  border-bottom: 2px solid var(--flf-border-dark);
  letter-spacing: 0.04em;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.flf-spec-table td {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  color: #cbd5e1;
}

.flf-spec-table tr:hover td {
  background: rgba(0, 210, 255, 0.04);
}

.flf-spec-table code {
  color: var(--flf-primary);
  background: #1a2232;
  border: 1px solid var(--flf-border-dark);
}

.flf-modal-note {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: #151e2e;
  border: 1px solid rgba(0, 210, 255, 0.3);
  border-radius: var(--flf-radius-sm);
  color: #cbd5e1;
  font-size: 0.85rem;
}
.flf-modal-note svg {
  color: var(--flf-primary);
  flex-shrink: 0;
}

/* Back to Top Button */
.flf-back-to-top {
  position: fixed;
  bottom: 28px;
  right: 28px;
  width: 44px;
  height: 44px;
  border-radius: var(--flf-radius-sm);
  background: #0f1522;
  border: 1px solid var(--flf-border-dark);
  color: var(--flf-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: all var(--flf-transition-fast);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
}
.flf-back-to-top.visible {
  opacity: 1;
  visibility: visible;
}
.flf-back-to-top:hover {
  background: var(--flf-primary);
  color: #06090e;
  transform: translateY(-3px);
}

/* Responsive */
@media (max-width: 1024px) {
  .flf-footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  .flf-footer-grid { grid-template-columns: 1fr; }
  .flf-footer-bottom { flex-direction: column; align-items: flex-start; }
}