﻿.ut-case-inquiry-pill-button {
  display: flex;
  align-items: center;
  padding: 11px 18px;
  border-radius: 999px;
  background-color: white;
  border: 1px solid gainsboro;
  font-weight: 500;
  white-space: nowrap;
  font-size: 14px;
  cursor: pointer;
  height: 43.5px;
}

.ut-case-inquiry-pill-button-text  {
  display: flex;
  text-align: start;
  flex-wrap: wrap;
  font-weight: 600;
  word-break: break-word;
  white-space: normal !important;
}

.ut-case-inquiry-pill-button-icon {
  color: var(--primary-color);
  margin-inline-start: 2px;
  margin-inline-end: 6px;
  margin-top: 4.5px;
}

ut-case-inquiry-pill-button-icon-svg {
    height: 18px;
    width: 18px
}

.ar-AE .ut-case-inquiry-pill-button-icon {
    /* transform: scaleX(-1); */
}


/* Optional: visual highlight when selected */
/* .ut-case-inquiry-pill-input:checked + .ut-case-inquiry-pill-button-icon {
  color: white;
} */

.ut-case-inquiry-pill-input:checked + .ut-case-inquiry-pill-button-icon + * {
  /* This may not work depending on structure, can improve below */
}

.ut-case-inquiry-pill-input:checked ~ .ut-case-inquiry-pill-button {
  background-color: #F9ECEA;
  border-color: var(--primary-color);
}

.ut-case-inquiry-pill-input {
  display: none !important; /* Hide default radio circle */
}

.ut-case-inquiry-pill-button:has(input:checked) {
  background-color: #F9ECEA;
  border-color: var(--primary-color);
}