/* ============================================================
   2570.css — ธีมประจำปี ๒๕๗๐
   โหลดต่อจาก main.css เท่านั้น (ทับค่า ไม่ได้แทนที่)

   วิธีทำงาน: main.css เขียนด้วย CSS custom property ทั้งไฟล์อยู่แล้ว
   ไฟล์นี้จึงทับแค่ "ค่าสี" ทุกหน้าในระบบเปลี่ยนตามพร้อมกันโดยอัตโนมัติ
   ไม่ต้องไล่แก้ทีละหน้า และไม่ต้องแตะ markup ที่ main.js ผูกอยู่

   สีทั้งหมดดึงจาก assets/img/children_2570.png โดยตรง:
     #901818 แดงเลือดหมู · #F090A8 ชมพู · #F0A890 ปะการัง
     #F09018 ส้ม · #F06018 ส้มเข้ม · #303090 น้ำเงิน · #90A8D8 ฟ้า
   ============================================================ */

:root{
  /* ---- สีประจำปี ๒๕๗๐ (ใช้อ้างอิงในหน้าอื่น ๆ ได้) ---- */
  --cd-maroon:#901818;
  --cd-maroon-2:#A82424;
  --cd-orange:#F06018;
  --cd-orange-d:#C23A10;
  --cd-amber:#F09018;
  --cd-amber-d:#D97A10;
  --cd-pink:#F090A8;
  --cd-coral:#F0A890;
  --cd-navy:#303090;
  --cd-sky:#90A8D8;

  --cd-tint-1:#FFF7F3;
  --cd-tint-2:#FFEDE4;
  --cd-tint-3:#FDEEF1;
  --cd-line:#F5DCD2;
  --cd-ink:#3A2620;
  --cd-ink-soft:#7A5D54;

  --cd-radius:20px;
  --cd-radius-lg:26px;
  --cd-shadow:0 14px 36px rgba(144,24,24,.10);
}

/* ---- ฟอนต์: ให้ Pridi มาก่อน เพราะเนื้อหาเป็นภาษาไทยเกือบทั้งหมด ---- */
:root{
  --default-font:"Pridi","Sarabun","Roboto",sans-serif;
  --heading-font:"Pridi","Sarabun","Roboto",sans-serif;
  --nav-font:"Pridi","Sarabun","Roboto",sans-serif;
}

/* ---- ทับ token สีของ template ---- */
:root{
  --default-color:#3A2620;
  --heading-color:#901818;
  --accent-color:#E0530F;
  --surface-color:#ffffff;
  --background-color:#ffffff;
  --contrast-color:#ffffff;

  --nav-color:#3A2620;
  --nav-hover-color:#C23A10;
  --nav-dropdown-background-color:#ffffff;
  --nav-dropdown-color:#3A2620;
  --nav-dropdown-hover-color:#C23A10;
}

.light-background{
  --background-color:#FFF7F3;
  --surface-color:#ffffff;
}
.accent-background{
  --background-color:#E0530F;
  --surface-color:#F09018;
  --default-color:#ffffff;
  --heading-color:#ffffff;
  --contrast-color:#ffffff;
}

/* ============================================================
   HEADER
   ============================================================ */
.header{
  border-bottom:1px solid var(--cd-line);
  box-shadow:0 2px 12px rgba(144,24,24,.04);
}
.header .logo img{max-height:42px}
.header .logo .sitename{
  color:var(--cd-maroon);font-weight:600;margin:0;font-size:1.15rem;
}

/* ตราคำประจำระบบ — ชื่อภาษาอังกฤษ + สังกัดบรรทัดล่าง
   ใช้ Pridi ทั้งสองบรรทัดตามธีม จึงเพิ่มขนาดขึ้นเล็กน้อยและคลายระยะตัวอักษร
   เพราะตัวละตินของ Pridi ตัวเตี้ยกว่าฟอนต์ระบบเมื่อขนาดเท่ากัน */
.header .logo .sitename.cd-wordmark{
  display:flex;flex-direction:column;line-height:1.15;
}
.cd-wm-name{
  font-weight:700;font-size:1.38rem;letter-spacing:-.01em;color:var(--cd-maroon);
}
.cd-wm-org{
  font-size:.72rem;font-weight:400;color:var(--cd-orange-d);letter-spacing:.01em;
}

/* ปุ่มเข้าสู่ระบบ / ชื่อผู้ใช้ */
.header .btn-getstarted{
  background:var(--cd-navy);color:#fff;border-radius:999px;
  padding:8px 24px;font-weight:500;white-space:nowrap;
}
.header .btn-getstarted:hover{background:#252570;color:#fff}

/* เมนู */
.navmenu a,.navmenu a:focus{border-radius:999px;padding:8px 18px;font-weight:500}
.navmenu>ul>li>a:hover{background:var(--cd-tint-2)}
.navmenu .dropdown ul{
  border-radius:16px;border:1px solid var(--cd-line);
  box-shadow:0 12px 28px rgba(144,24,24,.14);overflow:hidden;
}

/* แถบเตือนโหมดพัฒนา */
.cd-devbar{
  background:#5a3d00;color:#ffd84d;text-align:center;
  padding:.4rem 1rem;font-size:.85rem;border-bottom:2px solid var(--cd-amber);
}
.cd-devbar strong{color:#fff}

/* ============================================================
   FOOTER
   ============================================================ */
.footer{
  background:var(--cd-maroon);
  color:#F6DCD6;
  border-top:none;
  padding:.9rem 0;
}
/* main.css ใส่ระยะและเส้นคั่นให้ .copyright ไว้ — footer เหลือบรรทัดเดียวแล้ว ไม่ต้องมี */
.footer .copyright{padding:0;margin:0;border:0}

/* footer ติดขอบล่างจอเสมอ — หน้าที่เนื้อหาสั้น (เช่น ใบสมัครของฉันที่มีใบเดียว) footer เคยลอยขึ้นมากลางจอ
   ให้ body สูงอย่างน้อยเต็มจอแล้วดัน footer ลงล่างสุด
   ใช้เฉพาะหน้าที่ครอบด้วย template (body.index-page) — หน้าแรก/ล็อกอินมีโครงของตัวเอง */
body.index-page{min-height:100vh;display:flex;flex-direction:column}
body.index-page > #footer{margin-top:auto}
.footer a{color:#FFD9CB}
.footer a:hover{color:#fff}
.footer .credits{color:#E8C4BC;font-size:.9rem;line-height:2}
/* โลโก้ BICT เป็นภาพสีบนพื้นขาว ต้องกลับเป็นสีขาวเมื่ออยู่บนพื้นเข้ม */
.footer .credits img{filter:brightness(0) invert(1);opacity:.92;vertical-align:middle}
.cd-footer-brand img{height:52px;filter:brightness(0) invert(1);opacity:.95}
.cd-footer-title{color:#fff;font-weight:600;margin:.7rem 0 .1rem}
.cd-footer-org{color:#E8C4BC;font-size:.9rem;margin:0}
.cd-footer-sep{border:0;border-top:1px solid rgba(255,255,255,.16);margin:1.4rem 0 1rem}

/* ปุ่มกลับขึ้นบน */
.scroll-top{
  background:var(--cd-orange-d);border-radius:14px;
}
.scroll-top:hover{background:var(--cd-maroon)}

/* ============================================================
   ส่วนกลางที่หน้าอื่นใช้ร่วมกัน
   ============================================================ */
.section-title h2{color:var(--cd-maroon)}
.section-title span{color:var(--cd-coral)}

.btn-primary,.btn-primary:focus{
  background:linear-gradient(135deg,var(--cd-orange) 0%,var(--cd-orange-d) 100%);
  border-color:transparent;border-radius:999px;padding:.55rem 1.6rem;font-weight:500;
}
.btn-primary:hover{
  background:linear-gradient(135deg,var(--cd-orange-d) 0%,var(--cd-maroon) 100%);
  border-color:transparent;
}
.btn-outline-primary{
  color:var(--cd-orange-d);border-color:var(--cd-coral);border-radius:999px;
}
.btn-outline-primary:hover{background:var(--cd-orange-d);border-color:var(--cd-orange-d)}

.form-control:focus,.form-select:focus{
  border-color:var(--cd-orange);box-shadow:0 0 0 .2rem rgba(224,83,15,.16);
}
.form-check-input:checked{background-color:var(--cd-orange);border-color:var(--cd-orange)}

.card{border-radius:var(--cd-radius);border-color:var(--cd-line)}
.alert-info{background:var(--cd-tint-3);border-color:var(--cd-coral);color:var(--cd-maroon)}
.badge.bg-primary{background:var(--cd-orange-d)!important}
a{color:var(--cd-orange-d)}
a:hover{color:var(--cd-maroon)}

/* ============================================================
   ปุ่มสำรวจความพึงพอใจ (ระบบกลางของกระทรวง จาก dwh.moe.go.th)
   ไม่แตะการทำงาน ปรับแค่ให้เข้ากับธีม
   ============================================================ */
.survey-icons{background:var(--cd-navy)!important}

@media (max-width:575px){
  .header .logo .sitename{font-size:1rem}
  .cd-wm-name{font-size:1.2rem}
  .cd-wm-org{font-size:.66rem}
}

/* ============================================================
   ผู้ตรวจสอบใบสมัคร (เอกสารข้อ 5.1)
   ใช้ทั้งในตาราง /files/admin และกล่องตรวจสอบหน้า adminview
   ============================================================ */
.adm-by{
  display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .4rem;
  margin-top:.4rem;font-size:.76rem;color:var(--cd-ink-soft);line-height:1.45;
}
.adm-by i{color:#137a45;font-size:.85rem}
.adm-by .t{display:block;flex-basis:100%;opacity:.75;font-size:.73rem}

.cda-by{
  display:flex;gap:.75rem;align-items:flex-start;
  background:#DFF3E8;border:1px solid #9FD6BA;border-radius:14px;
  padding:.8rem 1rem;margin-bottom:1.2rem;font-size:.92rem;color:#0F6136;
}
.cda-by.is-none{background:var(--cd-tint-1);border-color:var(--cd-line);color:var(--cd-ink-soft)}
.cda-by .ic{
  width:36px;height:36px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(255,255,255,.7);color:#137a45;font-size:1.05rem;
}
.cda-by.is-none .ic{color:var(--cd-amber-d)}
.cda-by b{display:block;font-weight:600;font-size:1rem}
.cda-by .lb{display:block;font-size:.8rem;opacity:.85}
.cda-by .em{display:block;font-size:.82rem;opacity:.9}
.cda-by .dt{display:inline-flex;align-items:center;gap:.3rem;margin-top:.3rem;font-size:.85rem}