/**
 *                          ___                   _       _         _ 
 *                         / __)                 | |     | |       | |
 *     _ _ _ _ _ _ _ _ _ _| |__ _____  ____ _   _| |  _  | |__   __| |
 *    | | | | | | | | | (_   __|____ |/ ___) | | | |_/ ) |  _ \ / _  |
 *    | | | | | | | | | | | |  / ___ | |   | |_| |  _ ( _| |_) | (_| |
 *     \___/ \___/ \___(_)|_|  \_____|_|   |____/|_| \_|_)____/ \____|
 *                                                                    
 *
 * 	Author: MD OMAR FARUK
 * 	Author URI: www.faruk.bd
 * 	Author Contact: https://faruk.bd/#contact
 * 	Author Email: info@faruk.bd | farukmr@gmail.com
 * 	Copyright © 2026
 *                          ___                   _       _         _ 
 *                         / __)                 | |     | |       | |
 *     _ _ _ _ _ _ _ _ _ _| |__ _____  ____ _   _| |  _  | |__   __| |
 *    | | | | | | | | | (_   __|____ |/ ___) | | | |_/ ) |  _ \ / _  |
 *    | | | | | | | | | | | |  / ___ | |   | |_| |  _ ( _| |_) | (_| |
 *     \___/ \___/ \___(_)|_|  \_____|_|   |____/|_| \_|_)____/ \____|
 *                                                                    
 */
/* Quran CMS - Islamic days and their countdown */
.ie-head p { color: var(--muted); max-width: 74ch; }
.ie-wrap { padding-bottom: 3rem; }
.ie-next { display: flex; align-items: center; gap: 1.2rem; flex-wrap: wrap; margin-top: 1.4rem; padding: 1.5rem 1.6rem; border-radius: 22px;
           background: linear-gradient(135deg, var(--brand), #064536); color: #fff; }
.ie-next-i { width: 62px; height: 62px; border-radius: 20px; display: grid; place-items: center; background: rgba(255,255,255,.14); flex: 0 0 auto; }
.ie-next > div { flex: 1; min-width: 200px; }
.ie-next small { opacity: .8; font-weight: 600; }
.ie-next h2 { margin: .1rem 0; font-size: 1.6rem; }
.ie-next p { margin: 0; opacity: .9; }
.ie-days { text-align: center; flex: 0 0 auto; background: rgba(255,255,255,.14); border-radius: 18px; padding: .8rem 1.2rem; }
.ie-days b { display: block; font-size: 2.2rem; font-weight: 800; line-height: 1; }
.ie-days span { font-size: .8rem; opacity: .85; }
.ie-list { display: grid; gap: .7rem; margin-top: 1.2rem; }
.ie-card { display: flex; align-items: center; gap: .9rem; padding: .9rem 1.1rem; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.ie-ic { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: var(--brand-soft); color: var(--brand); flex: 0 0 auto; }
.ie-t { flex: 1; min-width: 0; }
.ie-t strong { display: block; }
.ie-t small { color: var(--muted); font-size: .82rem; }
.ie-t p { margin: .25rem 0 0; color: var(--ink-2); font-size: .9rem; }
.ie-left { text-align: center; flex: 0 0 auto; color: var(--brand); }
.ie-left b { display: block; font-size: 1.4rem; font-weight: 800; line-height: 1; }
.ie-left span { font-size: .72rem; color: var(--muted); }
/* on the home page */
.ie-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: .8rem; }
.ie-chip { display: flex; flex-direction: column; gap: .2rem; padding: 1rem 1.1rem; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); color: var(--ink); }
.ie-chip:hover { border-color: var(--brand); color: var(--ink); }
.ie-chip .ie-ic { margin-bottom: .2rem; }
.ie-chip small { color: var(--muted); font-size: .8rem; }
.ie-chip b { color: var(--brand); margin-top: .3rem; }
.ie-chip.is-next { background: linear-gradient(160deg, var(--brand-soft), var(--surface)); border-color: var(--brand); }
@media (max-width: 560px) { .ie-next h2 { font-size: 1.3rem; } .ie-days b { font-size: 1.7rem; } }