/*
 * Minimal Font Awesome 6 Free icon-to-glyph mapping.
 *
 * fonts.css already self-hosts the two font FILES this theme needs
 * (fa-solid-900.woff2, fa-brands-400.woff2) via @font-face. That alone
 * does nothing: the .fa-solid / .fa-brands / .fa-<icon-name> CSS classes
 * that bind an <i> tag's font-family and glyph content were never
 * shipped, so every <i class="fa-solid ..."> in header.php/footer.php
 * rendered as an empty, invisible box.
 *
 * This file defines only the 5 icons this theme actually uses. If you
 * add more icons later, either add their codepoint here or replace this
 * with the full official Font Awesome Free CSS package.
 */

.fa-solid,
.fa-brands {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.fa-solid {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
}

.fa-brands {
	font-family: 'Font Awesome 6 Brands';
	font-weight: 400;
}

/* Account icon (header.php) */
.fa-user::before { content: "\f007"; }

/* Cart icon (header.php) */
.fa-bag-shopping::before { content: "\f290"; }

/* Cash-on-delivery icon (footer.php) */
.fa-money-bill-wave::before { content: "\f53a"; }

/* Payment brand icons (footer.php) */
.fa-cc-visa::before { content: "\f1f0"; }
.fa-cc-mastercard::before { content: "\f1f1"; }

/* Header: hamburger, search, chevron */
.fa-bars::before { content: "\f0c9"; }
.fa-magnifying-glass::before { content: "\f002"; }
.fa-chevron-down::before { content: "\f078"; }

/* Homepage hero + trust badges + bestsellers */
.fa-truck::before { content: "\f0d1"; }
.fa-truck-fast::before { content: "\f48b"; }
.fa-shield-halved::before { content: "\f3ed"; }
.fa-headset::before { content: "\f590"; }
.fa-star::before { content: "\f005"; }
.fa-arrow-right::before { content: "\f061"; }

/* Contact page + footer headquarters */
.fa-location-dot::before { content: "\f3c5"; }
.fa-phone::before { content: "\f095"; }
.fa-envelope::before { content: "\f0e0"; }
.fa-clock::before { content: "\f017"; }

/* Footer social icons (brand glyphs) */
.fa-facebook-f::before { content: "\f39e"; }
.fa-instagram::before { content: "\f16d"; }
.fa-whatsapp::before { content: "\f232"; }

/* NOTE: if any icon above renders as a blank box, double check its
   codepoint against the official Font Awesome 6 Free cheatsheet —
   these were hand-mapped without a live browser to verify against. */