hr {
  display: block;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  unicode-bidi: isolate;
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
}

.top-filter-arrow{
  height: 20px;
  margin-left: 10px;
  vertical-align: middle;
}

.star {
  fill: #FFD700;
  stroke: #FFD700;
  stroke-width: 2;
  transition: all 0.3s ease;
}

.heart {
  fill: transparent;
  stroke: white;
  stroke-width: 2;
  transition: all 0.3s ease;
}

.heart:hover{
  stroke: var(--clr-lupo-red);
}

.ubi {
  fill: transparent;
  stroke: grey;
  stroke-width: 2;
}

.crossed{
  position: relative;
  text-align: center;
}

.crossed::before {
  content: "";
   position: absolute;
   top: 50%;
   left: 0;
   width: 100%;
   height: 1px;
   background: black;
}

input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc; /* Unchecked border color */
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

input[type="radio"]:checked {
  accent-color: var(--clr-lupo-red);
  border: 6px solid var(--clr-lupo-red); /* Makes the entire circle your red color */
  background: transparent; /* Ensures no inner dot appears */
}

.room_services{
  display:none;
}

#collapse_room_services{
  display:none;
}

.property_services{
  display:none;
}

#collapse_property_services{
  display:none;
}

#back:visited{
  color: var(--clr-lupo-red);
}

select:focus {
            outline: none;
            border: 0px solid #ccc; /* Optional */
        }

        select:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #000;
  }

  .circle {
            position: relative; /* Needed for absolute positioning of pseudo-element */
        }
        
        .circle::before {
            content: ""; /* Required for pseudo-element */
            position: absolute;
            top: 0px; /* Distance from top */
            right: 0px; /* Distance from right */
            width: 15px; /* Circle diameter */
            height: 15px; /* Circle diameter */
            background-color: var(--clr-lupo-red); /* Circle color */
            border-radius: 50%; /* Makes it a circle */
            z-index: 1; /* Ensures it stays above content if needed */
        }