/*--------------------------------------------------------------

    Template:  Sheltek Real Estate HTML5 Template
    Author: http://devitems.com/
    Version: 1
    Design and Developed by: http://devitems.com/

Note: This is the file where you can add your custom styles to change the look of the theme. But don't modify "style.css" file.

---------------------------------------------------------------*/

/* ----------------------------------------------------
    You can put your custom css code here:
-------------------------------------------------------*/
.subscribe input[type="text"]:focus
{
    color:#FFF !important;
}

.subscribe input::placeholder {
    color:#FFF !important;
}

.menu-icon
{
    font-size: 20px;
}

/* Cor do texto exibido no botao do select (quando fechado) */
.bootstrap-select.paginacao .btn.dropdown-toggle .filter-option {
    color: #c1c1c1 !important;
    background-color: #fff !important;
    width:40px;
}

/* Placeholder (quando nenhum valor foi selecionado ainda) */
.bootstrap-select.paginacao .btn.dropdown-toggle.bs-placeholder .filter-option {
    color: #c1c1c1 !important;
    opacity: 1 !important;
    background-color: #fff !important;
}

/* Cor do texto nas opcoes da lista dropdown */
.bootstrap-select.paginacao .dropdown-menu.inner > li > a span.text {
    color: #c1c1c1 !important;
}

/* Estilo opcional: botao do selectpicker (cor de fundo, borda etc.) */
.bootstrap-select.paginacao .btn.dropdown-toggle {
    background-color: #fff !important;
    color: #c1c1c1 !important;
    border-color: #ccc !important;
}

.transparent-header {
    background: var(--cor_fundo_menu) none repeat scroll 0 0 !important;
}

.transparent-header .main-menu > li > a {
    color: var(--cor_texto_menu) !important;
}

.main-menu > li:hover > a,
.transparent-header .main-menu > li:hover > a,
.sticky .main-menu > li:hover > a,
.drop-menu > li:hover > a,
.single-mega-item > li:hover > a {
    color: var(--cor_hover_menu) !important;
}

.sticky .main-menu > li > a {
    color: var(--cor_texto_menu_fixo) !important;
}

.drop-menu,
.mega-menu-area {
    background: var(--cor_fundo_submenu) !important;
    border-bottom-color: var(--cor_hover_menu) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}

.drop-menu li a,
.single-mega-item li a {
    color: var(--cor_texto_submenu) !important;
}

.drop-menu-nivel-3 {
    border-left-color: var(--cor_hover_menu) !important;
}

.mean-container .mean-bar {
    background: var(--cor_fundo_menu) !important;
}

.mean-container a.meanmenu-reveal {
    color: var(--cor_texto_menu) !important;
}

.mean-container a.meanmenu-reveal span {
    background: var(--cor_texto_menu) !important;
}

.mean-container .mean-nav {
    background: var(--cor_fundo_submenu) !important;
}

.mean-container .mean-nav ul li a,
.mean-container .mean-nav ul li a.mean-expand {
    color: var(--cor_texto_submenu) !important;
}

.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li a.mean-expand:hover {
    color: var(--cor_hover_menu) !important;
}

.mobile-menu-area {
    background: var(--cor_fundo_menu) !important;
}

.mobile-menu-area .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.mean-container .mean-nav ul li {
    background: var(--cor_fundo_submenu) !important;
    border-top-color: rgba(0, 0, 0, 0.08) !important;
}

.mean-container .mean-nav ul li a,
.mean-container .mean-nav ul li a.mean-expand {
    background: var(--cor_fundo_submenu) !important;
}

.mean-container .mean-nav ul li li a {
    background: var(--cor_fundo_submenu) !important;
    border-top-color: rgba(0, 0, 0, 0.06) !important;
}

.bg-blue {
    background-color: var(--cor_bloco_escuro) !important;
}

.call-to-bg::before {
    background: var(--cor_primaria) !important;
}

.find-home-area.call-to-bg::after,
.subscribe-area.call-to-bg::after {
    background: var(--cor_bloco_escuro) none repeat scroll 0 0 !important;
}

.find-home-box {
    background: var(--cor_fundo_box_busca) none repeat scroll 0 0 !important;
    border-bottom-color: var(--cor_hover_menu) !important;
}

.find-home-area .section-title,
.find-home-area .section-title h2,
.find-home-area .section-title h3,
.find-home-box .section-title,
.find-home-box .section-title h2,
.find-home-box .section-title h3,
.subscribe-area .section-title,
.subscribe-area .section-title h2,
.subscribe-area .section-title h3 {
    color: var(--cor_texto_bloco_escuro) !important;
}

.find-home-item input,
.find-home-item input:focus,
.subscribe input,
.subscribe input:focus {
    color: var(--cor_placeholder_bloco_escuro) !important;
}

.find-home-item input::-webkit-input-placeholder,
.find-home-item input::-moz-placeholder,
.find-home-item input:-ms-input-placeholder,
.find-home-item input:-moz-placeholder,
.subscribe input::-webkit-input-placeholder,
.subscribe input::-moz-placeholder,
.subscribe input:-ms-input-placeholder,
.subscribe input:-moz-placeholder,
.busca-flutuante::-webkit-input-placeholder,
.busca-flutuante::-moz-placeholder,
.busca-flutuante:-ms-input-placeholder,
.busca-flutuante:-moz-placeholder {
    color: var(--cor_placeholder_bloco_escuro) !important;
    opacity: 1 !important;
}

.find-home-area .bootstrap-select > .dropdown-toggle,
.find-home-box .bootstrap-select > .dropdown-toggle,
.find-home-area .bootstrap-select > .dropdown-toggle.bs-placeholder,
.find-home-box .bootstrap-select > .dropdown-toggle.bs-placeholder {
    color: var(--cor_placeholder_bloco_escuro) !important;
}

.find-home-area .bootstrap-select > .dropdown-toggle .filter-option,
.find-home-box .bootstrap-select > .dropdown-toggle .filter-option,
.find-home-area .bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option,
.find-home-box .bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option {
    color: var(--cor_placeholder_bloco_escuro) !important;
}

.find-home-area .bootstrap-select .caret,
.find-home-box .bootstrap-select .caret {
    border-top-color: var(--cor_placeholder_bloco_escuro) !important;
    border-bottom-color: var(--cor_placeholder_bloco_escuro) !important;
}

.button-1,
.button-1:focus,
.subscribe button,
.subscribe button:focus,
.flat-link > a:hover,
.submit-btn-1,
.pagination-list > li a:hover,
.footer-contact button:hover,
.for-sale {
    color: var(--cor_botao_texto) !important;
}

.button-1,
.button-1:focus,
.subscribe button,
.subscribe button:focus,
.submit-btn-1,
.footer-contact button:hover,
.pagination-list > li a:hover,
.flat-link > a:hover {
    background-color: var(--cor_fundo_botao) !important;
    border-color: var(--cor_fundo_botao) !important;
}

.service-item-info h5 a,
.flat-title-price h5 a,
.agent-info .agent-name h5 a,
.agent-info-hover .agent-name h5 a,
.section-title-2 h3,
.section-title-2 h5,
.latest-news-info h6 a {
    color: var(--cor_titulo_destaque) !important;
}

.section-title-2 h2 {
    color: var(--cor_primaria) !important;
}

.flat-desc {
    background-color: var(--cor_fundo_barra_card) !important;
}

.service-item-info h5 a:hover,
.flat-title-price h5 a:hover,
.agent-info .agent-name h5 a:hover,
.agent-info-hover .agent-name h5 a:hover,
.latest-news-info h6 a:hover {
    color: var(--cor_hover_menu) !important;
}

.price {
    color: var(--cor_preco_imovel) !important;
}

/* Setas dos carrosséis — abaixo, canto direito */
.service-carousel.slick-slider,
.agents-carousel.slick-slider,
.blog-carousel.slick-slider,
.brand-carousel.slick-slider,
.news-carousel.slick-slider,
.news-top-carousel.slick-slider {
    position: relative !important;
}
.service-carousel .slick-prev,
.service-carousel .slick-next,
.agents-carousel .slick-prev,
.agents-carousel .slick-next,
.blog-carousel .slick-prev,
.blog-carousel .slick-next,
.brand-carousel .slick-prev,
.brand-carousel .slick-next,
.news-carousel .slick-prev,
.news-carousel .slick-next,
.news-top-carousel .slick-prev,
.news-top-carousel .slick-next {
    position: absolute !important;
    top: auto !important;
    left: auto !important;
    bottom: -35px !important;
    right: 0 !important;
    transform: none !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 14px !important;
    color: #555 !important;
    background: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    text-align: center !important;
    cursor: pointer !important;
    z-index: 10 !important;
    display: block !important;
}
.service-carousel .slick-prev,
.agents-carousel .slick-prev,
.blog-carousel .slick-prev,
.brand-carousel .slick-prev,
.news-carousel .slick-prev,
.news-top-carousel .slick-prev {
    right: 36px !important;
}
.service-carousel .slick-prev::before,
.service-carousel .slick-next::before,
.agents-carousel .slick-prev::before,
.agents-carousel .slick-next::before,
.blog-carousel .slick-prev::before,
.blog-carousel .slick-next::before,
.brand-carousel .slick-prev::before,
.brand-carousel .slick-next::before,
.news-carousel .slick-prev::before,
.news-carousel .slick-next::before,
.news-top-carousel .slick-prev::before,
.news-top-carousel .slick-next::before {
    display: none !important;
}

/* Fix: setas do carrossel de thumbnails no detalhe — corrige line-height:600 do slick-theme.css */
.pro-details-carousel .slick-prev,
.pro-details-carousel .slick-next {
    line-height: 1 !important;
}

/* Fix: menu mobile deve sumir quando o lightbox estiver aberto */
body.lightbox-open .mobile-menu-area,
body.lightbox-open .mean-container .mean-bar {
    z-index: 0 !important;
}

/* Grid de imóveis — cards com altura igual por linha */
.lista-imoveis-grid {
    display: flex;
    flex-wrap: wrap;
}
.lista-imoveis-grid > [class*="col-"] {
    display: flex;
    flex-direction: column;
}
.lista-imoveis-grid .flat-item {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.lista-imoveis-grid .flat-item-info {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Detalhes do imóvel — lista em coluna única */
.amenities-list-1col > li { width: 100% !important; display: block !important; }

/* Título limitado a 3 linhas */
.lista-imoveis-grid .flat-title-price h5 {
    min-height: 3.9em;
}
.lista-imoveis-grid .flat-title-price h5 a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Hotsite ─────────────────────────────────────────────────────────────── */
html {
    scroll-behavior: smooth;
}

/* Offset para compensar o sticky header ao navegar pelas âncoras */
[id^="s"] {
    scroll-margin-top: 80px;
}

/* Focus de inputs — usa cor secundária do tema */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
.footer-contact textarea:focus {
    border-color: var(--cor_secundaria) !important;
    outline: none !important;
}

/* Badge "Lançamento" — usa cor secundária do tema */
.for-sale {
    background-color: var(--cor_secundaria) !important;
}