/* =========================================
   TTCR Project - Modern Shared Styles
   ========================================= */

@font-face {
    font-family: 'LannaFont';
    src: url('font/JS-Lanna.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Emerald Theme - รักษาสีเดิมไว้ */
    --color-primary: #047857;
    --color-primary-dark: #064e3b;
    --color-secondary: #b45309;
    --paper-bg: #fcfcf9;
}

/* Base Styles */
body {
    font-family: 'Sarabun', 'Noto Sans Thai', sans-serif;
    margin: 0;
    padding: 0;
    background-color: var(--paper-bg);
    color: #334155;
    /* ป้องกันการขยายหน้าจอผิดปกติบนมือถือ */
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
}

/* Custom Scrollbar - ปรับให้เล็กลงดูสะอาดตา */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* =========================================
   Typography & Utils
   ========================================= */
.text-primary {
    color: var(--color-primary);
}

.text-primary-dark {
    color: var(--color-primary-dark);
}

.text-secondary {
    color: var(--color-secondary);
}

.bg-primary {
    background-color: var(--color-primary);
}

.bg-primary-dark {
    background-color: var(--color-primary-dark);
}

.bg-secondary {
    background-color: var(--color-secondary);
}

.font-lanna {
    font-family: 'LannaFont', sans-serif;
}





/* =========================================
   Mobile Responsive Adjustments
   ========================================= */
@media (max-width: 768px) {

    /* ปรับเนื้อหาให้อ่านง่ายขึ้นบนมือถือ */
    p {
        line-height: 1.6 !important;
        font-size: 0.95rem;
    }

    /* ทำให้ Grid ผู้บริหารแสดง 1 คอลัมน์บนจอเล็ก */
    .executive-card {
        width: 100% !important;
        max-width: 320px;
        margin: 0 auto;
    }

    /* ปรับ Hero Title */
    h1 {
        font-size: 1.5rem !important;
        word-break: break-word;
    }



    .filter-btn {
        flex: 0 0 auto;
        /* ไม่ให้ปุ่มหดตัว */
    }
}