/* Tour search: tour counts on the destination suggestions + the month grid (tour-search-options.js).
   Same look as the Group & Family package picker on babumrah (pkg-search-options.css). */

/* suggestion rows: icon | destination over its region | count pill, counts in one right-hand column */
.tours-searchlst li .spdiv,
.tour-searchlst li .spdiv{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 18px}
.tours-searchlst li .spdiv i,
.tour-searchlst li .spdiv i{position:static;top:0;flex:none;width:18px;text-align:center;color:#777}
.tours-searchlst li h3,
.tour-searchlst li h3{flex:1;min-width:0;padding-left:0;line-height:17px}
.tours-searchlst li .spTitle,
.tour-searchlst li .spTitle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pkc-count{flex:none;margin-left:auto;padding:3px 10px;border-radius:12px;background:#eef6ee;color:#1d7a34;font-size:12px;font-style:normal;font-weight:700;line-height:16px;text-align:center;white-space:nowrap;transition:background .15s}
.tours-searchlst li .spdiv:hover .pkc-count,
.tour-searchlst li .spdiv:hover .pkc-count{background:#fff}
.pkc-ic{margin-right:4px;font-size:11px;opacity:.75}
.tours-searchlst li .spdiv .pkc-count i.pkc-ic,
.tour-searchlst li .spdiv .pkc-count i.pkc-ic{position:static;top:auto;width:auto;font-size:11px;color:inherit}

/* month grid */
.pkc-wrap{position:relative}
.pkc-month-input{cursor:pointer;background:transparent}
.pkc-panel{display:none;position:absolute;left:0;top:100%;z-index:500;width:380px;max-width:92vw;margin-top:6px;padding:14px;background:#fff;border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.18);text-align:left}
.pkc-panel.pkc-open{display:block}
.pkc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;font-weight:700;color:#222}
.pkc-head small{font-weight:400;color:#666;font-size:12px}
.pkc-close{cursor:pointer;color:#777;padding:0 4px}
.pkc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pkc-m{display:block;width:100%;padding:8px 6px;border:1px solid #dcdcdc;border-radius:8px;background:#fff;text-align:center;cursor:pointer;line-height:1.25;transition:border-color .15s,background .15s}
.pkc-m b{display:block;font-size:14px;color:#222}
.pkc-m small{display:block;font-size:11px;color:#888}
.pkc-m em{display:block;margin-top:3px;font-size:11px;font-style:normal;font-weight:700;color:#1d7a34}
.pkc-m:hover:not(:disabled){border-color:#fac917;background:#fffbea}
.pkc-m.pkc-sel{border-color:#fac917;background:#fac917}
.pkc-m.pkc-sel b,.pkc-m.pkc-sel em,.pkc-m.pkc-sel small{color:#222}
.pkc-m:disabled{opacity:.45;cursor:not-allowed;background:#f6f6f6}
.pkc-m:disabled em{color:#999;font-weight:400}
.pkc-follow{margin-top:12px;padding-top:10px;border-top:1px solid #eee}
.pkc-follow-title{margin-bottom:6px;font-size:12px;color:#666}
.pkc-follow-row{display:flex;gap:8px;flex-wrap:wrap}
.pkc-chip{flex:1 1 30%;padding:7px 8px;border:1px solid #dcdcdc;border-radius:8px;background:#fff;text-align:center;cursor:pointer;line-height:1.25;font-size:12px}
.pkc-chip b{display:block;color:#222;font-size:13px}
.pkc-chip small{display:block;color:#666}
.pkc-chip em{display:block;font-style:normal;font-weight:700;color:#1d7a34}
.pkc-chip:hover:not(:disabled){border-color:#fac917;background:#fffbea}
.pkc-chip:disabled{opacity:.45;cursor:not-allowed}
.pkc-loading{padding:10px;text-align:center;color:#888;font-size:12px}
.pkc-actions{display:flex;justify-content:space-between;gap:8px;margin-top:12px}
.pkc-actions button{padding:8px 14px;border-radius:8px;border:1px solid #dcdcdc;background:#fff;font-weight:700;cursor:pointer}
.pkc-actions .pkc-done{flex:1;background:#fac917;border-color:#fac917;color:#222}
.pkc-actions button:disabled{opacity:.45;cursor:not-allowed}

/* the /tours sidebar is narrow: panel fills the column */
.tour-side-form .pkc-panel{width:100%;min-width:250px;padding:10px}
.tour-side-form .pkc-grid{gap:6px}
.tour-side-form .pkc-month-input{width:100%}

/* counts next to the sidebar filters */
.filter-uls .countfilter{color:#777;font-size:12px}
.filter-uls li.pkc-none{opacity:.45}
@media (max-width:767px){.pkc-panel{width:100%;left:0}}