/* RONROV Beautiful Tags v1.2.0 – monochrome + segmented search + fixed columns */
.ronrov-tags-wrapper{
  --chip-pad:12px 16px;
  --chip-radius:999px;
  --chip-gap:14px;
  --chip-font:14px;
  --chip-mono: 47,49,55; /* default dark gray rgb */
  --chip-light: 255,255,255;
  --chip-muted: 243,244,246;
  --chip-muted-text: 107,114,128;
  margin: 8px 0 24px 0;
  direction: rtl;
  font-family: inherit;
}
.ronrov-tags-wrapper[data-size="s"]{--chip-pad:10px 14px;--chip-font:13px}
.ronrov-tags-wrapper[data-size="l"]{--chip-pad:14px 18px;--chip-font:15px}
.ronrov-tags-wrapper[data-shape="square"]{--chip-radius:14px}
.ronrov-tags-header h3{margin:0 0 12px 0; font-weight:700; font-size:1.06rem}

/* Segmented Search – RTL: label on right, input on left */
.ronrov-search{
  display:flex; flex-direction:row; align-items:center;
  max-width:860px; width:100%;
  background:#fff;
  border-radius:999px; overflow:hidden;
  box-shadow:0 1px 0 rgba(0,0,0,.04), 0 10px 24px rgba(0,0,0,.04) inset;
  border:1px solid rgba(0,0,0,.08);
  margin: 6px 0 16px 0;
}
.ronrov-search .seg-label{
  background: rgb(var(--chip-mono));
  color:#fff;
  padding:10px 16px;
  font-weight:700; letter-spacing:.3px;
  display:inline-flex; align-items:center; justify-content:center;
  border-inline-start:1px solid rgba(255,255,255,.08);
}
.ronrov-search input{
  flex:1;
  border:0; outline:0;
  padding:12px 16px;
  font-size:14px;
  color: rgb(17,24,39);
  background:#fff;
}
.ronrov-search input::placeholder{color: rgba(17,24,39,.5)}

/* Grid – fixed desktop columns like in the sketch */
.ronrov-tags{list-style:none; padding:0; margin:0; display:grid; gap:var(--chip-gap)}
/* default by attribute */
.ronrov-tags-wrapper[data-columns="1"] .ronrov-tags{grid-template-columns: repeat(1, minmax(0, 1fr));}
.ronrov-tags-wrapper[data-columns="2"] .ronrov-tags{grid-template-columns: repeat(2, minmax(0, 1fr));}
.ronrov-tags-wrapper[data-columns="3"] .ronrov-tags{grid-template-columns: repeat(3, minmax(0, 1fr));}
.ronrov-tags-wrapper[data-columns="4"] .ronrov-tags{grid-template-columns: repeat(4, minmax(0, 1fr));}
.ronrov-tags-wrapper[data-columns="5"] .ronrov-tags{grid-template-columns: repeat(5, minmax(0, 1fr));}
.ronrov-tags-wrapper[data-columns="6"] .ronrov-tags{grid-template-columns: repeat(6, minmax(0, 1fr));}

/* Responsive breakpoints */
@media (max-width: 1100px){
  .ronrov-tags-wrapper[data-columns="4"] .ronrov-tags,
  .ronrov-tags-wrapper[data-columns="5"] .ronrov-tags,
  .ronrov-tags-wrapper[data-columns="6"] .ronrov-tags{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 900px){
  .ronrov-tags-wrapper[data-columns="3"] .ronrov-tags,
  .ronrov-tags-wrapper[data-columns="4"] .ronrov-tags,
  .ronrov-tags-wrapper[data-columns="5"] .ronrov-tags,
  .ronrov-tags-wrapper[data-columns="6"] .ronrov-tags{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px){
  .ronrov-tags{grid-template-columns: repeat(1, minmax(0, 1fr));}
}

/* Tag chip – monochrome, professional */
.ronrov-tag-item{margin:0; padding:0}
.ronrov-tag{
  display:flex; align-items:center; justify-content:space-between;
  padding: var(--chip-pad);
  border-radius: var(--chip-radius);
  background: rgb(var(--chip-mono));
  color:#fff; text-decoration:none;
  box-shadow: 0 4px 10px rgba(0,0,0,.08);
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
  min-height: 44px;
}
.ronrov-tag:hover{transform: translateY(-1px); filter: brightness(1.05); box-shadow:0 8px 18px rgba(0,0,0,.12)}
.ronrov-tag .label{font-weight:600; letter-spacing:.2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.ronrov-tag .count{
  font-weight:700; font-size:.82em;
  padding:.25em .6em;
  background: rgba(255,255,255,.16);
  border-radius: 999px;
}

/* Accessibility */
.ronrov-tags-wrapper.empty{opacity:.7}
@media (prefers-reduced-motion: reduce){ .ronrov-tag{transition:none} }