/*
 * fa-map-phosphor.css — Cartello theme icon bridge (THIRD-PARTY MODULES ONLY)
 *
 * Maps fa-* classes → Phosphor Icons for third-party OC modules we don't control.
 * Own cartello templates (.twig) use ph ph-* classes directly — not this file.
 *
 * Requires Phosphor web fonts to be loaded:
 *   "Phosphor"      — regular weight (outline)
 *   "Phosphor-Fill" — fill weight (solid)
 */

/* ── Base ─────────────────────────────────────────────────────────────── */

.fa,
[class^="fa-"]::before,
[class*=" fa-"]::before {
  font-family: "Phosphor";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── Navigation & UI ──────────────────────────────────────────────────── */

.fa-bars::before        { content: "\e2f0"; } /* ph-list */
.fa-times::before       { content: "\e4f6"; } /* ph-x */
.fa-search::before      { content: "\e30c"; } /* ph-magnifying-glass */
.fa-angle-down::before  { content: "\e136"; } /* ph-caret-down */
.fa-angle-up::before    { content: "\e13c"; } /* ph-caret-up */
.fa-angle-right::before { content: "\e13a"; } /* ph-caret-right */
.fa-angle-left::before  { content: "\e138"; } /* ph-caret-left */
.fa-arrow-right::before { content: "\e06c"; } /* ph-arrow-right */
.fa-arrow-left::before  { content: "\e058"; } /* ph-arrow-left */
.fa-th::before          { content: "\e464"; } /* ph-squares-four */
.fa-th-large::before    { content: "\e5b8"; } /* ph-swatches */

/* ── E-commerce ───────────────────────────────────────────────────────── */

.fa-shopping-cart::before { content: "\e420"; } /* ph-shopping-cart-simple */
.fa-heart::before         { content: "\e2a8"; } /* ph-heart */
.fa-user::before          { content: "\e4c2"; } /* ph-user */
.fa-tag::before           { content: "\e478"; } /* ph-tag */
.fa-eye::before           { content: "\e220"; } /* ph-eye */
.fa-random::before        { content: "\e422"; } /* ph-shuffle (compare) */

/* ── Rating stars ─────────────────────────────────────────────────────── */
/*
 * fa-star   → Phosphor-Fill (solid) — для сторонніх review/rating модулів
 * fa-star-o → Phosphor (outline)
 *
 * Власні шаблони використовують ph ph-star + .is-on, що контролюється
 * компонентами через .st-rating__stars .ph-star selectors у components.css
 */
.fa-star::before   { font-family: "Phosphor-Fill"; content: "\e46a"; }
.fa-star-o::before { content: "\e46a"; } /* успадковує "Phosphor" з icons.css */

/* ── Contact & info ───────────────────────────────────────────────────── */

.fa-phone::before      { content: "\e3b8"; } /* ph-phone */
.fa-envelope::before   { content: "\e218"; } /* ph-envelope-simple */
.fa-map-marker::before { content: "\e316"; } /* ph-map-pin */

/* ── USP / trust icons ────────────────────────────────────────────────── */

.fa-truck::before        { content: "\e4b4"; } /* ph-truck */
.fa-refresh::before      { content: "\e096"; } /* ph-arrows-counter-clockwise */
.fa-shield::before       { content: "\e40c"; } /* ph-shield-check */
.fa-headphones::before   { content: "\e584"; } /* ph-headset */
.fa-lock::before         { content: "\e2fe"; } /* ph-lock-key */
.fa-leaf::before         { content: "\e2da"; } /* ph-leaf */
.fa-trophy::before       { content: "\e320"; } /* ph-medal */
.fa-bolt::before         { font-family: "Phosphor-Fill"; content: "\e2de"; } /* ph-lightning */
.fa-check-circle::before       { font-family: "Phosphor-Fill"; content: "\e606"; } /* ph-seal-check */
.fa-exclamation-circle::before { font-family: "Phosphor-Fill"; content: "\e4e2"; } /* ph-warning-circle */

/* ── UI / misc ───────────────────────────────────────────────────────── */

.fa-plus::before  { content: "\e480"; } /* ph-plus */
.fa-minus::before { content: "\e32e"; } /* ph-minus */

/* ── Social ───────────────────────────────────────────────────────────── */

.fa-instagram::before { content: "\e2d0"; } /* ph-instagram-logo */
.fa-facebook::before  { content: "\e226"; } /* ph-facebook-logo */
.fa-pinterest::before { content: "\e64e"; } /* ph-pinterest-logo */
.fa-tiktok::before    { content: "\eaf2"; } /* ph-tiktok-logo */
.fa-twitter::before   { content: "\e4ac"; } /* ph-x-logo */