/* style.css - Gaya Tambahan untuk ForexByHalim */

/* Pengaturan Font Dasar (jika tidak di-apply langsung di body via Tailwind) */
body {
    font-family: 'Inter', sans-serif;
    /* Kelas antialiased biasanya ditambahkan via Tailwind */
}

/* Kontainer Utama (jika perlu override atau default) */
.container {
    max-width: 1200px; /* Lebar maksimal konten */
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem; /* px-6 */
    padding-right: 1.5rem; /* px-6 */
}

/* Logo di Navigasi */
.navlogo {
    width: 40px;
    margin-right: 0.75rem; /* mr-3 */
}

/* Styling Marker List di Konten Artikel */
.article-content ul > li::marker {
    color: #3b82f6; /* Warna biru default */
}

/* Styling Marker List di Konten Artikel (Dark Mode) */
.dark .article-content ul > li::marker {
    color: #60a5fa; /* Warna biru lebih terang untuk dark mode */
}

/* Styling Keterangan Gambar (Figcaption) */
figcaption {
    font-size: 0.875rem; /* text-sm */
    color: #6b7280; /* text-gray-500 */
    margin-top: 0.5rem; /* mt-2 */
    text-align: center;
}

/* Styling Keterangan Gambar (Dark Mode) */
.dark figcaption {
    color: #9ca3af; /* text-gray-400 */
}

/* Styling Ikon Sosial Media di Footer */
footer .fa-brands,
footer .fa-linkedin { /* Pastikan semua ikon sosial media tercakup jika perlu */
    width: 1.25em; /* Lebar ikon */
    text-align: center; /* Pusatkan ikon jika perlu */
    display: inline-block; /* Pastikan ikon sejajar */
}

/* Efek Hover Kartu (jika tidak pakai @apply di HTML) */
.hover-card {
    transition-property: transform, box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}
.hover-card:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.dark .hover-card:hover {
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -4px rgba(0, 0, 0, 0.2);
}

/* Styling untuk Pin Indicator (Contoh) */
.pinned-indicator {
    color: #fbbf24; /* Warna amber untuk pin */
    margin-left: 0.5rem; /* Jarak dari judul */
    font-size: 0.8em; /* Ukuran ikon pin */
}

/* Tambahan styling lain jika diperlukan */