/* =====================================================
   blog-fix.css — Fix warna konten & form komentar
   Upload ke: assets/css/blog-fix.css
   ===================================================== */

/* ── Konten artikel (h1-h6, p, li, strong, dll) ── */
.blog-content,
.blog-content p,
.blog-content span,
.blog-content li,
.blog-content ul,
.blog-content ol,
.blog-content blockquote {
    color: #cccccc !important;
}

.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
    color: #ffffff !important;
}

.blog-content strong,
.blog-content b {
    color: #ffffff !important;
}

.blog-content a {
    color: #ccff00 !important;
}

/* ── Form komentar: input & textarea ── */
.ab-contact input,
.ab-contact textarea,
.ab-contact input[type="text"],
.ab-contact input[type="email"] {
    color: #ffffff !important;
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
    caret-color: #ffffff !important;
}

.ab-contact input::placeholder,
.ab-contact textarea::placeholder {
    color: #888888 !important;
}

.ab-contact label {
    color: #aaaaaa !important;
}

/* ── Fix tinggi gambar card blog ── */
.ab-blog-thumb-three img {
    width: 100% !important;
    height: 260px !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* ── Card Blog List (blog.php) ── */
.ab-blog-content-body {
    background-color: #1a1a1a !important;
    padding: 20px !important;
}

.ab-blog-content-body h2 a,
.ab-blog-content-body h2 a.fs-24 {
    color: #ffffff !important;
}

.ab-blog-content-body h2 a:hover {
    color: #ccff00 !important;
}

.ab-blog-content-body span,
.ab-blog-content-body .date_blog span {
    color: #aaaaaa !important;
}

.ab-blog-calender span {
    color: #cccccc !important;
}

.ab-blog-item {
    background-color: #1a1a1a !important;
    border: 1px solid #2a2a2a !important;
}

/* ── Search sidebar input ── */
.blog-details-search input {
    color: #ffffff !important;
    background: transparent !important;
}

.blog-details-search input::placeholder {
    color: #888 !important;
}