/* ===== Theme por CARD (role-company / role-consultant) ===== */

/* --- COMPANY (empresa) --- */
html[data-role="role-company"] .menubarGradient {
  background: #c6ff7d !important;
  opacity: 1 !important;
}
html[data-role="role-company"] [class*="title"]::after {
  content: "";
  display: block;
  margin-top: 4px;
  width: 45px;
  height: 3px;
  background: #5e17eb;
  border-radius: 3px;
}
/* bullets / iconos genéricos */
html[data-role="role-company"] [class*="itemIcon"],
html[data-role="role-company"] [class*="bullet"],
html[data-role="role-company"] .manageLink svg,
html[data-role="role-company"] .manageLink i,
html[data-role="role-company"] .manageLink path,
html[data-role="role-company"] .manageLink use {
  color: #5e17eb !important;
  fill: #5e17eb !important;
}
/* precio destacado si lo muestra */
html[data-role="role-company"] [class*="priceValue"] {
  color: #5e17eb !important;
}

/* --- CONSULTANT (consultor) --- */
html[data-role="role-consultant"] .menubarGradient {
  background: #343333 !important;
  opacity: 1 !important;
}
html[data-role="role-consultant"] [class*="title"]::after {
  content: "";
  display: block;
  margin-top: 4px;
  width: 45px;
  height: 3px;
  background: #c6ff7d;
  border-radius: 3px;
}
html[data-role="role-consultant"] [class*="itemIcon"],
html[data-role="role-consultant"] [class*="bullet"],
html[data-role="role-consultant"] .manageLink svg,
html[data-role="role-consultant"] .manageLink i,
html[data-role="role-consultant"] .manageLink path,
html[data-role="role-consultant"] .manageLink use {
  color: #c6ff7d !important;
  fill: #c6ff7d !important;
}
html[data-role="role-consultant"] [class*="priceValue"] {
  color: #c6ff7d !important;
}

/* Contraste de texto en franja superior si hay botones/íconos encima */
html[data-role="role-company"] .menubar,
html[data-role="role-consultant"] .menubar {
  color: #ffffff !important;
}

/* ===========================================================
   UNDERLINE DEL TÍTULO (respeta subrayado existente)
   =========================================================== */
html[data-role] [data-rolecard] [class*="title"],
html[data-role] [data-rolecard] [class*="Title"],
html[data-role] [data-rolecard] h1,
html[data-role] [data-rolecard] h2,
html[data-role] [data-rolecard] h3,
html[data-role] [data-rolecard] h4 {
  border-bottom-color: var(--ml-accent) !important;
}

html[data-role] [data-rolecard] [class*="title"]::after,
html[data-role] [data-rolecard] [class*="Title"]::after {
  background-color: var(--ml-accent) !important;
}

html[data-role] [data-rolecard] [class*="title"] svg path {
  fill: var(--ml-accent) !important;
}

/* ===== Fondo de ítems dentro de las cards ===== */
[data-rolecard] [class^="ListingRequestCard_cell"],
[data-rolecard] [class*=" ListingRequestCard_cell"],
[data-rolecard] [class^="ListingRequestCard_cellCol"],
[data-rolecard] [class*=" ListingRequestCard_cellCol"],
[data-rolecard] [class^="ListingRequestCard_details"],
[data-rolecard] [class*=" ListingRequestCard_details"] {
  background-color: #f1eeee !important;
}

/* Descripción */
[data-rolecard] [class^="ListingRequestCard_description"],
[data-rolecard] [class*=" ListingRequestCard_description"] {
  background-color: #f1eeee !important;
}

/* Bloque de texto libre en el body */
[data-rolecard] [class^="ListingRequestCard_cardBody"] > div[style*="background"] {
  background-color: #f1eeee !important;
}


/* ===========================================================
   THEME /s  (role-company / role-consultant)
   Cubre ListingRequestCard.* y ListingOfferCard.* (Grid y Map)
   =========================================================== */

/* ---------- Variables por rol (para componentes que usan --marketplaceColorDark) ---------- */
html[data-role="role-company"] [data-rolecard] {
  --marketplaceColorDark: #c6ff7d !important; /* header verde claro */
  --ml-accent: #5e17eb !important;            /* morado (underline, bullets) */
}

html[data-role="role-consultant"] [data-rolecard] {
  --marketplaceColorDark: #343333 !important; /* header gris oscuro */
  --ml-accent: #c6ff7d !important;            /* verde claro (underline, bullets) */
}

/* ---------- COMPANY (empresa) ---------- */

/* Header (muchos builds ponen gradient/imágenes) */
html[data-role="role-company"] [data-rolecard] [class*="cardHeader"] {
  background: #c6ff7d !important;
  background-image: none !important;
  color: #1f2937 !important;
}

/* Bullets / iconos (span.icon, svg y paths) */
html[data-role="role-company"] [data-rolecard] [class*="icon"],
html[data-role="role-company"] [data-rolecard] [class*="bullet"],
html[data-role="role-company"] [data-rolecard] svg,
html[data-role="role-company"] [data-rolecard] svg path,
html[data-role="role-company"] [data-rolecard] .manageLink svg,
html[data-role="role-company"] [data-rolecard] .manageLink i,
html[data-role="role-company"] [data-rolecard] .manageLink path,
html[data-role="role-company"] [data-rolecard] .manageLink use {
  color: #5e17eb !important;
  fill:  #5e17eb !important;
  stroke: #5e17eb !important;
}

/* Precio destacado */
html[data-role="role-company"] [data-rolecard] [class*="priceValue"] {
  color: #5e17eb !important;
}

/* Fondo de items/celdas — Request & Offer */
html[data-role="role-company"] [data-rolecard] [class^="ListingRequestCard_cell"],
html[data-role="role-company"] [data-rolecard] [class*=" ListingRequestCard_cell"],
html[data-role="role-company"] [data-rolecard] [class^="ListingRequestCard_cellCol"],
html[data-role="role-company"] [data-rolecard] [class*=" ListingRequestCard_cellCol"],
html[data-role="role-company"] [data-rolecard] [class^="ListingRequestCard_details"],
html[data-role="role-company"] [data-rolecard] [class*=" ListingRequestCard_details"],
html[data-role="role-company"] [data-rolecard] [class^="ListingOfferCard_cell"],
html[data-role="role-company"] [data-rolecard] [class*=" ListingOfferCard_cell"],
html[data-role="role-company"] [data-rolecard] [class^="ListingOfferCard_cellCol"],
html[data-role="role-company"] [data-rolecard] [class*=" ListingOfferCard_cellCol"],
html[data-role="role-company"] [data-rolecard] [class^="ListingOfferCard_details"],
html[data-role="role-company"] [data-rolecard] [class*=" ListingOfferCard_details"],
/* fallback genérico por si cambian los nombres */
html[data-role="role-company"] [data-rolecard] [class*="details"],
html[data-role="role-company"] [data-rolecard] [class*="cell"] {
  background-color: #f1eeee !important;
}

/* Descripción */
html[data-role="role-company"] [data-rolecard] [class*="description"] {
  background-color: #f1eeee !important;
}

/* ---------- CONSULTANT (consultor) ---------- */

html[data-role="role-consultant"] [data-rolecard] [class*="cardHeader"] {
  background: #343333 !important;
  background-image: none !important;
  color: #ffffff !important;
}

html[data-role="role-consultant"] [data-rolecard] [class*="icon"],
html[data-role="role-consultant"] [data-rolecard] [class*="bullet"],
html[data-role="role-consultant"] [data-rolecard] svg,
html[data-role="role-consultant"] [data-rolecard] svg path,
html[data-role="role-consultant"] [data-rolecard] .manageLink svg,
html[data-role="role-consultant"] [data-rolecard] .manageLink i,
html[data-role="role-consultant"] [data-rolecard] .manageLink path,
html[data-role="role-consultant"] [data-rolecard] .manageLink use {
  color: #c6ff7d !important;
  fill:  #c6ff7d !important;
  stroke: #c6ff7d !important;
}

html[data-role="role-consultant"] [data-rolecard] [class*="priceValue"] {
  color: #c6ff7d !important;
}

html[data-role="role-consultant"] [data-rolecard] [class^="ListingRequestCard_cell"],
html[data-role="role-consultant"] [data-rolecard] [class*=" ListingRequestCard_cell"],
html[data-role="role-consultant"] [data-rolecard] [class^="ListingRequestCard_cellCol"],
html[data-role="role-consultant"] [data-rolecard] [class*=" ListingRequestCard_cellCol"],
html[data-role="role-consultant"] [data-rolecard] [class^="ListingRequestCard_details"],
html[data-role="role-consultant"] [data-rolecard] [class*=" ListingRequestCard_details"],
html[data-role="role-consultant"] [data-rolecard] [class^="ListingOfferCard_cell"],
html[data-role="role-consultant"] [data-rolecard] [class*=" ListingOfferCard_cell"],
html[data-role="role-consultant"] [data-rolecard] [class^="ListingOfferCard_cellCol"],
html[data-role="role-consultant"] [data-rolecard] [class*=" ListingOfferCard_cellCol"],
html[data-role="role-consultant"] [data-rolecard] [class^="ListingOfferCard_details"],
html[data-role="role-consultant"] [data-rolecard] [class*=" ListingOfferCard_details"],
html[data-role="role-consultant"] [data-rolecard] [class*="details"],
html[data-role="role-consultant"] [data-rolecard] [class*="cell"] {
  background-color: #f1eeee !important;
}

html[data-role="role-consultant"] [data-rolecard] [class*="description"] {
  background-color: #f1eeee !important;
}

/* ---------- Subrayado de título (usa --ml-accent) ---------- */
html[data-role] [data-rolecard] [class*="title"],
html[data-role] [data-rolecard] [class*="Title"],
html[data-role] [data-rolecard] h1,
html[data-role] [data-rolecard] h2,
html[data-role] [data-rolecard] h3,
html[data-role] [data-rolecard] h4 {
  border-bottom-color: var(--ml-accent) !important;
}

html[data-role] [data-rolecard] [class*="title"]::after,
html[data-role] [data-rolecard] [class*="Title"]::after {
  background-color: var(--ml-accent) !important;
}

html[data-role] [data-rolecard] [class*="title"] svg path {
  fill: var(--ml-accent) !important;
}