/* Enforced light-grey theme; dark mode toggle removed. */
html, body, .fol-wrap, .fol-main, .fol-cust-main, .fol-customer-wrap, .fol-page { background:#EEF1F5 !important; color:#1f2937; }
.fol-sidebar { background:#E2E6EC !important; color:#1f2937 !important; }
.fol-sidebar a, .fol-sidebar .fol-nav-item, .fol-sidebar .fol-nav-toggle { color:#263445 !important; }
.fol-sidebar .fol-nav-item:hover, .fol-sidebar .fol-nav-item.active { background:#D2D9E2 !important; color:#0f172a !important; }
.fol-nav-chevron { display:inline-block; margin-left:auto; font-size:15px; line-height:1; color:inherit; transition:transform .18s ease; }
#fol-accounting-nav-toggle[aria-expanded="true"] .fol-nav-chevron { transform:rotate(180deg); }
#fol-dark-toggle { display:none !important; }

/* v2.3.0: consistent light-grey sidebar throughout plugin dashboards */
.fol-sidebar, .fol-customer-sidebar, .fol-public-sidebar, .fol-dashboard-sidebar { background:#E5E7EB !important; color:#111827 !important; }
.fol-sidebar a, .fol-sidebar button, .fol-sidebar .fol-nav-item, .fol-sidebar .fol-nav-toggle, .fol-customer-sidebar a, .fol-public-sidebar a, .fol-dashboard-sidebar a { color:#111827 !important; }
.fol-sidebar .fol-nav-item:hover, .fol-sidebar .fol-nav-item.active, .fol-sidebar .fol-nav-toggle:hover, .fol-customer-sidebar a:hover, .fol-public-sidebar a:hover, .fol-dashboard-sidebar a:hover { background:#D1D5DB !important; color:#000000 !important; }
.fol-sidebar .fol-dash-footer { color:#374151 !important; border-top-color:#CBD5E1 !important; }
.fol-sidebar .fol-dash-footer strong { color:#111827 !important; }
.fol-sidebar .fol-dash-footer a { color:#111827 !important; }
.fol-sidebar-header .fol-logo { cursor:default !important; }
.fol-sidebar-header #fol-brand-logo { cursor:default !important; }


/* v2.3.1: brand-orange buttons across the plugin UI */
:root { --fol-brand-orange: #F36B21; --fol-brand-orange-hover: #E65312; }
button.button-primary, .button.button-primary, input.button-primary, .wp-core-ui .button-primary, .fol-btn-primary, .fol-button-primary, .fol-submit-button { background:var(--fol-brand-orange) !important; border-color:var(--fol-brand-orange) !important; color:#fff !important; box-shadow:none !important; }
button.button-primary:hover, .button.button-primary:hover, input.button-primary:hover, .wp-core-ui .button-primary:hover, .fol-btn-primary:hover, .fol-button-primary:hover, .fol-submit-button:hover { background:var(--fol-brand-orange-hover) !important; border-color:var(--fol-brand-orange-hover) !important; color:#fff !important; }
.fol-accounting-wrap .button:not(.button-link-delete), .fol-accounting-wrap button.button { border-radius:6px; }


/* v2.3.2: enforce light-grey sidebar with black text across all FOL plugin areas. */
.fol-wrap .fol-sidebar,
.fol-wrap aside.fol-sidebar,
.fol-customer-wrap .fol-customer-sidebar,
.fol-customer-sidebar,
.fol-public-sidebar,
.fol-dashboard-sidebar,
.fol-driver-sidebar,
.fol-sidebar .fol-nav,
.fol-sidebar nav { background:#E5E7EB !important; color:#111827 !important; }
.fol-wrap .fol-sidebar *,
.fol-wrap aside.fol-sidebar *,
.fol-customer-sidebar *, .fol-public-sidebar *, .fol-dashboard-sidebar *, .fol-driver-sidebar * { color:#111827 !important; }
.fol-wrap .fol-sidebar a,
.fol-wrap .fol-sidebar button,
.fol-wrap .fol-sidebar .fol-nav-item,
.fol-wrap .fol-sidebar .fol-nav-toggle,
.fol-customer-sidebar a, .fol-public-sidebar a, .fol-dashboard-sidebar a, .fol-driver-sidebar a { color:#111827 !important; }
.fol-wrap .fol-sidebar .fol-nav-item:hover,
.fol-wrap .fol-sidebar .fol-nav-item.active,
.fol-wrap .fol-sidebar .fol-nav-toggle:hover,
.fol-customer-sidebar a:hover, .fol-public-sidebar a:hover, .fol-dashboard-sidebar a:hover, .fol-driver-sidebar a:hover { background:#D1D5DB !important; color:#000 !important; }
.fol-wrap .fol-sidebar .fol-nav-item.active { border-color:#D1D5DB !important; box-shadow:none !important; }
.fol-sidebar-header .fol-logo, .fol-sidebar-header #fol-brand-logo { cursor:pointer !important; }
.fol-sidebar-header #fol-brand-logo { pointer-events:auto; }
.fol-brand-logo-file { display:none !important; }


/* v2.3.3: full-screen frontend admin dashboard and Fast One logo palette. */
:root {
  --fol-brand-orange: #F36B21 !important;
  --fol-brand-orange-hover: #E65312 !important;
  --fol-brand-navy: #0B2942 !important;
  --fol-green: #F36B21 !important;
  --fol-green-dark: #E65312 !important;
  --fol-gold: #F36B21 !important;
  --fol-gold-dark: #E65312 !important;
}
/* The admin shortcode page should use the entire viewport, without the theme's site chrome. */
body.fol-admin-dashboard-page,
body:has(.fol-admin-frontend) { margin:0 !important; padding:0 !important; overflow-x:hidden; background:#EEF1F5 !important; }
body.fol-admin-dashboard-page > #page,
body.fol-admin-dashboard-page .site,
body:has(.fol-admin-frontend) > #page,
body:has(.fol-admin-frontend) .site { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
body.fol-admin-dashboard-page header,
body.fol-admin-dashboard-page footer,
body.fol-admin-dashboard-page .site-header,
body.fol-admin-dashboard-page .site-footer,
body.fol-admin-dashboard-page #masthead,
body.fol-admin-dashboard-page #colophon,
body.fol-admin-dashboard-page .elementor-location-header,
body.fol-admin-dashboard-page .elementor-location-footer,
body:has(.fol-admin-frontend) .site-header,
body:has(.fol-admin-frontend) .site-footer,
body:has(.fol-admin-frontend) #masthead,
body:has(.fol-admin-frontend) #colophon,
body:has(.fol-admin-frontend) .elementor-location-header,
body:has(.fol-admin-frontend) .elementor-location-footer { display:none !important; }
body.fol-admin-dashboard-page #content,
body.fol-admin-dashboard-page .site-content,
body.fol-admin-dashboard-page main,
body:has(.fol-admin-frontend) #content,
body:has(.fol-admin-frontend) .site-content,
body:has(.fol-admin-frontend) main { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
body.fol-admin-dashboard-page .entry-header,
body.fol-admin-dashboard-page .entry-footer,
body.fol-admin-dashboard-page .page-header,
body:has(.fol-admin-frontend) .entry-header,
body:has(.fol-admin-frontend) .entry-footer,
body:has(.fol-admin-frontend) .page-header { display:none !important; }
.fol-admin-frontend, .fol-admin-frontend .fol-wrap, .fol-admin-frontend #fol-admin-wrap { width:100% !important; max-width:none !important; min-height:100vh !important; margin:0 !important; border-radius:0 !important; }
.fol-admin-frontend .fol-main { min-width:0; }
/* Replace Jamaican green/yellow accents with the logo's orange and navy throughout buttons and selected items. */
.fol-admin-frontend button, .fol-admin-frontend .button, .fol-admin-frontend input[type=submit],
.fol-admin-frontend .fol-btn, .fol-admin-frontend .fol-btn-primary, .fol-admin-frontend .fol-nav-item.active,
.fol-admin-frontend .fol-nav-item:hover, .fol-admin-frontend .fol-nav-toggle[aria-expanded=true] {
  --fol-green:#F36B21 !important; --fol-green-dark:#E65312 !important; --fol-gold:#F36B21 !important;
}
.fol-admin-frontend button:not(.button-link-delete), .fol-admin-frontend input[type=submit], .fol-admin-frontend .fol-btn-primary, .fol-admin-frontend .fol-button-primary {
  background-color:#F36B21 !important; border-color:#F36B21 !important; color:#fff !important;
}
.fol-admin-frontend button:not(.button-link-delete):hover, .fol-admin-frontend input[type=submit]:hover, .fol-admin-frontend .fol-btn-primary:hover, .fol-admin-frontend .fol-button-primary:hover { background-color:#E65312 !important; border-color:#E65312 !important; }
.fol-admin-frontend .fol-nav-item.active, .fol-admin-frontend .fol-nav-item:hover, .fol-admin-frontend .fol-nav-toggle:hover { background:#FCE7DC !important; color:#0B2942 !important; border-left-color:#F36B21 !important; }
.fol-admin-frontend .fol-sidebar, .fol-admin-frontend aside.fol-sidebar { background:#E5E7EB !important; color:#111827 !important; }
.fol-admin-frontend .fol-sidebar a, .fol-admin-frontend .fol-sidebar button, .fol-admin-frontend .fol-sidebar .fol-nav-item { color:#111827 !important; }
/* Remove country-flag backgrounds/decoration from the dashboard UI. */
.fol-admin-frontend .country-flag-bg, .fol-admin-frontend .fol-country-flag-bg, .fol-admin-frontend .flag-background { display:none !important; }


/* v2.3.4: real edge-to-edge frontend admin dashboard, no WordPress/theme chrome. */
body:has(#fol-admin-wrap), body.fol-admin-dashboard-page { margin:0 !important; padding:0 !important; width:100% !important; max-width:none !important; overflow-x:hidden !important; }
body:has(#fol-admin-wrap) #wpadminbar, body.fol-admin-dashboard-page #wpadminbar { display:none !important; }
html:has(#fol-admin-wrap), html:has(body.fol-admin-dashboard-page) { margin-top:0 !important; padding-top:0 !important; }
body:has(#fol-admin-wrap) #page, body:has(#fol-admin-wrap) .site, body:has(#fol-admin-wrap) #content,
body:has(#fol-admin-wrap) .site-content, body:has(#fol-admin-wrap) .content-area, body:has(#fol-admin-wrap) .entry-content,
body:has(#fol-admin-wrap) .wp-site-blocks, body:has(#fol-admin-wrap) main,
body.fol-admin-dashboard-page #page, body.fol-admin-dashboard-page .site, body.fol-admin-dashboard-page #content,
body.fol-admin-dashboard-page .site-content, body.fol-admin-dashboard-page .content-area, body.fol-admin-dashboard-page .entry-content,
body.fol-admin-dashboard-page .wp-site-blocks, body.fol-admin-dashboard-page main { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
body:has(#fol-admin-wrap) header, body:has(#fol-admin-wrap) footer,
body:has(#fol-admin-wrap) .site-header, body:has(#fol-admin-wrap) .site-footer,
body:has(#fol-admin-wrap) #masthead, body:has(#fol-admin-wrap) #colophon,
body:has(#fol-admin-wrap) .elementor-location-header, body:has(#fol-admin-wrap) .elementor-location-footer,
body:has(#fol-admin-wrap) .wp-block-template-part, body.fol-admin-dashboard-page header, body.fol-admin-dashboard-page footer,
body.fol-admin-dashboard-page .site-header, body.fol-admin-dashboard-page .site-footer,
body.fol-admin-dashboard-page #masthead, body.fol-admin-dashboard-page #colophon,
body.fol-admin-dashboard-page .elementor-location-header, body.fol-admin-dashboard-page .elementor-location-footer { display:none !important; }
body:has(#fol-admin-wrap) .entry-title, body:has(#fol-admin-wrap) .entry-header, body:has(#fol-admin-wrap) .entry-footer,
body:has(#fol-admin-wrap) .page-header { display:none !important; }
#fol-admin-wrap, .fol-admin-frontend, .fol-admin-frontend #fol-admin-wrap, body:has(#fol-admin-wrap) .fol-wrap {
  box-sizing:border-box !important; width:100% !important; max-width:none !important; min-width:0 !important;
  margin:0 !important; padding:0 !important; border-radius:0 !important;
}
#fol-admin-wrap .fol-main, .fol-admin-frontend .fol-main { box-sizing:border-box !important; width:auto !important; min-width:0 !important; max-width:none !important; }
#fol-admin-wrap .fol-sidebar { flex:0 0 190px !important; }
@media(max-width:700px){ #fol-admin-wrap .fol-sidebar { flex-basis:150px !important; } #fol-admin-wrap .fol-main { padding:12px !important; } }
/* Use only the Fast One brand palette for highlighted tabs and selected navigation. */
.fol-admin-frontend .fol-nav-item.active, .fol-admin-frontend .fol-nav-item:hover,
.fol-admin-frontend .fol-nav-toggle[aria-expanded="true"], #fol-admin-wrap .fol-nav-item.active,
#fol-admin-wrap .fol-nav-item:hover, #fol-admin-wrap .fol-nav-toggle[aria-expanded="true"] {
  background:linear-gradient(135deg,#F36B21 0%,#E65312 55%,#0B2942 100%) !important;
  color:#fff !important; border-color:#F36B21 !important; border-left-color:#F36B21 !important;
}
.fol-admin-frontend .fol-nav-item.active *, .fol-admin-frontend .fol-nav-item:hover *,
.fol-admin-frontend .fol-nav-toggle[aria-expanded="true"] *, #fol-admin-wrap .fol-nav-item.active *,
#fol-admin-wrap .fol-nav-item:hover *, #fol-admin-wrap .fol-nav-toggle[aria-expanded="true"] * { color:#fff !important; }
/* Logo file input is a transparent overlay: reliable tap target on mobile, without extra upload controls. */
.fol-sidebar-header .fol-logo { position:relative !important; }
.fol-sidebar-header #fol-brand-logo-file.fol-brand-logo-file {
  display:block !important; position:absolute !important; inset:0 !important; width:100% !important; height:100% !important;
  max-width:none !important; opacity:0 !important; cursor:pointer !important; z-index:5 !important; visibility:visible !important;
}
.fol-sidebar-header #fol-brand-logo { pointer-events:none !important; }
.fol-sidebar-header .fol-logo { cursor:pointer !important; }
/* Orange is reserved for the main brand actions; accounting date-range/filter controls use a polished dark grey. */
.fol-accounting-wrap .fol-accounting-head .button,
.fol-accounting-wrap form button.button,
.fol-accounting-wrap form a.button,
.fol-accounting-wrap .fol-accounting-actions > .button,
.fol-accounting-wrap .fol-accounting-actions > a.button {
  background:#3F4650 !important; border:1px solid #3F4650 !important; color:#fff !important;
  border-radius:8px !important; padding:10px 16px !important; min-height:40px !important; line-height:1.25 !important;
  font-size:14px !important; font-weight:600 !important; text-decoration:none !important; box-shadow:0 2px 4px rgba(15,23,42,.12) !important;
  margin:3px 5px 3px 0 !important; white-space:normal !important;
}
.fol-accounting-wrap .fol-accounting-head .button:hover,
.fol-accounting-wrap form button.button:hover,
.fol-accounting-wrap form a.button:hover,
.fol-accounting-wrap .fol-accounting-actions > .button:hover,
.fol-accounting-wrap .fol-accounting-actions > a.button:hover { background:#292F36 !important; border-color:#292F36 !important; color:#fff !important; }
.fol-accounting-wrap form > div { display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:8px !important; }
.fol-accounting-wrap .fol-accounting-export > button { background:#3F4650 !important; border-color:#3F4650 !important; color:#fff !important; padding:10px 16px !important; min-height:40px !important; }

/* v2.3.5 hotfix: keep the admin dashboard full-bleed even inside narrow theme containers. */
body.fol-admin-dashboard-fullscreen .fol-admin-frontend { position:relative!important; left:calc(50% - 50vw)!important; width:100vw!important; max-width:100vw!important; margin:0!important; padding:0!important; box-sizing:border-box!important; }
body.fol-admin-dashboard-fullscreen .fol-admin-frontend #fol-admin-wrap { width:100%!important; max-width:none!important; margin:0!important; }
body.fol-admin-dashboard-fullscreen .fol-admin-frontend .fol-main { min-width:0!important; max-width:none!important; }

/* v2.3.6: preserve the WordPress admin toolbar; fullscreen customer + admin dashboards; remove green; light-grey MP3 controls. */
/* The WordPress top bar must remain visible for logged-in administrators. */
body:has(#fol-admin-wrap) #wpadminbar,
body:has(.fol-customer-wrap) #wpadminbar,
body.fol-admin-dashboard-page #wpadminbar { display:block !important; visibility:visible !important; }
html:has(#fol-admin-wrap), html:has(.fol-customer-wrap), html:has(body.fol-admin-dashboard-page) { margin-top:0 !important; }
body:has(#fol-admin-wrap), body:has(.fol-customer-wrap), body.fol-admin-dashboard-page { width:100% !important; max-width:none !important; margin:0 !important; padding-top:32px !important; overflow-x:hidden !important; }
@media screen and (max-width:782px) {
 body:has(#fol-admin-wrap), body:has(.fol-customer-wrap), body.fol-admin-dashboard-page { padding-top:46px !important; }
}
/* Full-screen customer portal: hide only site theme chrome, never WordPress toolbar. */
body:has(.fol-customer-wrap) #page,
body:has(.fol-customer-wrap) .site,
body:has(.fol-customer-wrap) #content,
body:has(.fol-customer-wrap) .site-content,
body:has(.fol-customer-wrap) .content-area,
body:has(.fol-customer-wrap) .entry-content,
body:has(.fol-customer-wrap) .wp-site-blocks,
body:has(.fol-customer-wrap) main { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
body:has(.fol-customer-wrap) .site-header,
body:has(.fol-customer-wrap) .site-footer,
body:has(.fol-customer-wrap) #masthead,
body:has(.fol-customer-wrap) #colophon,
body:has(.fol-customer-wrap) .elementor-location-header,
body:has(.fol-customer-wrap) .elementor-location-footer,
body:has(.fol-customer-wrap) .entry-header,
body:has(.fol-customer-wrap) .entry-footer,
body:has(.fol-customer-wrap) .page-header { display:none !important; }
body:has(.fol-customer-wrap) .fol-customer-wrap,
.fol-customer-wrap { position:relative !important; left:calc(50% - 50vw) !important; width:100vw !important; max-width:100vw !important; min-height:calc(100vh - 32px) !important; margin:0 !important; border-radius:0 !important; }
/* Admin frontend dashboard fills viewport beneath the retained WordPress toolbar. */
body:has(#fol-admin-wrap) #page, body:has(#fol-admin-wrap) .site, body:has(#fol-admin-wrap) #content,
body:has(#fol-admin-wrap) .site-content, body:has(#fol-admin-wrap) .content-area,
body:has(#fol-admin-wrap) .entry-content, body:has(#fol-admin-wrap) .wp-site-blocks,
body:has(#fol-admin-wrap) main { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
.fol-admin-frontend, #fol-admin-wrap { width:100vw !important; max-width:100vw !important; min-height:calc(100vh - 32px) !important; margin:0 !important; border-radius:0 !important; }
/* No green anywhere in either dashboard: map legacy green variables and status-card fills to brand orange/navy/neutral. */
.fol-admin-frontend, #fol-admin-wrap, .fol-customer-wrap {
 --fol-green:#F36B21 !important; --fol-green-dark:#E65312 !important; --fol-gold:#F36B21 !important; --fol-gold-dark:#E65312 !important;
 --sp-green:#D1D5DB !important; --sp-gold:#D1D5DB !important;
}
.fol-admin-frontend [style*="green"], #fol-admin-wrap [style*="green"], .fol-customer-wrap [style*="green"] { color:#F36B21 !important; border-color:#F36B21 !important; }
.fol-admin-frontend [style*="#008"], #fol-admin-wrap [style*="#008"], .fol-customer-wrap [style*="#008"],
.fol-admin-frontend [style*="#00a"], #fol-admin-wrap [style*="#00a"], .fol-customer-wrap [style*="#00a"],
.fol-admin-frontend [style*="#006"], #fol-admin-wrap [style*="#006"], .fol-customer-wrap [style*="#006"] { background-color:#F36B21 !important; }
.fol-admin-frontend .fol-status-card, #fol-admin-wrap .fol-status-card,
.fol-customer-wrap .fol-status-card, .fol-admin-frontend .fol-stat-card, .fol-customer-wrap .fol-stat-card { background-image:linear-gradient(135deg,#0B2942,#174563) !important; }
.fol-admin-frontend .fol-nav-item.active, .fol-admin-frontend .fol-nav-item:hover,
#fol-admin-wrap .fol-nav-item.active, #fol-admin-wrap .fol-nav-item:hover,
.fol-customer-wrap .fol-cust-nav a.active, .fol-customer-wrap .fol-cust-nav a:hover {
 background:linear-gradient(135deg,#F36B21 0%,#E65312 60%,#0B2942 100%) !important; color:#fff !important;
}
/* MP3 player controls/buttons: light grey, no green/orange button fill. */
#fol-audio-bar .fol-sp-btn, #fol-audio-bar .fol-sp-chip,
#fol-audio-bar button, #fol-audio-bar .fol-sp-play {
 background:#E5E7EB !important; background-image:none !important; color:#263445 !important;
 border:1px solid #CBD5E1 !important; box-shadow:none !important;
}
#fol-audio-bar .fol-sp-btn:hover, #fol-audio-bar .fol-sp-chip:hover,
#fol-audio-bar button:hover { background:#D1D5DB !important; color:#111827 !important; }
#fol-audio-bar .fol-sp-player, #fol-audio-bar { --sp-green:#D1D5DB !important; --sp-gold:#D1D5DB !important; }
#fol-audio-bar .fol-sp-eq i, #fol-audio-bar .fol-sp-progress-fill { background:#D1D5DB !important; }


/* v2.3.7: consistent, spacious dashboard filter controls and readable navigation. */
.fol-admin-frontend .fol-sidebar a,
.fol-admin-frontend .fol-sidebar button,
#fol-admin-wrap .fol-sidebar a,
#fol-admin-wrap .fol-sidebar button,
.fol-customer-wrap .fol-cust-sidebar a,
.fol-customer-wrap .fol-cust-nav a,
.fol-customer-wrap .fol-cust-sidebar button {
  color:#111827 !important;
}
.fol-admin-frontend .fol-sidebar a.active,
.fol-admin-frontend .fol-sidebar a:hover,
.fol-admin-frontend .fol-sidebar button.active,
.fol-admin-frontend .fol-sidebar button:hover,
#fol-admin-wrap .fol-sidebar a.active,
#fol-admin-wrap .fol-sidebar a:hover,
#fol-admin-wrap .fol-sidebar button.active,
#fol-admin-wrap .fol-sidebar button:hover,
.fol-customer-wrap .fol-cust-sidebar a.active,
.fol-customer-wrap .fol-cust-sidebar a:hover,
.fol-customer-wrap .fol-cust-nav a.active,
.fol-customer-wrap .fol-cust-nav a:hover {
  background:linear-gradient(110deg,#F5823A 0%,#F36B21 55%,#E9783C 100%) !important;
  color:#FFFFFF !important;
}
.fol-admin-frontend .fol-sidebar a.active *,
.fol-admin-frontend .fol-sidebar a:hover *,
#fol-admin-wrap .fol-sidebar a.active *,
#fol-admin-wrap .fol-sidebar a:hover *,
.fol-customer-wrap .fol-cust-sidebar a.active *,
.fol-customer-wrap .fol-cust-sidebar a:hover *,
.fol-customer-wrap .fol-cust-nav a.active *,
.fol-customer-wrap .fol-cust-nav a:hover * { color:#FFFFFF !important; }

/* Filter/date-range buttons across dashboard sections: roomy, aligned, and branded. */
.fol-admin-frontend .fol-main button.button-primary,
.fol-admin-frontend .fol-main a.button-primary,
.fol-admin-frontend .fol-main input.button-primary,
#fol-admin-wrap button.button-primary,
#fol-admin-wrap a.button-primary,
#fol-admin-wrap input.button-primary,
.fol-admin-frontend .fol-filter-buttons button,
.fol-admin-frontend .fol-filter-buttons a,
#fol-admin-wrap .fol-filter-buttons button,
#fol-admin-wrap .fol-filter-buttons a,
.fol-admin-frontend button[style*="background:#f"],
.fol-admin-frontend button[style*="background: #f"],
.fol-admin-frontend a[style*="background:#f"],
.fol-admin-frontend a[style*="background: #f"],
#fol-admin-wrap button[style*="background:#f"],
#fol-admin-wrap button[style*="background: #f"],
#fol-admin-wrap a[style*="background:#f"],
#fol-admin-wrap a[style*="background: #f"],
.fol-admin-frontend .fol-main form button[type="submit"],
#fol-admin-wrap form button[type="submit"] {
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:42px !important;
  padding:11px 20px !important;
  margin:4px 6px 4px 0 !important;
  border:1px solid #E9783C !important;
  border-radius:9px !important;
  background:linear-gradient(110deg,#F5823A 0%,#F36B21 55%,#E9783C 100%) !important;
  color:#FFFFFF !important;
  font-size:14px !important;
  font-weight:650 !important;
  line-height:1.25 !important;
  letter-spacing:.1px !important;
  text-align:center !important;
  text-decoration:none !important;
  white-space:normal !important;
  box-shadow:0 2px 5px rgba(31,41,55,.14) !important;
  transition:background .15s ease, box-shadow .15s ease, transform .15s ease !important;
}
.fol-admin-frontend .fol-main button.button-primary:hover,
.fol-admin-frontend .fol-main a.button-primary:hover,
#fol-admin-wrap button.button-primary:hover,
#fol-admin-wrap a.button-primary:hover,
.fol-admin-frontend .fol-filter-buttons button:hover,
.fol-admin-frontend .fol-filter-buttons a:hover,
#fol-admin-wrap .fol-filter-buttons button:hover,
#fol-admin-wrap .fol-filter-buttons a:hover,
.fol-admin-frontend .fol-main form button[type="submit"]:hover,
#fol-admin-wrap form button[type="submit"]:hover {
  background:linear-gradient(110deg,#F79450 0%,#F5823A 55%,#F08A4B 100%) !important;
  border-color:#F5823A !important;
  color:#FFFFFF !important;
  box-shadow:0 4px 9px rgba(31,41,55,.16) !important;
  transform:translateY(-1px) !important;
}
/* Date preset rows (This Month, Last Month, WTD, YTD, Last 12, Apply) wrap cleanly. */
.fol-admin-frontend .fol-main form,
#fol-admin-wrap form { row-gap:10px; }
.fol-admin-frontend .fol-main form button,
#fol-admin-wrap form button { max-width:100% !important; }
@media(max-width:600px) {
  .fol-admin-frontend .fol-filter-buttons,
  #fol-admin-wrap .fol-filter-buttons { display:flex !important; flex-wrap:wrap !important; gap:8px !important; }
  .fol-admin-frontend .fol-main button.button-primary,
  .fol-admin-frontend .fol-main a.button-primary,
  #fol-admin-wrap button.button-primary,
  #fol-admin-wrap a.button-primary { padding:10px 14px !important; min-height:40px !important; }
}

/* v2.3.8 final brand refinements: lighter gradient tip, visible active text, no country-flag green. */
.fol-admin-frontend .fol-nav-item.active,
.fol-admin-frontend .fol-nav-item:hover,
#fol-admin-wrap .fol-nav-item.active,
#fol-admin-wrap .fol-nav-item:hover,
.fol-admin-frontend .fol-sidebar a.active,
.fol-admin-frontend .fol-sidebar a:hover,
.fol-admin-frontend .fol-sidebar button.active,
.fol-admin-frontend .fol-sidebar button:hover,
#fol-admin-wrap .fol-sidebar a.active,
#fol-admin-wrap .fol-sidebar a:hover,
#fol-admin-wrap .fol-sidebar button.active,
#fol-admin-wrap .fol-sidebar button:hover {
  background:linear-gradient(115deg,#F5823A 0%,#F36B21 52%,#2C6587 100%) !important;
  color:#FFFFFF !important;
}
.fol-admin-frontend .fol-nav-item.active *,
.fol-admin-frontend .fol-nav-item:hover *,
#fol-admin-wrap .fol-nav-item.active *,
#fol-admin-wrap .fol-nav-item:hover *,
.fol-admin-frontend .fol-sidebar a.active *,
.fol-admin-frontend .fol-sidebar a:hover *,
#fol-admin-wrap .fol-sidebar a.active *,
#fol-admin-wrap .fol-sidebar a:hover * { color:#FFFFFF !important; }
.fol-admin-frontend .fol-sidebar,
#fol-admin-wrap .fol-sidebar { background:#E5E7EB !important; color:#111827 !important; }
.fol-admin-frontend .fol-sidebar a,
.fol-admin-frontend .fol-sidebar button,
#fol-admin-wrap .fol-sidebar a,
#fol-admin-wrap .fol-sidebar button { color:#111827 !important; }
.fol-admin-frontend .fol-sidebar a.active,
.fol-admin-frontend .fol-sidebar a:hover,
.fol-admin-frontend .fol-sidebar button.active,
.fol-admin-frontend .fol-sidebar button:hover,
#fol-admin-wrap .fol-sidebar a.active,
#fol-admin-wrap .fol-sidebar a:hover,
#fol-admin-wrap .fol-sidebar button.active,
#fol-admin-wrap .fol-sidebar button:hover { color:#FFFFFF !important; }
.fol-admin-frontend .fol-sidebar a.active *,
.fol-admin-frontend .fol-sidebar a:hover *,
#fol-admin-wrap .fol-sidebar a.active *,
#fol-admin-wrap .fol-sidebar a:hover * { color:#FFFFFF !important; }
.fol-customer-wrap .fol-country-flag { display:none !important; }


/* v2.3.9: add breathing room above both dashboards, soften active gradient, and neutralize MP3 controls. */
body.fol-admin-page .fol-wrap,
.fol-admin-frontend,
#fol-admin-wrap {
  padding-top:24px !important;
  box-sizing:border-box !important;
}
body:has(.fol-customer-wrap) .fol-customer-wrap {
  padding-top:24px !important;
}
/* Slightly lighter navy/blue gradient endpoint while preserving white active text. */
.fol-admin-frontend .fol-nav-item.active,
.fol-admin-frontend .fol-nav-item:hover,
#fol-admin-wrap .fol-nav-item.active,
#fol-admin-wrap .fol-nav-item:hover,
.fol-admin-frontend .fol-sidebar a.active,
.fol-admin-frontend .fol-sidebar a:hover,
.fol-admin-frontend .fol-sidebar button.active,
.fol-admin-frontend .fol-sidebar button:hover,
#fol-admin-wrap .fol-sidebar a.active,
#fol-admin-wrap .fol-sidebar a:hover,
#fol-admin-wrap .fol-sidebar button.active,
#fol-admin-wrap .fol-sidebar button:hover,
.fol-customer-wrap .fol-side-nav a.fol-tab.active,
.fol-customer-wrap .fol-side-nav a.fol-tab:hover,
.fol-customer-wrap .fol-cust-sidebar a.active,
.fol-customer-wrap .fol-cust-sidebar a:hover {
  background:linear-gradient(115deg,#F79450 0%,#F5823A 48%,#4A82A0 100%) !important;
  color:#FFFFFF !important;
}
.fol-admin-frontend .fol-nav-item.active *,
.fol-admin-frontend .fol-nav-item:hover *,
#fol-admin-wrap .fol-nav-item.active *,
#fol-admin-wrap .fol-nav-item:hover *,
.fol-admin-frontend .fol-sidebar a.active *,
.fol-admin-frontend .fol-sidebar a:hover *,
#fol-admin-wrap .fol-sidebar a.active *,
#fol-admin-wrap .fol-sidebar a:hover *,
.fol-customer-wrap .fol-side-nav a.fol-tab.active *,
.fol-customer-wrap .fol-side-nav a.fol-tab:hover *,
.fol-customer-wrap .fol-cust-sidebar a.active *,
.fol-customer-wrap .fol-cust-sidebar a:hover * { color:#FFFFFF !important; }
/* MP3 player controls should remain neutral light grey, not branded orange/green. */
#fol-audio-bar button,
#fol-audio-bar .fol-sp-control,
#fol-audio-bar .fol-sp-player button,
.fol-sp-player button,
.fol-sp-player .fol-sp-control,
.fol-audio-player button,
.fol-audio-player .controls button {
  background:#E5E7EB !important;
  background-image:none !important;
  color:#374151 !important;
  border-color:#D1D5DB !important;
  box-shadow:none !important;
}
#fol-audio-bar button:hover,
#fol-audio-bar .fol-sp-control:hover,
.fol-sp-player button:hover,
.fol-sp-player .fol-sp-control:hover,
.fol-audio-player button:hover,
.fol-audio-player .controls button:hover {
  background:#D1D5DB !important;
  background-image:none !important;
  color:#111827 !important;
}
#fol-audio-bar button svg,
.fol-sp-player button svg,
.fol-audio-player button svg { fill:currentColor !important; color:inherit !important; }


/* v2.3.11: replace legacy dashboard palette with light grey + orange/yellow; restore site menu; full-width dashboards. */
:root {
  --fol-brand-orange:#F36B21 !important;
  --fol-brand-orange-hover:#D95716 !important;
  --fol-brand-yellow:#FFC928 !important;
  --fol-green:#F36B21 !important;
  --fol-green-dark:#D95716 !important;
  --fol-gold:#FFC928 !important;
  --fol-gold-dark:#E8AD00 !important;
  --fol-sidebar:#E6E7E9 !important;
  --fol-bg:#F3F4F6 !important;
}
/* Keep the WordPress toolbar visible to admins. */
body:has(#fol-admin-wrap) #wpadminbar,
body:has(.fol-customer-wrap) #wpadminbar,
body.fol-admin-dashboard-page #wpadminbar { display:block !important; visibility:visible !important; }
/* Restore the actual website header/navigation on both dashboard types. */
body:has(#fol-admin-wrap) .site-header,
body:has(#fol-admin-wrap) #masthead,
body:has(#fol-admin-wrap) .elementor-location-header,
body:has(#fol-admin-wrap) .wp-block-template-part:has(nav),
body.fol-admin-dashboard-page .site-header,
body.fol-admin-dashboard-page #masthead,
body.fol-admin-dashboard-page .elementor-location-header,
body:has(.fol-customer-wrap) .site-header,
body:has(.fol-customer-wrap) #masthead,
body:has(.fol-customer-wrap) .elementor-location-header,
body:has(.fol-customer-wrap) .wp-block-template-part:has(nav) {
  display:block !important; visibility:visible !important; opacity:1 !important;
  height:auto !important; max-height:none !important; overflow:visible !important;
}
/* Full width content below the retained website menu; do not constrain it to theme columns. */
body:has(#fol-admin-wrap) #page,
body:has(#fol-admin-wrap) .site,
body:has(#fol-admin-wrap) #content,
body:has(#fol-admin-wrap) .site-content,
body:has(#fol-admin-wrap) .content-area,
body:has(#fol-admin-wrap) .entry-content,
body:has(.fol-customer-wrap) #page,
body:has(.fol-customer-wrap) .site,
body:has(.fol-customer-wrap) #content,
body:has(.fol-customer-wrap) .site-content,
body:has(.fol-customer-wrap) .content-area,
body:has(.fol-customer-wrap) .entry-content {
  width:100% !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important;
}
body:has(#fol-admin-wrap) .entry-content,
body:has(.fol-customer-wrap) .entry-content { padding-left:0 !important; padding-right:0 !important; }
#fol-admin-wrap, .fol-admin-frontend, .fol-admin-frontend .fol-wrap,
body:has(.fol-customer-wrap) .fol-customer-wrap, .fol-customer-wrap {
  box-sizing:border-box !important; width:100% !important; max-width:100% !important;
  margin-left:0 !important; margin-right:0 !important; left:auto !important; right:auto !important;
}
.fol-admin-frontend .fol-wrap, #fol-admin-wrap .fol-wrap { background:#F3F4F6 !important; color:#252525 !important; }
.fol-admin-frontend .fol-sidebar, #fol-admin-wrap .fol-sidebar,
.fol-customer-wrap .fol-cust-sidebar, .fol-customer-wrap .fol-customer-sidebar {
  background:#E6E7E9 !important; color:#242424 !important; border-color:#D2D4D8 !important;
}
.fol-admin-frontend .fol-sidebar a, .fol-admin-frontend .fol-sidebar button,
#fol-admin-wrap .fol-sidebar a, #fol-admin-wrap .fol-sidebar button,
.fol-customer-wrap .fol-side-nav a.fol-tab { color:#242424 !important; }
.fol-admin-frontend .fol-nav-item.active, .fol-admin-frontend .fol-nav-item:hover,
.fol-admin-frontend .fol-nav-toggle[aria-expanded="true"],
#fol-admin-wrap .fol-nav-item.active, #fol-admin-wrap .fol-nav-item:hover,
#fol-admin-wrap .fol-nav-toggle[aria-expanded="true"],
.fol-customer-wrap .fol-side-nav a.fol-tab.active,
.fol-customer-wrap .fol-side-nav a.fol-tab:hover,
.fol-customer-wrap .fol-side-nav a.fol-tab:focus-visible {
  background:linear-gradient(115deg,#F36B21 0%,#F5823A 58%,#FFC928 100%) !important;
  color:#FFFFFF !important; border-color:#F36B21 !important; box-shadow:none !important;
}
.fol-admin-frontend .fol-nav-item.active *, .fol-admin-frontend .fol-nav-item:hover *,
#fol-admin-wrap .fol-nav-item.active *, #fol-admin-wrap .fol-nav-item:hover *,
.fol-customer-wrap .fol-side-nav a.fol-tab.active *,
.fol-customer-wrap .fol-side-nav a.fol-tab:hover * { color:#FFFFFF !important; }
/* Replace old green/blue/red accent fills across all dashboard views. */
.fol-admin-frontend button:not(.button-link-delete), .fol-admin-frontend .button-primary,
.fol-admin-frontend input[type=submit], #fol-admin-wrap button:not(.button-link-delete),
#fol-admin-wrap .button-primary, #fol-admin-wrap input[type=submit],
.fol-customer-wrap button:not(.fol-modal-close), .fol-customer-wrap .fol-btn,
.fol-customer-wrap input[type=submit], .fol-customer-wrap .button {
  background-color:#F36B21 !important; border-color:#F36B21 !important; color:#FFFFFF !important;
}
.fol-admin-frontend button:hover:not(.button-link-delete), #fol-admin-wrap button:hover:not(.button-link-delete),
.fol-customer-wrap button:hover:not(.fol-modal-close), .fol-customer-wrap .fol-btn:hover {
  background-color:#D95716 !important; border-color:#D95716 !important; color:#FFFFFF !important;
}
.fol-admin-frontend .fol-card, #fol-admin-wrap .fol-card,
.fol-customer-wrap .fol-cust-panel, .fol-customer-wrap .fol-order-card,
.fol-customer-wrap .fol-loyalty-card { background:#FFFFFF !important; border-color:#E0E2E5 !important; }
/* Light grey MP3/audio controls. */
#fol-audio-bar button, #fol-audio-bar .fol-sp-control, #fol-audio-bar .fol-sp-player button,
.fol-sp-player button, .fol-sp-player .fol-sp-control, .fol-audio-player button,
.fol-audio-player .controls button {
  background:#E6E7E9 !important; background-image:none !important; color:#343434 !important;
  border-color:#D0D2D6 !important; box-shadow:none !important;
}
#fol-audio-bar button:hover, .fol-sp-player button:hover, .fol-audio-player button:hover {
  background:#D5D7DB !important; color:#202020 !important;
}
/* Never use the former navy/green background accents on dashboard status cards. */
.fol-admin-frontend .fol-stat-pill, #fol-admin-wrap .fol-stat-pill { border-color:#E0E2E5 !important; }
@media(max-width:640px) {
 body:has(#fol-admin-wrap) .fol-admin-frontend, body:has(#fol-admin-wrap) #fol-admin-wrap,
 body:has(.fol-customer-wrap) .fol-customer-wrap { width:100% !important; max-width:100% !important; }
}