/* ============================================================
   NTT Widget CSS — admin + frontend
   ============================================================ */

/* ADMIN */
.caf-admin-root{background:#f9f9f9;padding:10px;border:1px solid #ddd;border-radius:4px}
.caf-attr-block{background:#fff;border:1px solid #ccc;padding:10px;margin:8px 0;border-radius:3px}
.caf-attr-block h4{margin:0 0 8px;display:flex;justify-content:space-between;align-items:center}
.caf-term-row{display:flex;align-items:center;gap:8px;padding:4px 0;flex-wrap:wrap}
.caf-term-row img{width:50px;height:50px;object-fit:cover;border:1px solid #ccc;border-radius:3px}
.caf-placeholder-img{width:50px;height:50px;background:#eee;border:1px dashed #aaa;display:inline-flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;border-radius:3px}
.caf-btn-add-attr{margin-top:8px}

/* FRONTEND */
.caf-widget-wrap{font-size:14px}
.caf-group{margin-bottom:16px;border-bottom:1px solid #eee;padding-bottom:12px}
.caf-group-title{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;margin:0 0 10px;user-select:none}
.caf-arrow{font-size:10px;transition:transform .2s}
.caf-group.collapsed .caf-arrow{transform:rotate(-90deg)}
.caf-group.collapsed .caf-checks,.caf-group.collapsed .caf-cards{display:none!important}
.caf-checks{display:flex;flex-direction:column;gap:2px}
.caf-check-row{display:flex!important;align-items:center;gap:8px;padding:5px 0;cursor:pointer;font-size:14px}
.caf-check-row:hover{color:#2563eb}
.caf-check-row input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb;cursor:pointer;flex-shrink:0;margin:0}
.caf-cards{display:flex;flex-wrap:wrap;gap:6px}
.caf-card{display:flex!important;flex-direction:row;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border:2px solid #d0d7e3;border-radius:6px;transition:border-color .15s,background .15s}
.caf-card:hover{border-color:#93b4f5;background:#f5f8ff}
.caf-card:has(input:checked){border-color:#2563eb;background:#eff4ff}
.caf-card input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb;cursor:pointer;flex-shrink:0;margin:0}
.caf-card img{width:48px;height:48px;object-fit:cover;border-radius:4px;flex-shrink:0}
.caf-card span{font-size:14px;line-height:1.3;white-space:nowrap}
.caf-pills-area{margin-bottom:12px}
.caf-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.caf-pill{display:inline-flex;align-items:center;gap:4px;background:#e8edf5;border-radius:12px;padding:3px 10px;font-size:12px;cursor:pointer}
.caf-pill:hover{background:#d0d8ea}
.caf-clear{font-size:12px;color:#666;cursor:pointer;text-decoration:underline}
.caf-clear:hover{color:#333}