/*!
 * Font Awesome 6 — ClickStore Subset (solo iconos usados en temas)
 * Fuente original: Font Awesome Free 6.7.1 by @fontawesome
 * License: https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1)
 * NOTA: Este archivo reemplaza all.min.css con ~32 iconos en lugar de 1600+
 * Ahorro estimado: ~220 KiB (elimina fa-brands-400.woff2 + clases CSS no usadas)
 */

/* ─── Base FA styles ─────────────────────────────────────────────────────── */
:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url(/assets/scss/icons/font-awesome-6/webfonts/fa-solid-900.woff2) format("woff2")}
.fa,.fa-solid,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-family:"Font Awesome 6 Free";font-style:normal;font-variant:normal;font-weight:900;line-height:1;text-rendering:auto}
.fa:before,.fa-solid:before,.fas:before{content:var(--fa)}

/* fa-spin para spinners */
.fa-spin{animation:fa-spin 2s linear infinite}
@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
@media (prefers-reduced-motion:reduce){.fa-spin{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1}}

/* ─── Iconos usados en temas (fa-solid) ──────────────────────────────────── */
/* Navegación y layout */
.fa-bars,.fa-navicon{--fa:"\f0c9"}
.fa-times,.fa-xmark,.fa-close,.fa-remove,.fa-multiply{--fa:"\f00d"}
.fa-chevron-left{--fa:"\f053"}
.fa-chevron-right{--fa:"\f054"}
.fa-chevron-down{--fa:"\f078"}
.fa-angle-left{--fa:"\f104"}
.fa-arrow-left{--fa:"\f060"}
.fa-arrow-right{--fa:"\f061"}
.fa-home,.fa-house,.fa-home-alt,.fa-home-lg-alt{--fa:"\f015"}

/* Búsqueda */
.fa-search,.fa-magnifying-glass{--fa:"\f002"}

/* Carrito / compras */
.fa-shopping-cart,.fa-cart-shopping{--fa:"\f07a"}
.fa-shopping-bag,.fa-bag-shopping{--fa:"\f290"}
.fa-shopping-basket,.fa-basket-shopping{--fa:"\f291"}
.fa-th-large,.fa-table-cells-large{--fa:"\f009"}

/* Producto / pedido */
.fa-star{--fa:"\f005"}
.fa-heart{--fa:"\f004"}
.fa-plus,.fa-add{--fa:"\2b"}
.fa-minus,.fa-subtract{--fa:"\f068"}
.fa-check{--fa:"\f00c"}
.fa-check-circle,.fa-circle-check{--fa:"\f058"}
.fa-info-circle,.fa-circle-info{--fa:"\f05a"}
.fa-box-open{--fa:"\f49e"}
.fa-tag{--fa:"\f02b"}
.fa-ticket-alt,.fa-ticket-simple{--fa:"\f3ff"}

/* Seguridad / confianza */
.fa-lock{--fa:"\f023"}
.fa-shield-alt,.fa-shield-halved{--fa:"\f3ed"}
.fa-certificate{--fa:"\f0a3"}

/* Contacto / ubicación */
.fa-envelope{--fa:"\f0e0"}
.fa-map-marker-alt,.fa-location-dot{--fa:"\f3c5"}
.fa-map-pin{--fa:"\f276"}

/* Entrega */
.fa-truck{--fa:"\f0d1"}

/* Usuario */
.fa-user{--fa:"\f007"}

/* Spinner / loading */
.fa-spinner{--fa:"\f110"}

/* WhatsApp (solid — mismo glifo que brands para el ícono estándar) */
.fa-whatsapp{--fa:"\f232"}

/* fa-brands stub — carga el font brands solo si se usa fa-brands */
.fa-brands,.fab{font-family:"Font Awesome 6 Brands";font-weight:400}
:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}
@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/scss/icons/font-awesome-6/webfonts/fa-brands-400.woff2) format("woff2")}