/* ============================================
   custom.css — tpl_govcore
   ============================================ */


/* ══════════════════════════════════════════════
   1. FLEXIcontent — ฟอร์มเขียนข่าว
   ══════════════════════════════════════════════ */

#adminForm input[type="text"],
#adminForm textarea,
#adminForm select {
  width:100% !important; max-width:100% !important;
  padding:10px 13px !important; border:1.5px solid #dde1e7 !important;
  border-radius:8px !important; font-size:15px !important;
  color:#1a2a4a !important; background:#fbfcfd !important;
  box-sizing:border-box !important;
}
#adminForm input[type="text"]:focus,
#adminForm textarea:focus,
#adminForm select:focus {
  outline:none !important; border-color:#1a2a4a !important; background:#f3f7fd !important;
}
#adminForm label { font-weight:600 !important; color:#1a2a4a !important; }
#adminForm .nav-tabs > li > a { color:#1a2a4a !important; font-weight:600 !important; }
#adminForm .nav-tabs > li.active > a {
  background:#1a2a4a !important; color:#e8bc3a !important; border-color:#1a2a4a !important;
}
#adminForm .fields_tabset ul.tabbernav > li:nth-child(n+3) { display:none !important; }
#adminForm .btn-primary,
#adminForm button[type="submit"],
#adminForm input[type="submit"] {
  background:#1a2a4a !important; color:#e8bc3a !important;
  border:2px solid #1a2a4a !important; padding:9px 22px !important;
  border-radius:8px !important; font-weight:600 !important;
}
#adminForm .alert,
#adminForm .fc-mssg-inline { display:none !important; }
.alert-message { display:none !important; }


/* ══════════════════════════════════════════════
   2. JCE Editor
   ══════════════════════════════════════════════ */

#adminForm .mce-statusbar,
#adminForm .mceStatusbar,
#adminForm .wf-editor-footer,
#adminForm .wf-editor-buttons,
#adminForm .fcfield-text-buttons,
#adminForm #editor-xtd-buttons { display:none !important; }


/* ══════════════════════════════════════════════
   3. Google Translate — แก้ font เฉพาะ front-end
   ══════════════════════════════════════════════ */

/* ใช้ scope .site-header .site-content .site-footer แทน body *
   เพื่อไม่ให้ทับ icon font ใน admin/editor */
.site-header, .site-header *,
.site-content, .site-content *,
.site-footer, .site-footer *,
.topbar, .topbar *,
.translated-ltr .site-header *,
.translated-ltr .site-content *,
.translated-ltr .site-footer * {
  font-family: 'Sarabun', 'Noto Sans Thai', sans-serif !important;
}

body { top:0 !important; margin-top:0 !important; }
.goog-text-highlight { background:none !important; box-shadow:none !important; }


/* ══════════════════════════════════════════════
   4. FLEXIcontent carousel — สีหัวข้อข่าว
   ══════════════════════════════════════════════ */

.carousel.mod_flexicontent_wrapper .fcitem_title,
.carousel.mod_flexicontent_wrapper .fcitem_title a { color:#1a2a4a !important; }


/* ══════════════════════════════════════════════
   5. FAB ช่องทางสอบถามข้อมูล
   ══════════════════════════════════════════════ */

#tmc-fab { bottom:100px !important; pointer-events:none !important; }
#tmc-fab .fab-trigger,
#tmc-fab.is-open .fab-item,
#tmc-fab.is-open .fab-btn,
#tmc-fab.is-open .fab-label { pointer-events:auto !important; }
#tmc-fab .fab-tooltip { display:none !important; }
#tmc-fab.is-open .fab-tooltip { display:block !important; pointer-events:auto !important; }

@media (max-width:600px) {
  #tmc-fab { bottom:70px !important; }
}


/* ══════════════════════════════════════════════
   เพิ่ม override อื่นๆ ได้ด้านล่างนี้
   ══════════════════════════════════════════════ */

/* ----- ขนาดตัวอักษรทั้งเว็บ (เดิม 17px → 15px) ----- */
.site-header, .site-content, .site-footer {
  font-size: 15px;
}

/* ----- หัวข้อข่าว FLEXIcontent ย่อเหลือ 90% ----- */
.news.mod_flexicontent_wrapper .fcitem_title_box .fcitem_title,
.news.mod_flexicontent_wrapper .fcitem_title_box .fcitem_title a,
.news.mod_flexicontent_wrapper .fcitem_title,
.news.mod_flexicontent_wrapper .fcitem_title a {
  font-size: 90% !important;
  line-height: 1.45 !important;
}

/* ----- ดันเมนูรายการสุดท้าย ("ติดต่อเรา") ไปชิดขวา -----
   govcore: <ul class="nav menu"> อยู่ใน .nav-collapse */
.mainnav .nav-collapse > ul > li:last-child {
  margin-left: auto;
}
.mainnav .nav-collapse > ul > li:last-child > a {
  border-left: 1px solid rgba(255,255,255,0.08);
}
@media (max-width: 980px) {
  .mainnav .nav-collapse > ul > li:last-child {
    margin-left: 0;
  }
}

/* ============================================
   Mobile menu fix — responsive nav
   ============================================ */
@media (max-width: 980px) {
  .mainnav.is-stuck .container,
  .mainnav .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  .nav-collapse {
    width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
  }
  .mainnav .nav-collapse a {
    white-space: nowrap !important;
    padding: 14px 24px !important;
  }
}

/* ============================================
   แก้หน้าล้นแนวนอนบนมือถือ (เหมือนสบปราบ)
   - แถบบน (ปรับขนาดอักษร/โหมด/ไทย-EN) ให้ห่อบรรทัด ไม่ดันจอ
   - กันไม่ให้อะไรก็ตามกว้างเกินจอ
   ============================================ */
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}
@media (max-width: 980px) {
  .topbar .container {
    flex-wrap: wrap !important;
    justify-content: center !important;
    row-gap: 4px;
  }
  .topbar .right {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
}