/* /Components/RealEstateMap.razor.rz.scp.css */
.re-map[b-i6i9enb78c] {
    width: 100%;
    height: 360px;
    border-radius: 12px;
}

@media (max-width: 599px) {
    .re-map[b-i6i9enb78c] {
        height: 260px;
    }
}
/* /Components/RealEstateMobileDetails.razor.rz.scp.css */
.re-facts[b-7so8acvnw3] {
    display: flex;
}

.re-fact[b-7so8acvnw3] {
    flex: 1;
    min-width: 0;
    padding: 12px 8px;
    text-align: center;
}

.re-fact + .re-fact[b-7so8acvnw3] {
    border-left: 1px solid rgba(209, 180, 113, 0.25);
}

.re-fact-label[b-7so8acvnw3] {
    font-size: 0.75rem;
    opacity: 0.7;
}

.re-fact-value[b-7so8acvnw3] {
    margin-top: 2px;
    font-weight: 700;
}

.re-row[b-7so8acvnw3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 4px;
    border-bottom: 1px solid rgba(209, 180, 113, 0.15);
}

.re-row-label[b-7so8acvnw3] {
    opacity: 0.7;
}

.re-row-value[b-7so8acvnw3] {
    font-weight: 600;
    text-align: right;
}
/* /Components/RealEstateMobileHeader.razor.rz.scp.css */
.re-mobile-price[b-9crwj9r0gt] {
    background-color: #d1b471;
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 8px;
    white-space: nowrap;
}
/* /Layout/Footer.razor.rz.scp.css */
/* Futer je ista traka kao ona gore: ista podloga i ista tanka bela crta, samo po vrhu
   umesto po dnu.

   Bio je tri kolone sa naslovima ("Brzi linkovi", "Kontakt", "Pratite nas") i linkovima
   jedan ispod drugog, pa je na telefonu uzimao pola ekrana, a u njemu stoji pet linkova i
   jedna adresa. Sada je jedan red koji se prelama: znak, linkovi, kontakt. */
.re-footer[b-jkrek6bhy6] {
    margin-top: 40px;
    padding: 16px 0 8px;
    background: #262626;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.22);
}

.re-footer-row[b-jkrek6bhy6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 24px;
}

/* Znak je manji nego u traci gore: gore vodi na pocetnu i cesto se klikce, ovde je potpis. */
.re-footer-brand .re-brand-name[b-jkrek6bhy6] {
    font-size: 1.05rem;
}

.re-footer-links[b-jkrek6bhy6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 20px;
}

/* Veza u futeru se ponasa kao stavka u meniju gore: tiho siva, na prelaz misem zlatna.
   Slova su manja nego u ostatku strane, jer futer nije ono zbog cega se dolazi. */
.re-footer[b-jkrek6bhy6]  .mud-link,
.re-footer-mail[b-jkrek6bhy6] {
    font-size: 0.8rem;
    color: #9a9a9a;
    text-decoration: none;
    transition: color .15s ease;
}

.re-footer[b-jkrek6bhy6]  .mud-link:hover,
.re-footer-mail:hover[b-jkrek6bhy6] {
    color: #d1b471;
}

.re-footer-contact[b-jkrek6bhy6] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.re-footer-mail[b-jkrek6bhy6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.re-footer-mail[b-jkrek6bhy6]  .mud-icon-root {
    font-size: 1rem;
    color: #d1b471;
}

.re-footer-social[b-jkrek6bhy6] {
    display: flex;
}

.re-footer-social[b-jkrek6bhy6]  .mud-icon-button {
    padding: 5px;
}

.re-footer-bottom[b-jkrek6bhy6] {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    text-align: center;
    font-size: 0.72rem;
    color: #7d7d7d;
}

/* Na uskom ekranu se red prelama u tri, pa sve stoji po sredini: poredjano levo bi tri reda
   razlicite duzine izgledala kao da su se slucajno zatekla jedno ispod drugog. */
@media (max-width: 899px) {
    .re-footer-row[b-jkrek6bhy6] {
        justify-content: center;
    }

    .re-footer-links[b-jkrek6bhy6] {
        justify-content: center;
    }

    /* Znak uz naziv pomera samu rec "Relhom" desno od sredine, pa red izgleda nakrivo iako je
       blok tacno na sredini. Na telefonu ostaje samo naziv, koji tada i jeste na sredini.
       Znak i onako stoji u traci gore, na dva prsta odatle. */
    .re-footer-brand[b-jkrek6bhy6]  .mud-image {
        display: none;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.re-page[b-mv11k5ea33] {
    min-height: 100vh;
}