/* =====================================================
   Master Lawyer - Icon fonts (css/icons.css)
   Two line-icon sets, switched by html[data-icons] (set by js/font-init.js
   from the customizer choice):
     default   Phosphor Light - MIT, https://phosphoricons.com
               (fonts/icons/LICENSE-phosphor.txt)
     "lucide"  Lucide - ISC, https://lucide.dev
               (fonts/icons/LICENSE-lucide.txt)
   Both fonts are subset to the glyphs this template uses. Lucide ships no
   brand logos, so social icons use Phosphor in both sets.
   Usage: <i class="ico ico-phone" aria-hidden="true"></i>
   ===================================================== */

/* ---------- Font faces ---------- */
@font-face {
  font-family: 'ml-phosphor';
  font-style: normal;
  font-weight: normal;
  font-display: block;
  src: url('../fonts/icons/phosphor-light-subset.woff2') format('woff2');
}

@font-face {
  font-family: 'ml-lucide';
  font-style: normal;
  font-weight: normal;
  font-display: block;
  src: url('../fonts/icons/lucide-subset.woff2') format('woff2');
}

/* ---------- Glyph code points ---------- */

/* Glyph code points, also exposed as custom properties for CSS-drawn icons.
   [data-icons-preview] lets the customizer show either set side by side. */
:root, [data-icons-preview="phosphor"] {
  --icon-font: 'ml-phosphor';
  --glyph-facebook: "\e226";
  --glyph-instagram: "\e2d0";
  --glyph-x: "\e4bc";
  --glyph-threads: "\ed9e";
  --glyph-linkedin: "\e2ee";
  --glyph-youtube: "\e4fc";
  --glyph-phone: "\e3b8";
  --glyph-mail: "\e218";
  --glyph-pin: "\e316";
  --glyph-clock: "\e19a";
  --glyph-share: "\e408";
  --glyph-chevron-down: "\e136";
  --glyph-reply: "\e024";
  --glyph-home: "\e2c2";
  --glyph-eye: "\e220";
  --glyph-calendar: "\e10a";
  --glyph-search: "\e30c";
  --glyph-close: "\e4f6";
  --glyph-tag: "\e478";
  --glyph-sliders: "\e434";
  --glyph-chevrons-right: "\e12a";
  --glyph-chevrons-left: "\e128";
  --glyph-prev: "\e138";
  --glyph-next: "\e13a";
  --glyph-plus: "\e3d4";
  --glyph-minus: "\e32a";
  --glyph-arrow-up: "\e08e";
  --glyph-send: "\e398";
  --glyph-quote: "\e660";
  --glyph-phone-call: "\e3ba";
  --glyph-bank: "\e0b4";
  --glyph-car: "\e112";
  --glyph-injury: "\e0b2";
  --glyph-family: "\e68e";
  --glyph-markets: "\e156";
  --glyph-estate: "\e102";
  --glyph-employment: "\e582";
  --glyph-criminal: "\e23e";
  --glyph-lawyers: "\e6f6";
  --glyph-cases: "\e758";
  --glyph-clients: "\e436";
  --glyph-awards: "\e67e";
}

html[data-icons="lucide"], [data-icons-preview="lucide"] {
  --icon-font: 'ml-lucide';
  --glyph-phone: "\e133";
  --glyph-mail: "\e10f";
  --glyph-pin: "\e111";
  --glyph-clock: "\e087";
  --glyph-share: "\e156";
  --glyph-chevron-down: "\e06d";
  --glyph-reply: "\e22a";
  --glyph-home: "\e0f5";
  --glyph-eye: "\e0ba";
  --glyph-calendar: "\e063";
  --glyph-search: "\e151";
  --glyph-close: "\e1b2";
  --glyph-tag: "\e17f";
  --glyph-sliders: "\e29a";
  --glyph-chevrons-right: "\e073";
  --glyph-chevrons-left: "\e072";
  --glyph-prev: "\e06e";
  --glyph-next: "\e06f";
  --glyph-plus: "\e13d";
  --glyph-minus: "\e11c";
  --glyph-arrow-up: "\e04a";
  --glyph-send: "\e152";
  --glyph-quote: "\e239";
  --glyph-phone-call: "\e134";
  --glyph-bank: "\e23a";
  --glyph-car: "\e1d5";
  --glyph-injury: "\e61d";
  --glyph-family: "\e1a4";
  --glyph-markets: "\e191";
  --glyph-estate: "\e290";
  --glyph-employment: "\e5c0";
  --glyph-criminal: "\e2cb";
  --glyph-lawyers: "\e241";
  --glyph-cases: "\e100";
  --glyph-clients: "\e164";
  --glyph-awards: "\e373";
}

/* ---------- Base class ---------- */
.ico {
  display: inline-block;
  font-family: var(--icon-font);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: never;
}

.ico-facebook, .ico-instagram, .ico-linkedin, .ico-threads, .ico-x, .ico-youtube {
  font-family: 'ml-phosphor';
}

/* ---------- Glyph classes ---------- */
.ico-facebook::before {
  content: var(--glyph-facebook);
}

.ico-instagram::before {
  content: var(--glyph-instagram);
}

.ico-x::before {
  content: var(--glyph-x);
}

.ico-threads::before {
  content: var(--glyph-threads);
}

.ico-linkedin::before {
  content: var(--glyph-linkedin);
}

.ico-youtube::before {
  content: var(--glyph-youtube);
}

.ico-phone::before {
  content: var(--glyph-phone);
}

.ico-mail::before {
  content: var(--glyph-mail);
}

.ico-pin::before {
  content: var(--glyph-pin);
}

.ico-clock::before {
  content: var(--glyph-clock);
}

.ico-share::before {
  content: var(--glyph-share);
}

.ico-chevron-down::before {
  content: var(--glyph-chevron-down);
}

.ico-reply::before {
  content: var(--glyph-reply);
}

.ico-home::before {
  content: var(--glyph-home);
}

.ico-eye::before {
  content: var(--glyph-eye);
}

.ico-calendar::before {
  content: var(--glyph-calendar);
}

.ico-search::before {
  content: var(--glyph-search);
}

.ico-close::before {
  content: var(--glyph-close);
}

.ico-tag::before {
  content: var(--glyph-tag);
}

.ico-sliders::before {
  content: var(--glyph-sliders);
}

.ico-chevrons-right::before {
  content: var(--glyph-chevrons-right);
}

.ico-chevrons-left::before {
  content: var(--glyph-chevrons-left);
}

.ico-prev::before {
  content: var(--glyph-prev);
}

.ico-next::before {
  content: var(--glyph-next);
}

.ico-plus::before {
  content: var(--glyph-plus);
}

.ico-minus::before {
  content: var(--glyph-minus);
}

.ico-arrow-up::before {
  content: var(--glyph-arrow-up);
}

.ico-send::before {
  content: var(--glyph-send);
}

.ico-quote::before {
  content: var(--glyph-quote);
}

.ico-phone-call::before {
  content: var(--glyph-phone-call);
}

.ico-bank::before {
  content: var(--glyph-bank);
}

.ico-car::before {
  content: var(--glyph-car);
}

.ico-injury::before {
  content: var(--glyph-injury);
}

.ico-family::before {
  content: var(--glyph-family);
}

.ico-markets::before {
  content: var(--glyph-markets);
}

.ico-estate::before {
  content: var(--glyph-estate);
}

.ico-employment::before {
  content: var(--glyph-employment);
}

.ico-criminal::before {
  content: var(--glyph-criminal);
}

.ico-lawyers::before {
  content: var(--glyph-lawyers);
}

.ico-cases::before {
  content: var(--glyph-cases);
}

.ico-clients::before {
  content: var(--glyph-clients);
}

.ico-awards::before {
  content: var(--glyph-awards);
}