.btn-menu {
            background-color: #6e8dfd !important;
            color: #061757 !important;
        }

        .navbar_bgcolor {
            background-color: #0F1D4F !important
        }

        .sidenav_bgcolor {
            background-color: #162661 !important;
            color: #5e79da !important;

        }

        .sidenav_bgcolor a {
            color: #f7f0d8 !important;
        }

        .active_sidenav {
            background-color: #225bd4 !important;
        }



        .watermark-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            pointer-events: none;
            background-image: repeating-linear-gradient(45deg,
                    transparent,
                    transparent 60px,
                    rgba(0, 0, 0, 0.03) 60px,
                    rgba(0, 0, 0, 0.03) 61px);
        }


        .watermark-text-layer {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            pointer-events: none;
            background-image: repeating-linear-gradient(45deg,
                    transparent 0 50px,
                    rgba(0, 0, 0, 0.02) 50px 51px),
                repeating-linear-gradient(45deg,
                    rgba(0, 0, 0, 0.04) 0 0);
            background-size: 200px 200px;
        }

        .watermark-overlay {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='290' height='200'> <text x='0' y='100' transform='rotate(-30 120 120)' fill='rgba(0,0,0,0.06)' font-size='18'>  รับสมัครเข้าศึกษา มทร.ธัญบุรี 2569 </text> </svg>");
            background-repeat: repeat;
        }

/* ปรับค่าความกว้าง Sidebar ใช้แทน 225px เดิมทั้งหมด */
:root { --sb-w: 280px; }

/* ===== โครงสร้างหลัก ===== */
#layoutSidenav #layoutSidenav_nav { flex-basis: var(--sb-w) !important; }
#layoutSidenav_nav .sb-sidenav       { width: var(--sb-w) !important; }

/* ให้โลโก้บน topnav กว้างเท่ากัน (เดิม 225px) */
.sb-topnav .navbar-brand { width: var(--sb-w) !important; }

/* โหมด fixed ของ SB Admin (เดิมกำหนด 225px) */
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav    { width: var(--sb-w) !important; }
.sb-nav-fixed #layoutSidenav #layoutSidenav_content{ padding-left: var(--sb-w) !important; }

/* ===== พฤติกรรมเปิด/ปิด ตามสไตล์ SB Admin (ใช้ transform ไม่ใช่ width:0) ===== */

/* จอเล็ก < 992px: ค่าเริ่มต้นคือซ่อน sidebar (เลื่อนออกไป -W) */
@media (max-width: 991.98px) {
  #layoutSidenav #layoutSidenav_nav      { transform: translateX(calc(-1 * var(--sb-w))) !important; }
  #layoutSidenav #layoutSidenav_content  { margin-left: calc(-1 * var(--sb-w)) !important; }

  /* เมื่อกดเปิด (มีคลาส .sb-sidenav-toggled บน body) ให้เลื่อนเข้ามา */
  .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav     { transform: translateX(0) !important; }
  .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content { margin-left: 0 !important; }
}

/* จอใหญ่ ≥ 992px: ค่าเริ่มต้นคือเปิด sidebar; เมื่อกดซ่อนค่อยเลื่อน -W */
@media (min-width: 992px) {
  #layoutSidenav #layoutSidenav_nav      { transform: translateX(0) !important; }
  #layoutSidenav #layoutSidenav_content  { margin-left: 0 !important; }

  .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav     { transform: translateX(calc(-1 * var(--sb-w))) !important; }
  .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content { margin-left: calc(-1 * var(--sb-w)) !important; }
}

/* ป้องกันเมนูตัดบรรทัดและไอคอนเบียด */
.sb-sidenav .nav-link { white-space: nowrap; }
.sb-sidenav .sb-nav-link-icon { min-width: 1.5rem; }





/****************/


@media (max-width: 768px) {
  .brand-text {
    font-size: 12px;   /* ลดขนาดลง */

  }
}

/* กันการขึ้นบรรทัดใหม่โดยไม่จำเป็น */
#sidebarToggle { white-space: nowrap; }

@media (max-width: 575.98px) {
  #sidebarToggle .menu-label { font-size: 0; }
 /*   #sidebarToggle .menu-label { display: none; } */
  #sidebarToggle .menu-label::after { content: " เมนู"; font-size: 14px; }
  #sidebarToggle { padding-inline: .5rem; }
}
/*
@media (max-width: 375px) {
  #sidebarToggle .menu-label { font-size: 0; }
  #sidebarToggle .menu-label::after { content: " "; font-size: 14px; }
}*/



.edu-title {
  color: #2563eb;   /* น้ำเงิน */
  font-weight: 600;
}

/* ให้สองฟิลด์อยู่บรรทัดเดียวกัน และเวลาหน้าจอเล็กจะขึ้นบรรทัดใหม่ได้ */
.edu-row .d-flex > div {
  margin-bottom: .25rem;
}

/* จอเล็กสุด: ให้ข้อความสองฝั่งเรียงลง (แทนการบีบจนเบียด) */
@media (max-width: 480px) {
  .edu-row .d-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }
}