/* Custom Styles for DhammaCamp Myanmar - Optimized for Burmese Unicode */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Myanmar:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    font-family: 'Pyidaungsu', 'Noto Sans Myanmar', 'Myanmar3', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    line-height: 1.7;
    letter-spacing: 0.01em;
    overflow-x: hidden;
}

.font-mm {
    font-family: 'Pyidaungsu', 'Noto Sans Myanmar', 'Myanmar3', sans-serif;
}

/* Responsive Table Scroll Enhancements */
.overflow-x-auto {
    -webkit-overflow-scrolling: touch;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #d4d4d4;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

html.dark ::-webkit-scrollbar-track {
    background: #1c1917;
}
html.dark ::-webkit-scrollbar-thumb {
    background: #44403c;
    border-radius: 3px;
}
html.dark ::-webkit-scrollbar-thumb:hover {
    background: #57534e;
}

/* Dark Mode Enhancements for Admin Tables, Modals, Forms & Containers */
html.dark .bg-white:not(.bg-white-always) {
    background-color: #1c1917; /* stone-900 */
}

html.dark .border-stone-200,
html.dark .border-stone-100 {
    border-color: #292524; /* stone-800 */
}

html.dark .divide-stone-100 > :not([hidden]) ~ :not([hidden]),
html.dark .divide-stone-200 > :not([hidden]) ~ :not([hidden]) {
    border-color: #292524;
}

html.dark .text-stone-900 {
    color: #fafaf9; /* stone-50 */
}

html.dark .text-stone-800 {
    color: #f5f5f4; /* stone-100 */
}

html.dark .text-stone-700 {
    color: #e7e5e4; /* stone-200 */
}

html.dark .text-stone-600 {
    color: #d6d3d1; /* stone-300 */
}

html.dark .text-stone-500 {
    color: #a8a29e; /* stone-400 */
}

html.dark .bg-stone-50 {
    background-color: #141210;
}

html.dark .hover\:bg-stone-50:hover {
    background-color: #292524;
}

html.dark .hover\:bg-stone-100:hover {
    background-color: #292524;
}

html.dark input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html.dark select,
html.dark textarea {
    background-color: #1c1917;
    border-color: #44403c;
    color: #f5f5f4;
}

html.dark input::placeholder,
html.dark textarea::placeholder {
    color: #78716c;
}

html.dark table thead th {
    background-color: #141210;
    color: #d6d3d1;
    border-color: #292524;
}

html.dark table tbody tr {
    border-color: #292524;
}

html.dark table tbody tr:hover {
    background-color: #24201d;
}

/* Print view optimization for Yogi Pass */
@media print {
    body {
        background: #ffffff !important;
        color: #000000 !important;
    }
    header, footer, nav, .print\:hidden {
        display: none !important;
    }
}