/*
Theme Name: Rifqi Anshory Portfolio
Theme URI: https://rifqianshory.com
Author: Rifqi Anshory
Author URI: https://rifqianshory.com
Description: Tema kustom untuk portofolio dan blog Rifqi Anshory menggunakan Tailwind CSS.
Version: 1.0
Text Domain: rifqi-theme
*/

body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Subtle Background Pattern for Extra Texture */
.bg-pattern {
    background-image: radial-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 1px);
    background-size: 24px 24px;
}
.dark .bg-pattern {
    background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
}

/* Colorful Gradient Text Utility */
.text-gradient-primary {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #3b82f6, #8b5cf6);
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.dark ::-webkit-scrollbar-thumb { background: #475569; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Modal body scroll lock */
body.modal-open { overflow: hidden; }

/* RATA KIRI TOTAL & UKURAN FONT UNTUK SEMUA ARTIKEL */
.prose {
    font-size: 1.25rem; /* 20px untuk layar Mobile */
    line-height: 1.8;
}

@media (min-width: 768px) {
    .prose {
        font-size: 1.375rem; /* 22px untuk layar Desktop & Tablet */
    }
}

/* Memaksa text-align left di seluruh paragraf dan elemen turunan */
.prose p, 
.prose ul, 
.prose ol, 
.prose li {
    text-align: left !important;
}

.prose p { margin-bottom: 1.5em; }
.prose ul, .prose ol { margin-bottom: 1.5em; padding-left: 1.5em; }
.prose li { margin-bottom: 0.5em; }

/* Memperbesar ukuran Heading di dalam artikel */
.prose h2 { font-size: 1.75em; font-weight: 800; margin-top: 2em; margin-bottom: 0.8em; }
.prose h3 { font-size: 1.4em; font-weight: 700; margin-top: 1.6em; margin-bottom: 0.6em; }