body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 16px;
}

html[lang="km"] body,
html[lang="km"] .admin-container,
html[lang="km"] button,
html[lang="km"] input,
html[lang="km"] select,
html[lang="km"] textarea,
html[lang="km"] th,
html[lang="km"] td,
html[lang="km"] label,
html[lang="km"] h1,
html[lang="km"] h2,
html[lang="km"] h3,
html[lang="km"] p,
html[lang="km"] a,
html[lang="km"] li, /* Add list items if needed */
html[lang="km"] span { /* Apply to common text elements */
     font-family: 'Battambang', sans-serif;
     /* Adjust base font size slightly for Khmer if needed */
     /* font-size: 17px;  */
     /* Adjust line-height for better readability */
     line-height: 1.7;
}
/* Specific adjustments for headings in Khmer if needed */
html[lang="km"] h1 { font-size: 2.2em; }
html[lang="km"] h2 { font-size: 1.8em; }
html[lang="km"] h3 { font-size: 1.4em; }


/* Styling for the new Toggle Button */
.language-switcher {
    margin-left: auto;
    padding-right: 20px;
    display: flex;
    align-items: center;
}

#toggleLangBtn {
    background-color: #fc7c0c; /* Lighter background */
    border: 1px solid #ff0101; /* Softer border */
    font-family: khmer os battambang;
    padding: 6px 12px;
    cursor: pointer;
    border-radius: 5px;
    display: inline-flex; /* Use inline-flex */
    align-items: center;
    gap: 8px;
    font-size: 0.9em;
    line-height: 1.5; /* Ensure text aligns well vertically */
    transition: background-color 0.2s ease, border-color 0.2s ease;
    white-space: nowrap; /* Prevent text wrapping */
}

#toggleLangBtn:hover {
    background-color: #ef1818;
    border-color: #f67307;
}

#toggleLangBtn img {
    width: 22px; /* Slightly smaller icon */
    height: auto;
    display: block;
}

 /* Ensure header content aligns */
.admin-header .header-content {
     display: flex;
     align-items: center;
     gap: 15px;
 }
.admin-header .header-content div:first-child {
     flex-shrink: 0;
 }
.admin-header .header-content div:nth-child(2) {
     flex-grow: 1;
 }
.admin-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px; /* Adjust padding as needed */
}
/* Adjust logout button position if needed */
#adminLogoutBtn {
   margin-left: 15px;
}
