/* CSS Document */

    .user-info {
    display: flex;
    align-items: center;
    gap: 10px; /* Rozestup mezi obrázkem a textem */
}

.profile-pic {
    width: 40px; /* Zmenšení obrázku na 40px */
    height: 40px;
    border-radius: 50%; /* Zaoblený obrázek */
    object-fit: cover; /* Ořízne obrázek tak, aby se přizpůsobil velikosti */
}
        
/* Base setup */
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);


/* Ratings widget */
.rate {
    display: inline-block;
    border: 0;
}
/* Hide radio */
.rate > input {
    display: none;
}
/* Order correctly by floating highest to the right */
.rate > label {
    float: right;
}
/* The star of the show */
.rate > label:before {
    display: inline-block;
    font-size: 1.1rem;
    padding: .3rem .2rem;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005 "; /* full star */
}
/* Zero stars rating */
.rate > label:last-child:before {
    content: "\f006 "; /* empty star outline */
}
/* Half star trick */
.rate .half:before {
    content: "\f089 "; /* half star no outline */
    position: absolute;
    padding-right: 0;
}
.rate {
/* Click + hover color */
input:checked ~ label, /* color current and previous stars on checked */
label:hover, label:hover ~ label { color: #FA8F1B;  } /* color previous stars on hover */
}
.rate {
/* Hover highlights */
input:checked + label:hover, input:checked ~ label:hover, /* highlight current and previous stars */
input:checked ~ label:hover ~ label, /* highlight previous selected stars for new rating */
label:hover ~ input:checked ~ label /* highlight previous selected stars */ { color: #FA8F1B;  } 
}


        /* Styl pro nahrazení rádiových tlačítek */
        .custom-radio-group {
            display: flex;
            gap: 10px;
        }

        .custom-radio {
            display: inline-block;
            padding: 10px 20px;
            border: 2px solid #FA8F1B; /* Oranžové ohraničení */
            /* border: 2px solid #40E0D0; Tyrkysové ohraničení */
            border-radius: 10px;
            cursor: pointer;
            text-align: center;
            transition: background-color 0.3s ease, color 0.3s ease;
        }

        .custom-radio.selected {
            background-color: #FA8F1B; /* Vyplněné tlačítko */
            color: white; /* Barva textu */
        }

        .custom-radio:hover {
            background-color: #FA8F1B;
            color: white;
        }

        .hidden-radio {
            display: none;
        }
    
  #map {
  height: 400px; /* Výška mapy */
  width: 100%;    /* Šířka mapy, například 80% šířky rodičovského prvku */
  max-width: 650px; /* Maximální šířka mapy */
  margin: 0 left; /* Zarovnání mapy na střed */
  border: 1px solid #ccc; /* Volitelný rámeček pro vizuální kontrolu */
} 

.custom-radio-group {
  display: flex;
  flex-wrap: wrap; /* Umožní zalamování tlačítek na nový řádek */
  gap: 10px; /* Rozestup mezi tlačítky */
}

.custom-radio {
  flex: 0 1 auto; /* Zachová přirozenou šířku tlačítek a umožní jejich zalomení */
  white-space: normal; /* Povolení zalomení textu uvnitř tlačítek */
  padding: 10px 15px; /* Zachování pohodlného prostoru uvnitř tlačítek */
  box-sizing: border-box;
}

    .custom-radio.selected {
        background-color: white !important;
        color: #FA8F1B !important; /* Barva textu */
        border-color: #FA8F1B !important; /* Oranžový obrys */
    }