/* =========================================
   JOIS – Clean Academic Layout
   No Header Control | Flat Sidebar
   ========================================= */

/* ---------- Base ---------- */
html,
body {
  min-height: 100vh;
  background-color: #f6f7f9;
  color: #1f2933;
  font-family: system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Arial, sans-serif;
  overflow-x: hidden;
}

/* ---------- Main Content ---------- */
.pkp_structure_main {
  background-color: #ffffff;
  border-radius: 6px;
  padding: 24px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}

/* ---------- Global Blocks (main only) ---------- */
.pkp_structure_main .pkp_block {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  box-shadow: none;
  padding: 14px;
}

/* ---------- Links ---------- */
a {
  color: #4b5fa7;
}

a:hover {
  text-decoration: underline;
}

/* =========================================
   SIDEBAR – FLAT WHITE (NO BOX)
   ========================================= */

/* Sidebar พื้นขาวต่อเนื่อง */
.pkp_structure_sidebar {
  background: #ffffff !important;
  padding: 0 !important;
}

/* ยกเลิกกล่องทั้งหมดใน sidebar */
.pkp_structure_sidebar .pkp_block {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
}

/* หัวข้อใน sidebar */
.pkp_structure_sidebar .pkp_block_title,
.pkp_structure_sidebar h3 {
  border: none !important;
  padding: 0 0 6px 0 !important;
  margin: 0 0 8px 0 !important;
  font-weight: 600;
  font-size: 14px;
  color: #1f2933;
}

/* เนื้อหาใน sidebar */
.pkp_structure_sidebar p,
.pkp_structure_sidebar li {
  margin: 4px 0 !important;
  font-size: 13.5px;
  color: #374151;
}

/* ลบเส้นคั่นทุกชนิด */
.pkp_structure_sidebar hr {
  display: none !important;
}

/* =========================================
   FOOTER – CLEAN & NEUTRAL
   ========================================= */

.pkp_structure_footer {
  background-color: #2f354f;
  color: #e5e7eb;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding: 14px 20px;
  font-size: 14px;
  line-height: 1.5;
}

/* ข้อความ footer */
.pkp_structure_footer p {
  margin: 4px 0;
  text-align: center;
  color: #e5e7eb;
}

/* ลิงก์ footer */
.pkp_structure_footer a {
  color: #c7d2fe;
  text-decoration: none;
}

.pkp_structure_footer a:hover {
  text-decoration: underline;
}

/* ---------- White Info Box in Footer (ถ้ามี) ---------- */
.pkp_structure_footer div[style*="background: #ffffff"] {
  background: #ffffff !important;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  color: #1f2933 !important;
  box-shadow: none !important;
}

.pkp_structure_footer div[style*="background: #ffffff"] p,
.pkp_structure_footer div[style*="background: #ffffff"] span,
.pkp_structure_footer div[style*="background: #ffffff"] strong {
  color: #1f2933 !important;
}

.pkp_structure_footer div[style*="background: #ffffff"] a {
  color: #4b5fa7 !important;
}

/* ---------- Mobile ---------- */
@media (max-width: 768px) {
  .pkp_structure_main {
    padding: 16px;
  }
}
/* =================================
   SIDEBAR INNER SPACING (CLEAN)
   เยื้องการ์ดและข้อความเข้าด้านใน
   ================================= */

/* เพิ่มระยะห่างด้านในของ sidebar */
.pkp_structure_sidebar {
  padding: 0 14px !important;   /* เยื้องซ้าย–ขวา */
}

/* เพิ่มพื้นที่ให้แต่ละ section */
.pkp_structure_sidebar .pkp_block {
  margin-bottom: 18px !important;
}

/* เยื้องหัวข้อ */
.pkp_structure_sidebar h3,
.pkp_structure_sidebar .pkp_block_title {
  padding-left: 2px !important;
}

/* เยื้องข้อความและรายการ */
.pkp_structure_sidebar p,
.pkp_structure_sidebar ul,
.pkp_structure_sidebar li,
.pkp_structure_sidebar a {
  padding-left: 2px !important;
}