/* =========================================================
   Category List - View All Popup
   The selected .clist-template-* class is placed on the modal box,
   therefore popup visual design always matches the selected widget template.
========================================================= */
.clist-modal { position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:18px; }
.clist-modal.is-open { display:flex; }
.clist-modal-backdrop { position:absolute;inset:0;background:rgba(15,23,42,.64);backdrop-filter:blur(8px); }
.clist-modal-box { position:relative;width:min(820px,94vw);max-height:88vh;overflow:auto;padding:20px;border:1px solid var(--clist-border)!important;border-radius:24px;background:var(--clist-bg)!important;box-shadow:0 30px 90px rgba(0,0,0,.32); }
.clist-modal-close { flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;margin:0;border:1px solid var(--clist-border)!important;border-radius:12px;background:color-mix(in srgb,var(--clist-bg) 88%,#fff)!important;color:var(--clist-text)!important;cursor:pointer; }
.clist-modal-close .dashicons { width:20px;height:20px;font-size:20px;line-height:20px; }
body.clist-modal-open { overflow:hidden; }
/* Mobile modal sizing (padding, sheet layout, close button) is handled in
   mobile-premium.css at 782px, keeping one consistent breakpoint set. */