/* Cor branca para o texto do menu */
.topmenu .navbar-nav .menu-item a {
    color: #fff !important;
    transition: color 0.3s ease;
}

/* Hover suave */
.topmenu .navbar-nav .menu-item a:hover {
    color: #ff6600 !important; /* Cor de destaque no hover */
}

/* Altera a cor de fundo do cabeçalho para roxo */
.topmenu.bg-light {
  background-color: #3C004F !important;
}

/* Altera a cor dos links e do texto do menu para branco */
.topmenu .navbar-light .navbar-nav .nav-link,
.topmenu .login-item a,
.topmenu .d-inline-block {
    color: #FFFFFF !important;
}

/* Altera a cor do ícone do menu (hamburger) para branco */
.topmenu .navbar-toggler .fas.fa-bars {
    color: #FFFFFF;
}

/* Garante que o texto do botão "Adicionar propriedade" permaneça legível */
.topmenu .add-property {
    color: #FFFFFF; /* Define a cor do texto do botão */
}

/* Altera a cor de fundo do cabeçalho */
.main-header {
  background-color: #3C004F !important;
}

/* Altera a cor do texto e dos links no cabeçalho para branco */
.main-header .login-item a,
.main-header .language .d-inline-block {
    color: #FFFFFF !important;
}

/* Altera a cor do texto e remove o fundo do botão de moeda */
.main-header .btn-secondary {
    color: #FFFFFF !important;
    background-color: transparent;
    border: none;
}

/* Altera a cor do ícone do menu "hamburger" para branco */
.main-header .navbar-toggler .fas.fa-bars {
    color: #FFFFFF;
}

/* Estiliza o rodapé INTEIRO com fundo roxo e texto/ícones brancos */
footer {
  background-color: #3C004F;
  color: #FFFFFF;
  padding-top: 40px; /* Adiciona um espaçamento no topo */
}

/* Garante que os links no rodapé também fiquem brancos */
footer a {
  color: #FFFFFF;
}



/* Estiliza especificamente a área de copyright para garantir o espaçamento */
.copyright text-center mb-0 {
  padding-top: 30px;
  padding-bottom: 20px;
  color: #ffffff;
}

.cta-wrap{
  text-align:center;
}

/* Botão retangular (não pílula) */
a.btn-cadastre{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 32px;
  border-radius:8px !important;          /* força cantos arredondados leves */
  background:linear-gradient(180deg,#f77e2d,#e94d20);
  color:#fff !important;
  font-weight:700;
  font-size:16px;
  text-decoration:none !important;
  line-height:1;
  box-shadow:0 4px 10px rgba(0,0,0,.15);
  transition:transform .2s ease, opacity .2s ease;
}
a.btn-cadastre:hover{
  transform:translateY(-1px);
  opacity:.96;
}

/* Aplica apenas quando o JS marcar o  com esta classe */
.page-list-no-map #properties-map,
.page-list-no-map .rightmap,
.page-list-no-map .leaflet-container,
.page-list-no-map .leaflet-control-container,
.page-list-no-map .change-view,          /* ícone/ação de alternar para mapa */
.page-list-no-map .view-type-map {       /* ícone específico */
  display: none !important;
}

/* Garante que a lista ocupe toda a largura */
.page-list-no-map #properties-list {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* Ajustes finos de padding quando estiver em "full width" */
.page-list-no-map #properties-list.full-page-content {
  padding-right: 0 !important;
}


.list-agency {
    display: flex;

    .agents-grid {
        position: relative;
        background: #fff;
        border-radius: 6px;
        margin-bottom: 30px;
        border: none;
        box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
        -webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);

        .fr-grid-thumb {
            width: 100%;
            border-radius: 6px;
            height: 200px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            padding: 0.7em;

            a,
            span {
                display: flex;
                height: 100%;
                overflow: hidden;
                width: 100%;
                align-items: center;
                justify-content: center;

                img {
                    width: 100%;
                    height: auto;
                    border-radius: 6px;
                    object-fit: contain;
                    max-height: 180px;
                    object-position: center;
                }
        }

        .fr-grid-detail {
            display: flex;
            align-items: center;
            padding: 0 1.5rem 1rem;
            width: 100%;
        }

        .fr-grid-detail-flex {
            flex: 1;

            .fr-can-name {
                margin-bottom: 0;

                a {
                    color: #000;
                    text-decoration: none;

                    &:hover {
                        color: $primaryColor;
                        text-decoration: none;
                    }
                }
            }
        }

        .agent-email a {
            width: 40px;
            height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all ease 0.4s;
            background: #f4f5f9;
            color: $primaryColor;
            text-decoration: none;
        }

        .fr-grid-info {
            margin-bottom: 1.5rem;

            ul {
                margin: 0;
                padding: 0;

                li {
                    list-style: none;
                    padding: 0.1rem 1.5rem;
                }
            }

            .fr-grid-footer {
                display: flex;
                align-items: center;
                padding: 1rem 1.5rem;
                border-top: 1px solid #e2e6f1;
            }
        }

        .fr-grid-footer-flex {
            flex: 1;
        }

        .fr-position {
            font-size: 15px;

            i {
                margin-right: 10px;
            }
        }

        .fr-grid-footer {
            display: flex;
            align-items: center;
            padding: 1rem 1.5rem;
            border-top: 1px solid #e2e6f1;
        }

        .fr-grid-footer-flex-right .prt-view {
            padding: 4px 18px;
            color: #fff !important;
            background: $primaryColor;
            border-radius: 50px;
            height: 30px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
          }
      }
  }
}
}
}