/* Google Material Symbols (Rounded) — ไอคอนหลักของระบบ แทน Font Awesome
   ต้องโหลดไฟล์นี้ "หลัง" sb-admin-2.min.css เสมอ */

.material-symbols-rounded {
  font-size: 1.25em;
  line-height: 1;
  vertical-align: middle;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ไอคอน License ใช้แบบ Outlined (โหลดเฉพาะ icon_names=license ใน _Layout)
   ใส่คู่กับ material-symbols-rounded เพื่อให้ขนาด/สีตามกฎเดิมของแต่ละหน้า */
.material-symbols-rounded.mm-outlined {
  font-family: 'Material Symbols Outlined';
}

/* แทน fa-sm */
.material-symbols-rounded.ms-sm {
  font-size: 1.1em;
}

.scroll-to-top i.material-symbols-rounded {
  font-size: 1.75rem;
  line-height: inherit;
}

/* ---------- ลูกศรของ sb-admin (เดิมวาดด้วยฟอนต์ Font Awesome) ----------
   ต้องใส่ font-family ซ้ำในทุก selector ที่ sb-admin ใส่ 'Font Awesome 5 Free' ไว้
   ไม่งั้นจะโดนทับแล้วแสดงเป็นคำว่า "chevron_right" แทนไอคอน */

.sidebar .nav-item.dropdown .dropdown-toggle::after,
.topbar .nav-item.dropdown .dropdown-toggle::after,
.sidebar .nav-item .nav-link[data-toggle=collapse]::after,
.card .card-header[data-toggle=collapse]::after,
.sidebar #sidebarToggle::after,
.sidebar.toggled #sidebarToggle::after {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.sidebar .nav-item.dropdown .dropdown-toggle::after,
.topbar .nav-item.dropdown .dropdown-toggle::after {
  content: 'chevron_right';
}

.sidebar .nav-item.dropdown.show .dropdown-toggle::after,
.topbar .nav-item.dropdown.show .dropdown-toggle::after {
  content: 'expand_more';
}

.sidebar .nav-item .nav-link[data-toggle=collapse]::after,
.card .card-header[data-toggle=collapse]::after {
  content: 'expand_more';
}

.sidebar .nav-item .nav-link[data-toggle=collapse].collapsed::after,
.card .card-header[data-toggle=collapse].collapsed::after {
  content: 'chevron_right';
}

/* ปุ่มย่อ/กาง sidebar */
.sidebar #sidebarToggle::after {
  content: 'chevron_left';
  font-size: 1.5rem;
  line-height: 2.5rem;
  margin: 0;
}

.sidebar.toggled #sidebarToggle::after {
  content: 'chevron_right';
  margin: 0;
}