.iti__country-name, .iti__no-results {
    color: black;
}

.iti__selected-dial-code {
    color: var(--clr-white) !important;
}

.iti__dropdown-content {
    height: auto !important;
}

.iti__search-input  {
    margin-bottom: auto !important;
    padding-left: 2rem !important;
}

#user-phone {
    width: 100%;
    padding: 0.75rem 0.75rem 0.75rem 87px;
    outline: none;
    border: 1px solid rgba(var(--clr-dark-blue-rgb), 0.25);
    background: var(--clr-white);
    margin-bottom: 1rem;
    transition: 0.3s ease-in-out;
    border: 1px solid rgba(var(--clr-white-rgb), 0.25);
    background: var(--clr-dark-blue);
    color: var(--clr-white) !important;
}

#user-phone::placeholder {
    color: #cccccc !important;
}

.iti__globe .iti__globe-svg {
    fill: var(--clr-white) !important;
}

.iti .iti__arrow {
    margin-left: var(--iti-arrow-padding);
    width: var(--iti-arrow-size);
    height: var(--iti-arrow-size);
    box-sizing: border-box;
    border-right: var(--iti-arrow-width) solid var(--clr-white);
    border-bottom: var(--iti-arrow-width) solid var(--clr-white);
    margin-top: -2px;
    transform: rotate(45deg);
}

.content-area-wrapper {
    border: 1px solid rgba(var(--clr-white-rgb), 0.25);
    background: var(--clr-dark-blue);
    color: var(--clr-white);
}

.ql-picker-label {
    color: var(--clr-white);
}

.ql-snow .ql-stroke {
    stroke: #ccc !important;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

.navbar-and-footer-logo {
  display: block;
  min-height: 150px;
  margin-top: -74px;
  position: absolute;
  min-height: 150px;
}

.footer-logo {
    margin-bottom: -2rem !important;
    max-width: 40% !important;
}

.contact-info-card .info {
    font-size: 1.1rem !important;
}

/* A teljes jelmagyarázat doboza */
.calendar-legend {
  display: flex;
  gap: 20px; /* A elemek közötti távolság */
  align-items: center;
  font-family: sans-serif;
  font-size: 14px;
  justify-content: center;
}

/* Egy elem (pötty + szöveg egyben) */
.legend-item {
  display: flex;
  align-items: center;
  gap: 8px; /* A pötty és a szöveg közötti távolság */
}

/* A pötty alapvető formája */
.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%; /* Ez csinál belőle kört */
  display: inline-block;
}

/* Színek megadása */
.green  { background-color: #008000; }
.red    { background-color: #FF0000; }
.orange { background-color: #FFA500; }
.yellow { background-color: #FFFF00; }
.lightblue { background-color: #33FFFF; }
.lightorange { background-color: #D4AF37; }
.blue { background-color: #0000FF; }