/* =====================================================================
 * reb7-icons.css — reb7.xyz · ئایکۆنەکان
 * =====================================================================
 * ① چاککردنی ئایکۆنە «چوارگۆشە»ـکان
 *    ڕووکارەکە فۆنتی «Font Awesome 5 Pro» بەکاردەهێنێت، بەڵام فایلەکانی
 *    ئەو فۆنتە لەسەر سێرڤەر نین، بۆیە ئایکۆنەکان وەک چوارگۆشە دەردەکەوتن.
 *    لێرە هەمان ئایکۆنەکان لە فۆنتی خۆڕایی (Font Awesome 6 Free، کە
 *    سایتەکە پێشتر باری دەکات) وەردەگیرێن. ئەو ٩ ئایکۆنەی تەنها لە
 *    وەشانی پارەداردا هەن، نزیکترین هاوشێوەی خۆڕاییان بۆ دانراوە.
 * ② جوڵەی ئایکۆنەکان (مێنیوی لا، لیستی بەش و سێرڤەر).
 * ===================================================================== */

/* ---------- ① فۆنت ---------- */
.fas, .far, .fal, .fad, .fa,
.fa-solid, .fa-regular, .fa-light {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}
.fab, .fa-brands {
  font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands" !important;
  font-weight: 400 !important;
}

/* تەنها لە وەشانی پارەداردا هەن → نزیکترین هاوشێوە */
.fa-box-heart:before              { content: "\f49e" !important; } /* box-open */
.fa-tachometer-alt-slowest:before { content: "\f625" !important; } /* gauge */
.fa-usd-circle:before             { content: "\f51e" !important; } /* coins */
.fa-bell-on:before                { content: "\f0f3" !important; } /* bell */
.fa-comment-alt-plus:before       { content: "\f4ad" !important; } /* comment-dots */
.fa-ballot:before                 { content: "\f46d" !important; } /* clipboard-list */
.fa-chevron-double-up:before      { content: "\f102" !important; } /* angles-up */
.fa-chevron-double-down:before    { content: "\f103" !important; } /* angles-down */
.fa-layer-plus:before             { content: "\f5fd" !important; } /* layer-group */

/* لە وەشانی ٦ دا ژمارەی پیتەکەیان گۆڕاوە */
.fa-question:before               { content: "\3f"   !important; }
.fa-cloud-upload-alt:before       { content: "\f0ee" !important; }

/* ---------- ② جوڵە ---------- */
@keyframes reb7-float  { 0%, 100% { transform: translateY(0); }        50% { transform: translateY(-3px); } }
@keyframes reb7-pop    { 0%, 100% { transform: scale(1); }             50% { transform: scale(1.16); } }
@keyframes reb7-wiggle { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(-12deg); } 75% { transform: rotate(12deg); } }

/* مێنیوی لا: بە نەرمی سەر و خوار دەکەن، هەر یەکە بە کاتێکی جیاواز */
.sidebar-menu .menu-link .m-icon {
  display: inline-block;
  animation: reb7-float 2.6s ease-in-out infinite;
  will-change: transform;
}
.sidebar-menu li:nth-child(3n+1) .m-icon { animation-delay: 0s; }
.sidebar-menu li:nth-child(3n+2) .m-icon { animation-delay: .45s; }
.sidebar-menu li:nth-child(3n)   .m-icon { animation-delay: .9s; }
/* ئەوەی مشکی لەسەرە یان پەڕەی ئێستایە: دەلەرزێت */
.sidebar-menu .menu-link:hover .m-icon,
.sidebar-menu li.active .menu-link .m-icon {
  animation: reb7-wiggle .7s ease-in-out infinite;
}


/* ---------- ③ ئایکۆنی پلاتفۆرمەکان: ڕەنگاوڕەنگ و جووڵاو ----------
 * لە لیستی بەشەکان، لیستی سێرڤەرەکان، ناونیشانی هەڵبژێردراو و دووگمەکانی
 * فلتەری سەرەوە. هەر پلاتفۆرمێک ڕەنگی خۆی و جوڵەی خۆی هەیە. */

#category-drop .dropdown-item i,
#orders-drop .dropdown-item i,
#categoryTitle i,
#serviceTitle i {
  display: inline-block;
  width: 26px;
  text-align: center;
  font-size: 20px;
  vertical-align: -2px;
  /* ڕووکارەکە بۆ هەندێک پلاتفۆرم بۆشایی داناوە و بۆ هەندێکی تر نا → هەموویان یەکسان */
  margin: 0 !important;
  margin-inline-end: 8px !important;
  padding: 0 !important;
  will-change: transform;
  transform-origin: 50% 55%;
  animation: reb7-pop 2.2s ease-in-out infinite;
}
.nwo-cat-btn i { display: inline-block; will-change: transform; transform-origin: 50% 55%; }

/* هەر هێڵێک بە کاتێکی جیاواز دەست پێدەکات، تا هەموویان پێکەوە نەجوڵێن */
#category-drop .dropdown-item:nth-child(4n+2) i, #orders-drop .dropdown-item:nth-child(4n+2) i { animation-delay: .3s; }
#category-drop .dropdown-item:nth-child(4n+3) i, #orders-drop .dropdown-item:nth-child(4n+3) i { animation-delay: .6s; }
#category-drop .dropdown-item:nth-child(4n)   i, #orders-drop .dropdown-item:nth-child(4n)   i { animation-delay: .9s; }

/* --- جوڵەکان --- */
@keyframes reb7-ig   { 0%, 55%, 100% { transform: rotate(0) scale(1); } 10% { transform: rotate(-12deg) scale(.92); }
                       22% { transform: rotate(10deg) scale(1.16); } 34% { transform: rotate(-8deg) scale(1.16); } 46% { transform: rotate(6deg) scale(1.05); } }
@keyframes reb7-tt   { 0%, 60%, 100% { transform: translate(0, 0) rotate(0); } 8% { transform: translate(-1px, 1px) rotate(-6deg); }
                       16% { transform: translate(1.5px, -1.5px) rotate(6deg); } 24% { transform: translate(-1.5px, 0) rotate(-4deg); }
                       32% { transform: translate(1px, 1px) rotate(4deg); } 40% { transform: translate(0, -1px) rotate(0); } }
@keyframes reb7-tg   { 0%, 60%, 100% { transform: translate(0, 0) rotate(0); } 20% { transform: translate(4px, -4px) rotate(-14deg) scale(1.1); }
                       40% { transform: translate(-1px, 1px) rotate(6deg); } }
@keyframes reb7-fb   { 0%, 55%, 100% { transform: translateY(0); } 15% { transform: translateY(-5px); } 28% { transform: translateY(0); }
                       40% { transform: translateY(-2.5px); } }
@keyframes reb7-yt   { 0%, 50%, 100% { transform: scale(1); } 12% { transform: scale(1.25); } 24% { transform: scale(.95); } 36% { transform: scale(1.15); } }
@keyframes reb7-tw   { 0%, 55%, 100% { transform: skewX(0) translateX(0); } 12% { transform: skewX(-10deg) translateX(-1px); }
                       24% { transform: skewX(10deg) translateX(1px); } 36% { transform: skewX(-5deg); } }
@keyframes reb7-sc   { 0%, 100% { transform: translateY(0) rotate(0); } 25% { transform: translateY(-3px) rotate(-8deg); } 75% { transform: translateY(-3px) rotate(8deg); } }
@keyframes reb7-star { 0%, 50%, 100% { transform: rotate(0) scale(1); } 25% { transform: rotate(72deg) scale(1.25); } }

/* --- ئینستاگرام: ڕەنگە ڕاستەقینەکانی لۆگۆکە --- */
#category-drop .fa-instagram, #orders-drop .fa-instagram, #categoryTitle .fa-instagram, #serviceTitle .fa-instagram,
.nwo-cat-btn:not(.active) .fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent !important;
}
#category-drop i.fa-instagram, #orders-drop i.fa-instagram, #categoryTitle i.fa-instagram, #serviceTitle i.fa-instagram { animation-name: reb7-ig; animation-duration: 2.8s; }

/* --- تیکتۆک (ڕووکارەکە ئایکۆنی «مۆسیقا»ی بۆ داناوە → لۆگۆی تیکتۆک) --- */
#category-drop .fa-music, #orders-drop .fa-music, #categoryTitle .fa-music, #serviceTitle .fa-music {
  font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands" !important;
  font-weight: 400 !important;
}
#category-drop .fa-music:before, #orders-drop .fa-music:before, #categoryTitle .fa-music:before, #serviceTitle .fa-music:before { content: "\e07b" !important; }
#category-drop .fa-music, #orders-drop .fa-music, #categoryTitle .fa-music, #serviceTitle .fa-music,
#category-drop .fa-tiktok, #orders-drop .fa-tiktok, #categoryTitle .fa-tiktok, #serviceTitle .fa-tiktok,
.nwo-cat-btn:not(.active) .fa-tiktok {
  color: #fff !important;
  text-shadow: 1.5px 1.5px 0 #fe2c55, -1.5px -1.5px 0 #25f4ee;
}
#category-drop i.fa-music, #orders-drop i.fa-music, #categoryTitle i.fa-music, #serviceTitle i.fa-music,
#category-drop i.fa-tiktok, #orders-drop i.fa-tiktok, #categoryTitle i.fa-tiktok, #serviceTitle i.fa-tiktok { animation-name: reb7-tt; animation-duration: 2.4s; }

/* --- تێلێگرام --- */
#category-drop .fa-telegram, #orders-drop .fa-telegram, #categoryTitle .fa-telegram, #serviceTitle .fa-telegram,
#category-drop .fa-telegram-plane, #orders-drop .fa-telegram-plane,
.nwo-cat-btn:not(.active) .fa-telegram { color: #2aabee !important; }
#category-drop i.fa-telegram, #orders-drop i.fa-telegram, #categoryTitle i.fa-telegram, #serviceTitle i.fa-telegram,
#category-drop i.fa-telegram-plane, #orders-drop i.fa-telegram-plane { animation-name: reb7-tg; animation-duration: 2.6s; }

/* --- فەیسبووک --- */
#category-drop [class*="fa-facebook"], #orders-drop [class*="fa-facebook"], #categoryTitle [class*="fa-facebook"], #serviceTitle [class*="fa-facebook"],
.nwo-cat-btn:not(.active) [class*="fa-facebook"] { color: #1877f2 !important; }
#category-drop i[class*="fa-facebook"], #orders-drop i[class*="fa-facebook"], #categoryTitle i[class*="fa-facebook"], #serviceTitle i[class*="fa-facebook"] { animation-name: reb7-fb; animation-duration: 2.5s; }

/* --- یوتیوب --- */
#category-drop .fa-youtube, #orders-drop .fa-youtube, #categoryTitle .fa-youtube, #serviceTitle .fa-youtube,
.nwo-cat-btn:not(.active) .fa-youtube { color: #ff0000 !important; }
#category-drop i.fa-youtube, #orders-drop i.fa-youtube, #categoryTitle i.fa-youtube, #serviceTitle i.fa-youtube { animation-name: reb7-yt; animation-duration: 2.3s; }

/* --- تویچ --- */
#category-drop .fa-twitch, #orders-drop .fa-twitch, #categoryTitle .fa-twitch, #serviceTitle .fa-twitch,
.nwo-cat-btn:not(.active) .fa-twitch { color: #9146ff !important; }
#category-drop i.fa-twitch, #orders-drop i.fa-twitch, #categoryTitle i.fa-twitch, #serviceTitle i.fa-twitch { animation-name: reb7-tw; animation-duration: 2.6s; }

/* --- سناپچات --- */
#category-drop [class*="fa-snapchat"], #orders-drop [class*="fa-snapchat"], #categoryTitle [class*="fa-snapchat"], #serviceTitle [class*="fa-snapchat"],
.nwo-cat-btn:not(.active) [class*="fa-snapchat"] { color: #fffc00 !important; }
#category-drop i[class*="fa-snapchat"], #orders-drop i[class*="fa-snapchat"], #categoryTitle i[class*="fa-snapchat"], #serviceTitle i[class*="fa-snapchat"] { animation-name: reb7-sc; animation-duration: 2.4s; }

/* --- ئەستێرە (ئەو بەشانەی پلاتفۆرمیان دیار نییە) --- */
#category-drop i.fa-star, #orders-drop i.fa-star, #categoryTitle i.fa-star, #serviceTitle i.fa-star { color: #ffc107 !important; animation-name: reb7-star; animation-duration: 3s; }

/* --- پلاتفۆرمەکانی تر (دووگمەکانی سەرەوە و هەر بەشێکی داهاتوو) --- */
#category-drop .fa-twitter, #orders-drop .fa-twitter, .nwo-cat-btn:not(.active) .fa-twitter   { color: #1da1f2 !important; }
#category-drop .fa-whatsapp, #orders-drop .fa-whatsapp, .nwo-cat-btn:not(.active) .fa-whatsapp { color: #25d366 !important; }
#category-drop .fa-spotify, #orders-drop .fa-spotify, .nwo-cat-btn:not(.active) .fa-spotify   { color: #1db954 !important; }
#category-drop [class*="fa-linkedin"], #orders-drop [class*="fa-linkedin"], .nwo-cat-btn:not(.active) [class*="fa-linkedin"] { color: #0a66c2 !important; }
#category-drop .fa-discord, #orders-drop .fa-discord, .nwo-cat-btn:not(.active) .fa-discord   { color: #5865f2 !important; }
#category-drop .fa-google, #orders-drop .fa-google, .nwo-cat-btn:not(.active) .fa-google       { color: #ea4335 !important; }
#category-drop .fa-behance, #orders-drop .fa-behance, .nwo-cat-btn:not(.active) .fa-behance   { color: #1769ff !important; }
#category-drop .fa-soundcloud, #orders-drop .fa-soundcloud { color: #ff5500 !important; }
#category-drop [class*="fa-pinterest"], #orders-drop [class*="fa-pinterest"] { color: #e60023 !important; }
.nwo-cat-btn:not(.active) .fa-gitter { color: #ff6a00 !important; }
.nwo-cat-btn:not(.active) .fa-globe  { color: #ff8a3d !important; }

/* دووگمەکانی فلتەری سەرەوە: کاتێک مشکیان لەسەرە، بە جوڵەی پلاتفۆرمەکەی خۆیان دەجوڵێن */
.nwo-cat-btn i { transition: transform .2s ease; }
.nwo-cat-btn:hover i { animation: reb7-ig 1.2s ease-in-out infinite; }
.nwo-cat-btn.active i { transform: scale(1.2); }

/* هێڵەکە کە مشکی لەسەرە: خێراتر دەجوڵێت */
#category-drop .dropdown-item:hover i,
#orders-drop .dropdown-item:hover i { animation-duration: 1.1s; animation-delay: 0s; }

/* ئەوانەی جوڵەیان لە ئامێرەکەیاندا کوژاندووەتەوە */
@media (prefers-reduced-motion: reduce) {
  .sidebar-menu .menu-link .m-icon,
  #category-drop .dropdown-item i,
  #orders-drop .dropdown-item i,
  #categoryTitle i,
  #serviceTitle i,
  .nwo-cat-btn:hover i { animation: none !important; }
  .nwo-cat-btn i { transition: none; }
}