/* ==========================================================================
   GLOBAL CUSTOM CSS RULE (กฎบังคับการโหลดและใช้งาน CSS ของโปรเจกต์)
   --------------------------------------------------------------------------
   [กฎสำคัญ / Rule]: 
   1. ทุกไฟล์ในโปรเจกต์นี้ จะต้องไปโหลด CSS มาจากไฟล์นี้โดยตรงเท่านั้นที่พาธ:
      c:\inetpub\wwwroot\student.abcp.ac.th\public\css\style.css
   2. ห้ามเขียนโค้ด CSS หรือใช้แท็ก <style> หรือสไตล์ย่อยภายในไฟล์วิวใดๆ เป็นอันขาด
   3. โค้ด CSS ทั้งหมดที่ต้องใช้แต่งเติม ต้องย้ายมารวมและเขียนไว้ที่ไฟล์นี้เท่านั้น
   ========================================================================== */

/* สไตล์เสริมแอนิเมชันสำหรับโหลดหน้าเว็บ (Stagger Fade-In Effect) */
.fade-in-stagger {
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.fade-in-stagger.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ป้องกันเมนูล้นบราวเซอร์สำหรับคำยาวๆ */
.word-break-all {
    word-break: break-all;
}

/* รองรับพื้นที่ปลอดภัยสำหรับอุปกรณ์ขอบจอมุมโค้งหรือมีรอยบาก (เช่น iPhone Notch) */
.pb-safe {
    padding-bottom: env(safe-area-inset-bottom, 0px);
}