/* Embed Lao font */
@font-face {
    font-family: 'Phetsarath OT';
    src: url('fonts/Phetsarath_OT.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Global defaults */
body {
    background-color: #ECECEC; /* page background */
    font-family: 'Phetsarath OT', 'Saysettha OT', sans-serif;
    margin: 0;
    font-size: 15px;
    color: #212529; /* default text color */
}

/* News titles */
.news_title_la {
    font-family: 'Phetsarath OT', sans-serif;
    font-size: 15px;
    color: #0d6efd; /* Bootstrap primary blue */
    font-weight: bold;
    text-decoration: none;
}
.news_title_la:hover {
    text-decoration: underline;
    color: #0033CC; /* darker blue hover */
}

/* Background block for news titles */
.bg_light_title {
    background-color: #f8f9fa; /* Bootstrap light gray */
    padding: 6px 10px;
    border-radius: 4px;
    margin-bottom: 4px;
}
.bg_light_title a {
    color: #0d6efd;
    font-weight: bold;
    text-decoration: none;
}
.bg_light_title a:hover { text-decoration: underline; }

/* Document links */
a.doc_link {
    text-decoration: none;
    color: #0d6efd;
}
a.doc_link:hover { text-decoration: underline; }

/* Content and titles */
.content_la {
    font-family: 'Phetsarath OT', 'Saysettha OT', sans-serif;
    font-size: 15px;
    color: #212529;
}
.title_la {
    font-family: 'Phetsarath OT', sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #000000;
}

/* Menu styles */
.menu_top_la a,
.menu_left_la a {
    font-family: 'Phetsarath OT', sans-serif;
    font-size: 17px;
    color: #FFFFFF; /* white text */
    text-decoration: none;
}
.menu_top_la a:hover,
.menu_left_la a:hover {
    color: #FFFF00; /* yellow hover */
    text-decoration: underline;
}
.menu_table {
    border-radius: 5px;
    border: 1px solid #0d6efd;
    background: #0d6efd; /* Bootstrap primary blue */
    padding: 0;
}

/* Category and title styles */
.cat_title_la {
    font-family: 'Phetsarath OT', sans-serif;
    font-weight: bold;
    color: #000000;
    font-size: 17px;
}
.title_la {
    font-family: 'Phetsarath OT', sans-serif;
    font-size: 20px;
    color: #FFFFFF; /* white for highlighted titles */
}

/* Language switcher */
.lang_la a {
    font-family: Verdana, sans-serif;
    font-size: 17px;
    color: #000000;
    text-decoration: none;
}
.lang_la a:hover { color: #FF3300; }

/* Date styles */
.date_doc_la a {
    font-family: Arial, sans-serif;
    font-size: 19px;
    color: #FF0000; /* red */
    text-decoration: underline;
}
.date_doc_la a:hover {
    color: #0000FF; /* blue hover */
    text-decoration: none;
}
.date_news a {
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #0000FF; /* blue */
    text-decoration: underline;
}
.date_news a:hover {
    color: #FF0000; /* red hover */
    text-decoration: none;
}

/* Footer links */
.footer_la a {
    font-family: 'Phetsarath OT', sans-serif;
    font-size: 20px;
    color: #FFFFFF; /* white text */
    text-decoration: none;
}
.footer_la a:hover { text-decoration: underline; }

/* Utility text styles */
.text_la {
    font-family: 'Phetsarath OT', sans-serif;
    font-size: 15px;
    color: #212529;
}
.textb_la {
    font-family: 'Phetsarath OT', sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #212529;
}
.banner_la {
    font-family: 'Phetsarath OT', sans-serif;
    font-size: 18px;
    color: #FFFFFF; /* white text on banner */
    font-weight: bold;
}

/* Document section styles */
.card-header-la {
  font-family: 'Phetsarath OT', 'Saysettha OT', sans-serif;
  font-size: 16px;
  font-weight: bold;
}

.table-la th,
.table-la td,
.table-la a,
.table-la span,
.table-la button {
  font-family: 'Phetsarath OT', 'Saysettha OT', sans-serif;
}

/* Document title links */
.doc_title_la {
  font-family: 'Phetsarath OT', 'Saysettha OT', sans-serif;
  font-size: 15px;
  color: #0d6efd; /* Bootstrap primary blue */
  font-weight: bold;
  text-decoration: none;
}
.doc_title_la:hover {
  text-decoration: underline;
  color: #0033CC; /* darker blue hover */
}

/* Document group section */
.card_header_la {
  font-family: 'Phetsarath OT', 'Saysettha OT', sans-serif;
  font-size: 16px;
  font-weight: bold;
}

.table_la {
  font-family: 'Phetsarath OT', 'Saysettha OT', sans-serif;
  font-size: 15px;
}

.doc_link_la {
  font-family: 'Phetsarath OT', 'Saysettha OT', sans-serif;
  font-size: 15px;
  color: #000000; /* black */
  font-weight: normal;
  text-decoration: none;
}

.doc_link_la:hover {
  text-decoration: underline;
  color: #0033CC; /* optional hover color */
}

.more_btn_la {
  font-family: 'Phetsarath OT', 'Saysettha OT', sans-serif;
  font-size: 14px;
}

.read-more-btn {
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.read-more-btn:hover {
  background-color: #0a58ca;
  transform: translateX(2px);
}

