/* ===== General Reset ===== */
* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:'Noto Sans Thai','Sarabun',system-ui,sans-serif;line-height:1.6;color:#333;background:#fefefe;}

/* ===== Header ===== */
header .brand {display:flex;flex-direction:column;align-items:center;gap:10px;}
header .logo img {width:120px;height:auto;border-radius:10px;}
header .brand-text h1 {font-size:2em;color:#fff;}
header .brand-text p {color:#fff;opacity:0.9;}

/* ===== Menu ===== */
#main-nav {text-align:center;margin-top:10px;}
#main-nav a {display:inline-block;margin:4px;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,0.15);color:#fff;text-decoration:none;transition:all 0.3s;}
#main-nav a:hover {background:rgba(255,255,255,0.25);color:gold;}

/* Dropdown */
.dropdown {position:relative;display:inline-block;}
.dropdown-content {display:none;position:absolute;background:#fff;min-width:200px;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:10;}
.dropdown-content a {color:#000;padding:10px 14px;display:block;text-decoration:none;border-bottom:1px solid #eee;}
.dropdown-content a:hover {color:gold;background:#f3f3f3;}
.dropdown:hover .dropdown-content {display:block;}
.menu-toggle {display:none;font-size:26px;cursor:pointer;color:#fff;background:#555;padding:6px 12px;border-radius:6px;}

/* ===== Slideshow ===== */
.slideshow-container {position:relative;max-width:1000px;margin:30px auto;overflow:hidden;border-radius:10px;}
.mySlides {display:none;}
.mySlides img {width:100%;height:400px;object-fit:cover;}
.prev,.next {position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.4);color:#fff;font-size:24px;padding:12px;border-radius:50%;cursor:pointer;}
.prev:hover,.next:hover {background:rgba(0,0,0,0.8);}
.dots-container{text-align:center;margin-top:10px;}
.dot{display:inline-block;width:14px;height:14px;margin:0 3px;background:#000;border-radius:50%;cursor:pointer;}
.dot.active,.dot:hover{background:gold;}

/* ===== Grid ===== */
.grid {display:grid;grid-template-columns:1fr 320px;gap:20px;margin-top:20px;}
@media(max-width:900px){.grid{grid-template-columns:1fr;}}
.card {background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);padding:20px;margin-top:20px;}

/* News */
.news-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:12px;}
.news-item img {width:100%;height:160px;object-fit:cover;border-radius:8px;margin-bottom:8px;transition:transform .2s;}
.news-item:hover img{transform:scale(1.03);}
.news-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.08);transform:translateY(-2px);}

/* Sidebar */
.leader-widget h4{text-align:center;color:#4a148c;margin:12px 0;}
.leader-profile{text-align:center;margin-bottom:20px;}
.leader-profile img{width:160px;height:160px;border-radius:50%;border:3px solid gold;margin-bottom:10px;}
.leader-profile h5{margin:4px 0;font-size:18px;color:#333;}
.leader-profile p{font-size:15px;color:#555;line-height:1.4;}
.link-buttons {display:flex;flex-direction:column;gap:10px;}
.link-buttons a img{width:200px;height:100px;object-fit:cover;border-radius:10px;transition:all 0.3s;}
.link-buttons a img:hover{transform:scale(1.05);box-shadow:0 0 12px rgba(74,20,140,0.6);}

/* Footer */
footer{text-align:center;font-size:14px;margin-top:20px;color:#333;}

/* ===== Responsive ===== */
@media(max-width:900px){
  .menu-toggle{display:block;}
  #main-nav{display:flex;flex-direction:column;max-height:0;overflow:hidden;opacity:0;transition:all 0.4s;}
  #main-nav.active{max-height:500px;opacity:1;}
  #main-nav a{border-bottom:1px solid rgba(255,255,255,0.2);}
}
.btn-read-all {
  display: inline-block;
  background-color: #ba55d3;
  color: #fff;
  padding: 10px 25px;
  border-radius: 5px;
  font-weight: bold;
  text-decoration: none;
  transition: background-color 0.3s, transform 0.3s;
}

.btn-read-all:hover {
  background-color: #9932cc;
  transform: translateY(-2px);