/* assets/css/flag-display.css */

/* =========== GAYA DEFAULT (GRID untuk kompatibilitas, meskipun tidak digunakan) =========== */
.feedjit-flag-container {
    /* Gaya default border/background container */
    gap: 8px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #f9f9f9;
}

.feedjit-flag-item {
    display: flex;
    align-items: center;
    background: white;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    white-space: nowrap;
}

/* =========== GAYA BARU (MODE DAFTAR Teks Sederhana) =========== */

/* Menimpa tampilan grid menjadi daftar vertikal untuk mode teks */
.feedjit-list-mode {
    display: block; 
    max-width: 300px; 
    padding: 5px 10px; 
}

.feedjit-text-item {
    /* Item daftar (digunakan untuk header dan data) */
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    padding: 3px 0; 
    background: none; 
    box-shadow: none; 
    border-radius: 0;
    border-bottom: 1px dotted #ccc; 
    margin-bottom: 2px;
}

.feedjit-text-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* 🆕 Gaya Khusus untuk Baris Judul */
.feedjit-header-row {
    border-bottom: 2px solid #555 !important; /* Garis bawah tebal untuk judul */
    margin-bottom: 5px !important; 
    padding-bottom: 5px !important;
}

/* Gaya Font untuk Nama Negara (di baris data) */
.feedjit-country-name {
    font-size: 13px;
    color: #333;
    font-weight: normal; 
}

/* Gaya Font untuk Jumlah Visitor (di baris data) */
.feedjit-count {
    font-size: 14px;
    font-weight: bold;
    color: #0073aa; /* Warna khas WordPress */
    margin-left: 10px;
}

/* Penyesuaian agar teks Judul (di .feedjit-header-row) menjadi bold dan standar */
.feedjit-header-row .feedjit-country-name strong {
    font-size: 13px;
    font-weight: bold; 
    color: #333; 
}

.feedjit-header-row .feedjit-count {
    font-size: 14px;
    font-weight: bold; 
    color: #333;
}