/* นำเข้าฟอนต์ */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500&display=swap');

/* ========== FOOTER (Theme: Orange Pastel) ========== */
.footer {
    background: #ff9f6f;      /* ✅ พื้นหลังสีส้มพาสเทล */
    color: #ffffff;           /* ✅ ตัวหนังสือสีขาว */
    padding: 30px 20px;
    text-align: center;
    margin-top: 10px;
    font-family: 'Kanit', sans-serif;
    font-size: 15px;
    font-weight: 400;
    
    /* เงาจางๆ ด้านบนให้ดูลอยๆ */
    box-shadow: 0 -5px 20px rgba(255, 159, 111, 0.2); 
    border-radius: 20px 20px 0 0; /* (Optional) มนมุมบนนิดนึงให้นุ่มนวล */
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    line-height: 1.8;
}

/* เส้นคั่น */
.divider {
    margin: 0 10px;
    color: rgba(255, 255, 255, 0.6); /* สีขาวจางๆ */
}

/* ชื่อโรงพยาบาล */
.org-name {
    font-weight: 500;
}

.mobile-break {
    display: none; /* ซ่อนการตัดบรรทัดในหน้าจอคอม */
}

/* =========================================
   Mobile Responsive (สำหรับมือถือ)
   ========================================= */
@media (max-width: 768px) {
    .footer {
        padding: 25px 15px;
        font-size: 14px;
        border-radius: 0; /* มือถือไม่ต้องมนมุมก็ได้ */
    }

    .footer-container {
        display: flex;
        flex-direction: column; /* เรียงลงมา */
        gap: 5px;
    }

    /* ซ่อนตัวคั่น | ในมือถือ */
    .divider {
        display: none;
    }

    /* ตัดบรรทัดในมือถือ */
    .mobile-break {
        display: block;
    }
    
    .org-name {
        font-size: 16px; /* หัวข้อใหญ่ขึ้นนิดนึง */
        margin-bottom: 5px;
    }
}