/* หน้างานศูนย์ภาษาฯ (pages/langcenter.php) — ลำดับคงตามโค้ดเดิม */

/* ══ แบนเนอร์สไลด์ (แสดงเมื่อมีแบนเนอร์ — ปรับต่อใน banner-slider.css) ══ */
.lc-carousel-wrapper { position: relative; width: 100%; aspect-ratio: 1920 / 600; max-height: 600px; overflow: hidden; background: #0b1d3a; }
/* มือถือใช้สัดส่วนเดียวกับโปสเตอร์ (เดิม 16:9 + cover ตัดซ้าย-ขวา) */
@media (max-width: 768px) { .lc-carousel-wrapper { max-height: none; } }
.lc-carousel-wrapper .carousel,
.lc-carousel-wrapper .carousel-inner,
.lc-carousel-wrapper .carousel-item { height: 100%; }
.lc-carousel-wrapper .carousel-item { position: relative; overflow: hidden; }
/* ภาพเต็มใบเสมอ ส่วนที่เหลือเติมด้วยภาพเดียวกันแบบเบลอ */
.lc-slide-bg { position: absolute; inset: -40px; background-size: cover; background-position: center; filter: blur(28px) brightness(.7) saturate(1.15); pointer-events: none; }
.lc-carousel-wrapper .carousel-item img { position: relative; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.lc-carousel-wrapper .carousel-indicators { bottom: 20px; z-index: 10; }
.lc-carousel-wrapper .carousel-indicators button { width: 12px; height: 12px; border-radius: 50%; margin: 0 6px; background: rgba(255,255,255,.5); border: 2px solid rgba(255,255,255,.8); transition: .3s; }
.lc-carousel-wrapper .carousel-indicators button.active { background: #ffd700; border-color: #ffd700; transform: scale(1.2); }
.lc-carousel-wrapper .carousel-control-prev,
.lc-carousel-wrapper .carousel-control-next { width: 60px; height: 60px; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,.4); border-radius: 50%; opacity: 0; transition: .3s; }
.lc-carousel-wrapper:hover .carousel-control-prev,
.lc-carousel-wrapper:hover .carousel-control-next { opacity: 1; }
.lc-carousel-wrapper .carousel-control-prev { left: 20px; }
.lc-carousel-wrapper .carousel-control-next { right: 20px; }
.lc-carousel-wrapper .carousel-control-prev:hover,
.lc-carousel-wrapper .carousel-control-next:hover { background: rgba(0,0,0,.7); }

/* ══ หัวเรื่องสำรอง (เมื่อไม่มีแบนเนอร์) — โทนม่วงต่างจาก page-hero ══ */
.lc-hero { background: linear-gradient(135deg, #4c1d95 0%, #5b21b6 30%, #003366 100%); padding: 40px 0; position: relative; overflow: hidden; }
.lc-hero-pattern { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 20% 80%, rgba(255,215,0,.1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(139,92,246,.15) 0%, transparent 50%); pointer-events: none; }
.lc-hero-icon { width: 80px; height: 80px; background: linear-gradient(135deg, #ffd700, #ffaa00); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 10px 35px rgba(255,215,0,.3); margin-bottom: 16px; }
.lc-hero-icon i { font-size: 2rem; color: #4c1d95; }
.lc-hero-line { width: 80px; height: 4px; background: linear-gradient(90deg, transparent, #ffd700, transparent); border-radius: 2px; margin: 0 auto; }

/* ══ การ์ดบริการ + หัวข้อส่วน ══════════════════════════════ */
.lc-info-card { border-radius: 16px; padding: 30px 24px; transition: all .4s cubic-bezier(.175,.885,.32,1.275); position: relative; overflow: hidden; text-align: center; }
.lc-info-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(255,255,255,.15) 0%, transparent 100%); opacity: 0; transition: .3s; }
.lc-purple { background: linear-gradient(135deg, #7c3aed, #5b21b6); color: #fff; }
.lc-blue { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; }
.lc-teal { background: linear-gradient(135deg, #0d9488, #0f766e); color: #fff; }
.lc-amber { background: linear-gradient(135deg, #d97706, #b45309); color: #fff; }
.lc-info-icon { width: 65px; height: 65px; background: rgba(255,255,255,.2); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 1.6rem; }
.lc-section-header { position: relative; padding-bottom: 15px; margin-bottom: 25px; }
.lc-section-header::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 4px; background: linear-gradient(90deg, #7c3aed, #5b21b6); border-radius: 2px; }
.lc-section-header h4 { color: #5b21b6; }
.lc-main { min-height: 400px; }