/* =========================================================
   PornyBay — watch.css (mic layer peste Tailwind)
   - Setează culoarea principală, chip-urile de categorie/tag
   ========================================================= */

:root{
  --primary-color: #e11d48;   /* rosa "tube" */
  --chip-bg: #1b2535;
  --chip-bg-hover: #243047;
  --chip-brd: rgba(255,255,255,.10);
  --chip-brd-hover: rgba(255,255,255,.16);
}

/* Category chip */
.cat-chip{
  display:inline-flex; align-items:center; gap:.5rem;
  text-decoration:none;
  color:#fff;
  background: linear-gradient(180deg, #0e1a2b, #0a1220);
  border:1px solid var(--chip-brd);
  padding:.42rem .7rem;
  border-radius:999px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:.72rem;
}
.cat-chip:hover{
  border-color: var(--chip-brd-hover);
  box-shadow: 0 0 0 3px rgba(255,255,255,.04) inset;
}

/* Tag chips (#tag) */
.tag-chip{
  display:inline-block;
  margin: .2rem .35rem .2rem 0;
  text-decoration:none;
  color: #e6e9ee;
  background: var(--chip-bg);
  border:1px solid var(--chip-brd);
  border-radius: 999px;
  padding: .34rem .66rem;
  font-size: .78rem;
  font-weight:700;
  transition: all .18s ease;
}
.tag-chip:hover{
  background: var(--chip-bg-hover);
  color:#fff;
  transform: translateY(-1px);
}

/* În unele build-uri, Material Symbols au nevoie de baseline fix */
.material-symbols-outlined{
  font-variation-settings: 'wght' 500, 'opsz' 48, 'GRAD' 0, 'FILL' 0;
}

/* Mic polish pentru line-clamp dacă nu e activ */
.line-clamp-2{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}