/* ==========================================================================
   BR-LINUX - estilos que definem ícones - com base no pacote Remix-Design

   icons-mask.css - Augusto Campos - 23.5.2026
   ========================================================================== */

/* 1. Setas indicadores no menu do cabeçalho */
.header-navigation .item-folder::after {
  -webkit-mask-image: url("icons/Arrows/arrow-down-s-line.svg");
  mask-image: url("icons/Arrows/arrow-down-s-line.svg");
}
.header-navigation .item-network::after {
  -webkit-mask-image: url("icons/Arrows/arrow-left-s-line.svg"); /* Horizontal fly-out guide marker on desktop */
  mask-image: url("icons/Arrows/arrow-left-s-line.svg");
}

/* ==========================================================================
   Mobile Breakpoint - setas do cabeçalho
   ========================================================================== */
@media screen and (max-width: 767px) {
  /* Dynamic Indicator Overrides: Switches side guides into active down arrows for mobile trays */
  .header-navigation .item-network::after {
    -webkit-mask-image: url("icons/Arrows/arrow-down-s-line.svg") !important;
    mask-image: url("icons/Arrows/arrow-down-s-line.svg") !important;
  }
}

/* 2. Menu principal */
.header-navigation .item-whatis::before   { -webkit-mask-image: url("icons/System/information-fill.svg"); mask-image: url("icons/System/information-fill.svg"); }
.header-navigation .item-suggest::before  { -webkit-mask-image: url("icons/Communication/chat-follow-up-fill.svg"); mask-image: url("icons/Communication/chat-follow-up-fill.svg"); }
.header-navigation .item-folder::before   { -webkit-mask-image: url("icons/Document/folder-open-fill.svg"); mask-image: url("icons/Document/folder-open-fill.svg"); }

/* 3. Menu secundário - camada 1 */
.header-navigation .item-download::before { -webkit-mask-image: url("icons/System/download-2-fill.svg"); mask-image: url("icons/System/download-2-fill.svg"); }
.header-navigation .item-tutorial::before { -webkit-mask-image: url("icons/Document/book-open-fill.svg"); mask-image: url("icons/Document/book-open-fill.svg"); }
.header-navigation .item-network::before  { -webkit-mask-image: url("icons/Business/global-fill.svg"); mask-image: url("icons/Business/global-fill.svg"); }

/* 3. Menu secundário - camada 2 (submenu) */
.header-navigation .net-under::before      { -webkit-mask-image: url("icons/System/share-forward-fill.svg"); mask-image: url("icons/System/share-forward-fill.svg"); }
.header-navigation .net-dicas::before      { -webkit-mask-image: url("icons/Others/lightbulb-fill.svg"); mask-image: url("icons/Others/lightbulb-fill.svg"); }
.header-navigation .net-softlivre::before  { -webkit-mask-image: url("icons/System/share-forward-fill.svg"); mask-image: url("icons/System/share-forward-fill.svg"); }
.header-navigation .net-resume::before     { -webkit-mask-image: url("icons/User & Faces/account-box-fill.svg"); mask-image: url("icons/User & Faces/account-box-fill.svg"); }
.header-navigation .net-efetividade::before{ -webkit-mask-image: url("icons/Others/box-3-fill.svg"); mask-image: url("icons/Others/box-3-fill.svg"); }
.header-navigation .net-arduino::before    { -webkit-mask-image: url("icons/Device/cpu-line.svg"); mask-image: url("icons/Device/cpu-line.svg"); }

/* 5. Barra lateral */
#sidebar .feeds-list .feed-rss::before         { -webkit-mask-image: url("icons/Device/rss-fill.svg"); mask-image: url("icons/Device/rss-fill.svg"); }
#sidebar .feeds-list .feed-archive::before     { -webkit-mask-image: url("icons/Business/archive-fill.svg"); mask-image: url("icons/Business/archive-fill.svg"); }
#sidebar .feeds-list .profile-mastodon::before { -webkit-mask-image: url("icons/Logos/mastodon-fill.svg"); mask-image: url("icons/Logos/mastodon-fill.svg"); }
#sidebar .feeds-list .profile-instagram::before { -webkit-mask-image: url("icons/Logos/instagram-fill.svg"); mask-image: url("icons/Logos/instagram-fill.svg"); }
#sidebar .feeds-list .profile-linkedin::before  { -webkit-mask-image: url("icons/Logos/linkedin-box-fill.svg"); mask-image: url("icons/Logos/linkedin-box-fill.svg"); }
#sidebar .feeds-list .site-home::before        { -webkit-mask-image: url("icons/Buildings/home-4-fill.svg"); mask-image: url("icons/Buildings/home-4-fill.svg"); }
#sidebar .feeds-list .site-efetividade::before { -webkit-mask-image: url("icons/Others/box-3-fill.svg"); mask-image: url("icons/Others/box-3-fill.svg"); }
#sidebar .feeds-list .site-trilux::before      { -webkit-mask-image: url("icons/Weather/flashlight-fill.svg"); mask-image: url("icons/Weather/flashlight-fill.svg"); }
#sidebar .feeds-list .site-axe::before         { -webkit-mask-image: url("icons/Development/terminal-box-fill.svg"); mask-image: url("icons/Development/terminal-box-fill.svg"); }
#sidebar .feeds-list .profile-twitter::before  { -webkit-mask-image: url("icons/Weather/fire-fill.svg"); mask-image: url("icons/Weather/fire-fill.svg"); }