/*
 * icons-fix.css — compu-pc.es
 * Font Awesome 6 icon mapping
 * Upload to: /public/assets/css/icons-fix.css (REPLACE existing file)
 */

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

/* Base reset */
[class^="icon-"]::before,
[class*=" icon-"]::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ---- SOLID ICONS ---- */
.icon-home::before        { content: "\f015"; }  /* house           */
.icon-gamepad::before     { content: "\f11b"; }  /* gamepad         */
.icon-spinner::before     { content: "\f021"; }  /* arrows-rotate   */
.icon-upload::before      { content: "\f093"; }  /* upload arrow    */
.icon-chat::before        { content: "\f27a"; }  /* comment-dots    */
.icon-notice::before      { content: "\f1ea"; }  /* newspaper       */
.icon-magnifier::before   { content: "\f002"; }  /* magnifying-glass*/
.icon-cloud::before       { content: "\f0ed"; }  /* cloud-arrow-down*/
.icon-circle-up::before   { content: "\f077"; }  /* chevron-up      */
.icon-key::before         { content: "\f084"; }  /* key             */
.icon-folder::before      { content: "\f07b"; }  /* folder          */
.icon-menu::before        { content: "\f0c9"; }  /* bars            */
.icon-eye::before         { content: "\f06e"; }  /* eye             */
.icon-edit::before        { content: "\f303"; }  /* pen             */
.icon-trash::before       { content: "\f1f8"; }  /* trash           */
.icon-bin::before         { content: "\f1f8"; }  /* trash           */
.icon-checkmark::before   { content: "\f00c"; }  /* check           */
.icon-point-up::before    { content: "\f164"; }  /* thumbs-up       */
.icon-point-down::before  { content: "\f165"; }  /* thumbs-down     */

/* ---- BRAND ICONS ---- */
.icon-windows::before {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400;
  content: "\f17a";
}
.icon-whatsapp::before {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400;
  content: "\f232";
}
.icon-telegram::before {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400;
  content: "\f2c6";
}

/* ---- SIZE FIXES ---- */
#menu > li > a .icon-home   { font-size: 20px; }
#menu > li > a .icon-gamepad{ font-size: 18px; }
.barra-icon [class^="icon-"]{ font-size: 20px; }

/* ---- SCROLL TO TOP BUTTON FIX ---- */
.scroll-top .icon-circle-up::before { content: "\f062"; } /* arrow-up */

/* ---- SECTION TITLE ICON SIZE ---- */
.section-title .icon,
.panel-title .icon { font-size: 20px; }
/* Barra layout force fix */
#barra {
  position: fixed !important;
  top: 0; left: 0; right: 0;
  height: 43px !important;
  background: linear-gradient(180deg,#8c0015,#4b0000) !important;
  z-index: 200;
  display: flex !important;
}
.barra-inner {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
}
#barra-logo { flex-shrink: 0; }
#barra-search { flex: 1; max-width: 480px; }
#barra-icons { display: flex; align-items: center; gap: 4px; margin-left: auto; }