/**
 * Flexi Posts Stylesheet
 * Version: 2.4.0
 */

.frp-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.frp-item {
    overflow: hidden;
}

/* --- Pengaturan Tautan & Warna --- */
.frp-item a {
    text-decoration: none;
    transition: color 0.2s ease;
}

.frp-title a { color: #000000; }
.frp-title a:hover { color: #B20000; }
.frp-terms a { color: #B20000; }
.frp-terms a:hover { color: #000000; }
.frp-author a { color: #000000; }
.frp-author a:hover { color: #B20000; }
.frp-date { color: #37474F; }
.frp-read-more { font-size:16px; color: #B20000; margin-left: 10px; white-space: nowrap; }
.frp-read-more:hover { color: #37474F; }

/* --- Pengaturan Tipografi & Elemen Teks --- */
.frp-content-inner {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.frp-title { font-size: 1.2em; margin: 0; font-weight: bold; line-height: 1.3; }
.frp-meta, .frp-terms { font-size: 15px; display: flex; align-items: center; flex-wrap: wrap; gap: 3px; line-height: 1.3; }
.frp-excerpt { font-size: 16px; line-height: 1.4; color: #37474F; margin: 0; }

/* --- Pengaturan Gambar (cropping & rasio) --- */
.frp-image-wrap { display: block; overflow: hidden; height: 100%; }
.frp-item img { width: 100%; height: 100%; object-fit: cover; border-radius: 3px; display: block; }

/* --- Pengaturan Layout Mode --- */
.frp-item { display: flex; gap: 16px; align-items: flex-start; }

/* Mode 1 & 2 (Dua Kolom) */
.frp-mode-1 .frp-image-col, .frp-mode-2 .frp-image-col { flex-shrink: 0; }
.frp-mode-1 .frp-image-col, .frp-mode-2 .frp-image-col { flex-basis: 30%; } /* Default jika imagesize="0" */
.frp-mode-1 .frp-content-col, .frp-mode-2 .frp-content-col { flex: 1; min-width: 0; }
.frp-mode-1 .frp-image-wrap, .frp-mode-2 .frp-image-wrap { aspect-ratio: 1 / 1; }

/* Mode 3 (Satu Kolom) */
.frp-mode-3 { flex-direction: column; }

.frp-mode-3 .frp-image-col {
    width: 100%;
    /* **PERUBAHAN**: `margin-bottom` dihapus agar jarak konsisten dengan flex `gap` */
}

.frp-mode-3 .frp-image-wrap { aspect-ratio: 16 / 9; }

/* Tampilan Tanpa Gambar (image="0") */
.frp-no-image { flex-direction: column; }
.frp-no-image .frp-content-col { width: 100%; }