/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
/* Bootstrap Icons-based Star Rating Override */
.ticket-reply .rating span.star,
.ticket-reply .rating-done span.star {
    font-family: 'bootstrap-icons' !important;
    font-style: normal;
    font-weight: normal;
    font-size: 1.25rem;
    line-height: 1;
    display: inline-block;
    color: #ccc;
    speak: none;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Default (empty star) */
.ticket-reply .rating span.star::before,
.ticket-reply .rating-done span.star::before {
    content: "\f586"; /* Bootstrap bi-star */
}

/* Filled (rated) */
.ticket-reply .rating span.star.active::before,
.ticket-reply .rating-done span.star.active::before {
    content: "\f587"; /* Bootstrap bi-star-fill */
    color: #F2DE88;
}
/*  To allow long tld domains */
/* === Fix long TLD dropdown overlap in domain search === */
.domain-input-group .domains-row select.form-control {
  max-width: 100%;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 2rem; /* make space for arrow */
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

/* keep dropdown arrow visible */
.domain-input-group .domains-row .col-xs-3,
.domain-input-group .domains-row .col-3 {
  flex: 0 0 28%;
  max-width: 28%;
  position: relative;
  z-index: 2;
}

/* widen search input area slightly to compensate */
.domain-input-group .domains-row .col-xs-9,
.domain-input-group .domains-row .col-9 {
  flex: 0 0 72%;
  max-width: 72%;
}

/* ensure button doesn’t overlap */
.domain-input-group .btn {
  z-index: 1;
  position: relative;
}

/* optional: make select text smaller if too wide */
#registertld,
#transfertld {
  font-size: 0.95rem;
}