/*
 * ===========================================
 * FAIL CSS PENUH V4.2.0
 * ===========================================
 */

/* * 1. 'Style' (Gaya) 'Cleanup' (Bersih) 'Theme' (Tema) (Buang 1, 2, 3)
 */

/* 'Target' (Sasarkan) 'page' (halaman) 'homepage' (halaman utama) sahaja */
body.home {
    
    /* Sembunyikan 'Header' (Kepala) 'Theme' (Tema) (Logo #1 & Menu #3) */
    header.wp-block-template-part {
        display: none !important;
    }
    
    /* Sembunyikan 'Page Title' (Tajuk Halaman) (Tajuk #2 'STATUS') */
    h1.wp-block-post-title {
        display: none !important;
    }
    
    /* 'Fallback' (Sandaran) untuk 'theme' (tema) 'classic' (klasik) */
    body.home .entry-title {
        display: none !important;
    }
    
    /* Sembunyikan 'footer' (kaki) 'theme' (tema) yang 'bersepah' (bersepah) */
    footer.site-footer,
    footer.wp-block-template-part {
        display: none !important;
    }
}


/* * 2. 'Style' (Gaya) Borang [borang_queue] (jika masih guna)
 */
.mesej-queue { padding: 15px 20px; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 5px; background-color: #f4f4f4; font-weight: bold; color: #333; }
.borang-queue-restoran { max-width: 600px; margin: 0 auto; padding: 30px; border: 1px solid #eee; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); background-color: #ffffff; }
.borang-queue-restoran .field-kumpulan { margin-bottom: 20px; }
.borang-queue-restoran label { display: block; margin-bottom: 8px; font-weight: bold; color: #444; }
.borang-queue-restoran input[type="text"],
.borang-queue-restoran input[type="number"] { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; }
.borang-queue-restoran input[type="submit"] { background-color: #4CAF50; color: white; padding: 12px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 1em; font-weight: bold; width: 100%; }
.borang-queue-restoran input[type="submit"]:hover { background-color: #45a049; }


/* * 3. 'Style' (Gaya) Paparan Awam [paparan_queue] (Nombor 4)
 */
.paparan-queue-awam {
    font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto;
    border: 1px solid #eee; border-radius: 8px; overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.paparan-queue-awam h2 {
    background-color: #4CAF50; color: white; padding: 20px; margin: 0;
    text-align: center; font-size: 1.5em; line-height: 1.4;
}
.paparan-queue-awam h3 {
    background-color: #f4f4f4; color: #333; padding: 15px 20px; margin: 0;
    border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 1.2em; line-height: 1.4;
}
.paparan-queue-awam ul { list-style: none; padding: 0; margin: 0; }
.paparan-queue-awam li { padding: 15px 20px; border-bottom: 1px solid #f0f0f0; font-size: 1.1em; }
.paparan-queue-awam li:last-child { border-bottom: none; }
.paparan-queue-awam li .saiz { color: #777; font-style: italic; font-size: 0.9em; }
.paparan-queue-awam p.tiada-data { padding: 20px; text-align: center; color: #888; font-style: italic; line-height: 1.4; }


/* * 4. 'Style' (Gaya) Dwibahasa V4.2.0
 */
.paparan-queue-awam .lang-bm-en {
    display: block; /* Bahasa pertama di atas */
    font-size: 1em; /* Saiz 'normal' (biasa) */
}
.paparan-queue-awam .lang-cn {
    display: block; /* Bahasa kedua di bawah */
    font-size: 0.85em; /* Kecilkan sikit 'font' (fon) Cina */
    font-weight: normal;
    opacity: 0.9;
}
/* 'Style' (Gaya) 'Blinking' (Kelip-kelip) V3.1.1 */
@keyframes blink-effect { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }
.paparan-queue-awam .list-dipanggil li strong {
    animation: blink-effect 1.2s linear infinite;
    color: #D9534F; /* Merah 'alert' (amaran) */
}


/* * 5. 'Style' (Gaya) 'Branding' (Penjenamaan) V4.1.0 (Logo & Footer)
 */
.queue-page-logo-wrapper { text-align: center; margin-bottom: 25px; }
.queue-page-logo { max-width: 150px; height: auto; opacity: 0.9; }

.menu-item a[href*="/queue/"]::before { font-family: 'dashicons'; content: '\f488'; margin-right: 7px; vertical-align: middle; }
.menu-item a[href*="/status/"]::before { font-family: 'dashicons'; content: '\f164'; margin-right: 7px; vertical-align: middle; }

.footer-cjhomebase-wrapper { text-align: center; padding: 30px 15px; margin-top: 40px; border-top: 1px solid #eee; color: #777; font-size: 0.9em; }
.footer-cjhomebase-wrapper p { margin: 0; padding: 0; }


/* * 6. 'Style' (Gaya) 'Refresh' (Muat Semula) AJAX
 */
#queue-wrapper { transition: opacity 0.5s ease-in-out; }