/*
 * Lines menu of the theme and brand sidebars (includes/sidebar-menu.php).
 * Rows keep the look of the theme's .sidebar-lines menu (style.css); this
 * adds the toy count, the filter field and the "Show N more lines" button.
 */

/* Rows: name (maker greyed) then the toy count, on one line */
.sidebar-lines .cwl-menu li.cwl-line > a.cwl-row {display:flex;align-items:center;gap:10px;padding:1em 16px 1em 50px;}
.cwl-menu .cwl-name {flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cwl-menu .cwl-count {flex:none;font-size:.85em;font-weight:600;font-variant-numeric:tabular-nums;}
body.lightClass .cwl-menu .cwl-maker,
body.lightClass .cwl-menu .cwl-count {color:#ADB5BD;}
body.darkClass .cwl-menu .cwl-maker,
body.darkClass .cwl-menu .cwl-count {color:#5C6670;}
.cwl-menu .cwl-maker {font-weight:400;}
body.lightClass .cwl-menu li.current-cat > a .cwl-count,
body.lightClass .cwl-menu li.current-cat-ancestor > a .cwl-count {color:#4672D6;}
body.darkClass .cwl-menu li.current-cat > a .cwl-count,
body.darkClass .cwl-menu li.current-cat-ancestor > a .cwl-count {color:#fff;}

/* Folded lines; the line of the page stays in view, in its alphabetical place */
.cwl-folded:not(.cwl-unfolded):not(.cwl-filtering) li.cwl-extra:not(.cwl-pinned) {display:none;}

/* Filter field, drawn as a row of the menu */
.cwl-menu .cwl-filter {display:block;position:relative;margin:0;cursor:text;}
.cwl-menu .cwl-filter i {position:absolute;left:0;top:0;width:50px;line-height:45px;text-align:center;pointer-events:none;}
.sidebar-lines .cwl-menu input.cwl-filter-input {display:block;width:100%;box-sizing:border-box;height:45px;margin:0;padding:0 16px 0 50px;border:0;border-radius:0;outline:0;box-shadow:none;background:transparent;font:inherit;font-size:1em;-webkit-appearance:none;appearance:none;}
.cwl-menu .cwl-filter-input::-webkit-search-cancel-button {cursor:pointer;}
body.lightClass .cwl-menu .cwl-filter {background:#fff;border-bottom:2px solid #E9ECEF;}
body.lightClass .cwl-menu .cwl-filter i,
body.lightClass .cwl-menu .cwl-filter-input::placeholder {color:#ADB5BD;}
body.lightClass .cwl-menu .cwl-filter-input {color:#495057;}
body.darkClass .cwl-menu .cwl-filter {background:#1B1E22;border-bottom:2px solid #343A40;}
body.darkClass .cwl-menu .cwl-filter i,
body.darkClass .cwl-menu .cwl-filter-input::placeholder {color:#5C6670;}
body.darkClass .cwl-menu .cwl-filter-input {color:#DEE2E6;}
.cwl-menu .cwl-filter:focus-within i {color:#4672D6;}

.cwl-menu li.cwl-nomatch {display:none !important;}
.cwl-menu li.cwl-empty {padding:1em 16px 1em 50px;font-style:italic;}
.cwl-menu li.cwl-empty[hidden] {display:none;}
body.lightClass .cwl-menu li.cwl-empty {color:#ADB5BD;border-bottom:2px solid #E9ECEF;}
body.darkClass .cwl-menu li.cwl-empty {color:#5C6670;border-bottom:2px solid #343A40;}

/* "Show N more lines" / "Show fewer lines" */
.cwl-filtering li.cwl-more-item {display:none;}
.cwl-menu .cwl-more {display:block;position:relative;width:100%;margin:0;padding:1em 16px 1em 50px;border:0;border-radius:0;text-align:left;font:inherit;font-size:1em;font-weight:600;cursor:pointer;box-shadow:none;}
.cwl-menu .cwl-more i {position:absolute;left:0;top:0;width:50px;line-height:45px;text-align:center;}
body.lightClass .cwl-menu .cwl-more {background:#fff;color:#4672D6;border-bottom:2px solid #E9ECEF;}
body.lightClass .cwl-menu .cwl-more:hover {background:#F9FAFB;color:#3256A0;}
body.darkClass .cwl-menu .cwl-more {background:#1B1E22;color:#8EA9E8;border-bottom:2px solid #343A40;}
body.darkClass .cwl-menu .cwl-more:hover {background:#15171a;color:#fff;}
.cwl-menu .cwl-more:focus-visible {outline:2px solid #4672D6;outline-offset:-2px;}