/*!
 * 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 ~56 iconos en lugar de 1600+
 * Ahorro estimado: ~200 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"}

/* ─── Iconos adicionales detectados en templates ────────────────────────── */
/* Estados / alertas */
.fa-ban{--fa:"\f05e"}
.fa-times-circle,.fa-circle-xmark{--fa:"\f057"}
.fa-exclamation-triangle,.fa-triangle-exclamation{--fa:"\f071"}

/* Acciones UI */
.fa-trash,.fa-trash-can{--fa:"\f1f8"}
.fa-undo,.fa-rotate-left{--fa:"\f0e2"}
.fa-cog,.fa-gear{--fa:"\f013"}
.fa-user-edit,.fa-user-pen{--fa:"\f4ff"}
.fa-camera{--fa:"\f030"}
.fa-share-alt,.fa-share-nodes{--fa:"\f1e0"}
.fa-paper-plane{--fa:"\f1d8"}

/* Carga / tiempo */
.fa-circle-notch,.fa-circle-o-notch{--fa:"\f1ce"}
.fa-clock{--fa:"\f017"}
.fa-hourglass-half{--fa:"\f252"}
.fa-calendar-alt,.fa-calendar-days{--fa:"\f073"}

/* Ubicación / negocio */
.fa-store{--fa:"\f54e"}
.fa-building{--fa:"\f1ad"}
.fa-city{--fa:"\f64f"}
.fa-globe{--fa:"\f0ac"}
.fa-map-marker,.fa-map-location{--fa:"\f041"}
.fa-map-marked-alt,.fa-map-location-dot{--fa:"\f5a0"}
.fa-mobile-alt,.fa-mobile-screen-button{--fa:"\f3cd"}

/* Identidad / finanzas */
.fa-id-card{--fa:"\f2c2"}
.fa-hand-holding-usd,.fa-hand-holding-dollar{--fa:"\f4c0"}
.fa-tags{--fa:"\f02c"}

/* 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")}