body {
font-family: "Myanmar Text", sans-serif;
background-color: #ffffff;
color: #FFD700; /* စာအဝါ */
margin: 0;
padding: 0;
}

/* 🌗 Dark mode toggle fixed top-right */
#modeToggle {
position: fixed;
top: 1rem;
right: 1rem;
background: transparent;
border: none;
font-size: 1.5rem;
cursor: pointer}
/* 📝 Main content */
main {
padding: 5rem 1rem 5rem; /* bottom padding = 5rem, category bar အောက် မဖုံးအောင် */
text-align: center;
}

/* 🌟 Active link style (soft gold) */
.bottom-category a.active {
background-color: rgba(255, 215, 0, 0.2); /* အဖျော့ အဝါ */
box-shadow: 0 0 6px rgba(255, 215, 0, 0.3); /* အဖျော့ shadow */
text-decoration: none;
}

/* 📚 Bottom Category Bar */
.bottom-nav {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: flex;
justify-content: space-around;
background-color: #222;
padding: 0.8rem 0;
z-index: 5;
}
.bottom-nav a {
display: flex;            /* vertical layout */
flex-direction: column;   /* emoji အပေါ်၊ စာ အောက် */
align-items: center;
color: #FFD700;
text-decoration: none;
font-weight: bold;
padding: 4px 6px;
border-radius: 6px;
transition: background-color 0.3s ease; font-size: 16px;
}

.bottom-nav a .icon {
font-size: 18px;       /* emoji အရွယ်အစား */
margin-bottom: 4px;    /* emoji နဲ့ စာကြား အကွာအဝေး */
}

/* 🔝 Fixed Top-Left Title */
#fixedTitle {
position: fixed;
top: 0rem;           /* အပေါ် margin – လိုချင်သလို ပြင်နိုင် */
left: 0.5rem;        /* ဘယ်ဘက် margin */
font-size: 1rem;   /* စာအရွယ် */
font-weight: bold;
background-color: black;
color: #FFD700;
padding: 3px 7px;
border-radius: 6px;
z-index: 9999;
pointer-events: none;
}

/* အခြားမူရင်း style မတွေ့ရင် */
body {
margin: 0;

}