/*
 * Local Bootstrap Icons subset
 *
 * This CSS defines a local @font-face for the Bootstrap Icons font and registers
 * a handful of utility classes used throughout the WooPlus dashboards. Only
 * the glyphs required by the plugin are declared here, but the font file
 * itself contains the complete set of icons. To add more icons simply add
 * new `.bi-ICONNAME::before` rules with their respective Unicode codepoints.
 */

@font-face {
  font-family: 'bootstrap-icons';
  /* Use the shared WooPlus font files located under the root assets directory.  The
   * relative path ascends three levels (../..) from the module’s CSS file to
   * reach the plugin root, then descends into assets/fonts.  This avoids
   * duplicating the same font file inside individual modules. */
  src: url('../../../assets/fonts/bootstrap-icons.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* Base rule: any element with a .bi class (or prefixed with bi-) will
   display an icon via the font. */
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: 'bootstrap-icons' !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Specific glyphs used by WooPlus dashboard. Additional icons can be added here.
   The hexadecimal values correspond to the Unicode Private Use Area codepoints
   defined by Bootstrap Icons v1.11.x. */
.bi-cart::before          { content: "\f242"; }
.bi-cash-stack::before    { content: "\f246"; }
.bi-person-plus::before   { content: "\f4dd"; }
.bi-boxes::before         { content: "\f685"; }
.bi-calendar-day::before  { content: "\f1e6"; }
.bi-calendar-week::before { content: "\f1f3"; }
.bi-calendar-month::before{ content: "\f1ed"; }
.bi-calendar-range::before{ content: "\f1f1"; }

/* Additional icons used by the analytics dashboard */
/* Search engine and audio control icons, matching the root dashboard */
/* Google (for referrer sources breakdown) */
.bi-google::before { content: "\F3F0"; }
/* Bing */
.bi-bing::before   { content: "\F6C2"; }
/* Generic search */
.bi-search::before { content: "\F52A"; }

/* Audio and header control icons */
/* Notification bell */
.bi-bell::before      { content: "\F18A"; }
/* Sun icon for light mode */
.bi-sun::before       { content: "\F5A2"; }
/* Moon icon for dark mode */
.bi-moon::before      { content: "\F497"; }
/* Volume controls for notification sounds */
.bi-volume-up::before   { content: "\F611"; }
.bi-volume-mute::before { content: "\F60D"; }