.navbar {
background-color: #FFFFFF !important;
}

.navbar-collapse {
    background-color: #FFFFFF !important;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
     background-color: #FFFFFF !important;
}

.nav-link {
    color: #000000 !important;
}

.navbar-nav a {
    color: #000000 !important;
}

.nav-link:hover {
    color: #111111 !important;
}

.navbar-toggler svg {
    fill: #111111 !important;
}

.dropdown-item:active, .dropdown-item:hover {
  background-color: #FFFFFF !important;
  color: #111111 !important;
}

.dropdown-toggle::after {
      color: #111111 !important;
}

.offcanvas-title {
      color: #000000 !important;
}
/* ==========================================================================
   1. SEO & ACCESSIBILITY (Warna & Kontras - WCAG AA Compliant)
   ========================================================================== */
:root {
    --primary-color: #0056b3; /* Biru yang lebih kontras dari standar */
    --secondary-color: #2c3e50;
    --text-dark: #222222;
    --text-medium: #4a4a4a;
    --bg-light: #f4f6f8;
    --accent-warning: #d32f2f; /* Merah yang aman untuk mata */
    --border-color: #e0e0e0;
}

body {
    color: var(--text-dark);
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.7; /* Meningkatkan keterbacaan paragraf panjang */
}

/* Memperbaiki warna link agar lulus uji kontras */
a {
    color: var(--primary-color);
    text-decoration-thickness: 1px;
}

a:hover {
    color: #003d80;
    text-decoration: underline;
}

/* Breadcrumbs (Navigasi Kecil) - Seringkali terlalu pudar */
.breadcrumbs, .breadcrumb a {
    color: #555 !important; /* Memaksa warna lebih gelap */
    font-size: 0.95rem;
}

/* ==========================================================================
   2. HEADING STRUCTURE (H1-H6) - Visual Hierarchy
   ========================================================================== */

/* H1: Judul Halaman Utama */
h1.entry-title, h1.product_title {
    font-size: 2.4rem;
    font-weight: 800;
    color: var(--text-dark);
    margin-bottom: 1.5rem;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

/* H2: Sub-judul Artikel (Deskripsi, Kurikulum, dll) */
h2 {
    font-size: 1.8rem;
    color: var(--secondary-color);
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 10px;
    margin-top: 40px;
    margin-bottom: 20px;
    display: inline-block; /* Garis bawah hanya sepanjang teks */
    width: 100%;
}

/* H3: Detail Poin (Speaking, Writing, Structure) */
h3 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #333;
    margin-top: 25px;
    margin-bottom: 10px;
}

/* Sidebar/Widget Headings - Dikecilkan agar tidak mendominasi konten utama */
.widget-title, .sidebar h2, .sidebar h3 {
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid #ddd;
    color: #666;
}

/* ==========================================================================
   3. TABEL DATA & HARGA (Responsive Mobile)
   ========================================================================== */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.95rem;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* Efek modern */
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
}

table thead tr {
    background-color: var(--primary-color);
    color: #ffffff;
    text-align: left;
    font-weight: bold;
}

table th, table td {
    padding: 15px 20px;
    border-bottom: 1px solid var(--border-color);
}

/* Zebra Striping untuk keterbacaan data */
table tbody tr:nth-of-type(even) {
    background-color: #f9fbfd;
}

table tbody tr:hover {
    background-color: #eef4fa; /* Highlight saat kursor lewat */
}

/* Wrapper untuk scroll horizontal di HP */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* ==========================================================================
   4. FITUR KHUSUS LKP WEBSTER (Call to Action & Lists)
   ========================================================================== */

/* List Fitur (Ceklis) */
.entry-content ul {
    list-style: none; /* Hilangkan bullet standar */
    padding-left: 0;
}

.entry-content ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
}

.entry-content ul li::before {
    content: '✔'; /* Ganti bullet dengan ceklis */
    position: absolute;
    left: 0;
    color: var(--primary-color);
    font-weight: bold;
}

/* Tombol CTA (Daftar/WhatsApp) */
.btn-cta, input[type="submit"] {
    background-color: #28a745; /* Hijau konversi */
    color: white;
    padding: 12px 25px;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: transform 0.2s;
}

.btn-cta:hover, input[type="submit"]:hover {
    background-color: #218838;
    transform: translateY(-2px); /* Efek timbul */
    cursor: pointer;
}