/*
 * Karmatus Smart Filters V9.0 Super
 * فقط استایل‌های غیر-Critical (بقیه Inline در head هستند)
 */

/* --- چیپ‌ها --- */
.k-chp:hover { border-color: var(--k-gold); background: #fffbf0; }
.k-chp.act { background: #fff9eb; border-color: var(--k-gold); color: #d48d00; font-weight: 600; }
.k-sb:hover { color: var(--k-gold); border-color: var(--k-gold); }

/* --- هدر مودال --- */
.k-hd { padding: 18px 24px; border-bottom: 1px solid var(--k-gray); display: flex; justify-content: space-between; align-items: center; }
.k-hd h3 { margin: 0; font-size: 16px; font-weight: 700; color: #333; }
.k-cl { border: none; background: none; font-size: 28px; line-height: 1; cursor: pointer; color: #888; padding: 0 8px; transition: color .2s; }
.k-cl:hover { color: var(--k-gold); }

/* --- بدنه مودال --- */
.k-bd { flex: 1; overflow-y: auto; padding-bottom: 20px; }
.k-grp { border-bottom: 1px solid #f8f8f8; }
.k-gh { padding: 16px 24px; cursor: pointer; display: flex; justify-content: space-between; font-weight: 600; color: #333; transition: background .2s; }
.k-gh:hover { background: #fcfcfc; }
.k-arr { transition: transform .25s; }
.k-gb { display: none; padding: 0 24px 16px; }
.k-grp.op .k-gb { display: block; animation: k-fi .2s ease-out; }
.k-grp.op .k-arr { transform: rotate(180deg); color: var(--k-gold); }

@keyframes k-fi {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- ردیف‌های فیلتر --- */
.k-row { display: flex; align-items: center; padding: 10px 0; cursor: pointer; transition: background .2s; }
.k-row:hover .k-lbl { color: var(--k-gold); }
.k-chk { width: 18px; height: 18px; margin-left: 12px; accent-color: var(--k-gold); cursor: pointer; }
.k-lbl { flex: 1; margin-right: 2px; color: #555; font-size: 14px; }
.k-cnt { font-size: 12px; color: #aaa; background: #f5f5f5; padding: 2px 8px; border-radius: 12px; }

/* --- فوتر مودال --- */
.k-ft { padding: 16px 24px; border-top: 1px solid var(--k-gray); display: flex; gap: 12px; background: #fff; }
.k-btn { flex: 1; height: 46px; border: none; border-radius: 12px; font-size: 15px; font-weight: 700; cursor: pointer; transition: background .2s, transform .2s; }
.k-bs { background: var(--k-gold); color: #fff; box-shadow: 0 4px 12px rgba(255, 175, 32, 0.3); }
.k-bs:hover { background: #e69a1a; transform: translateY(-1px); }
.k-br { background: #f5f5f5; color: #666; }
.k-br:hover { background: #eee; }

/* --- مرتب‌سازی --- */
.k-srt { padding: 14px 24px; cursor: pointer; display: flex; justify-content: space-between; border-bottom: 1px solid #fcfcfc; transition: background .2s; }
.k-srt:hover { background: #f9f9f9; }
.k-srt.sel { color: var(--k-gold); font-weight: bold; background: #fffbf0; }

/* --- جلوگیری از اسکرول body هنگام باز بودن مودال --- */
body.k-locked { overflow: hidden !important; }