/*
Theme Name: Lar Certo Imóveis Child
Theme URI: https://larcertoimoveis.com.br
Description: Tema filho personalizado do Hello Elementor para Lar Certo Imóveis — Curadoria Imobiliária em São Paulo. Preserva 100% da identidade visual, responsividade, catálogo com filtros, detalhe dinâmico de imóveis, favoritos via localStorage e interatividades originais.
Author: Lar Certo Imóveis
Author URI: https://larcertoimoveis.com.br
Template: hello-elementor
Version: 1.0.2
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: lar-certo-child
*/

/* ==========================================================================
   LAR CERTO IMÓVEIS - COMPATIBILIDADE E ESCOPO WORDPRESS / HELLO ELEMENTOR
   ========================================================================== */

html,
body.lar-certo-theme {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body.lar-certo-theme {
  font-family: var(--font-main, 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif);
  background-color: var(--color-sand-light, #F7F5F0);
  color: var(--color-text-main, #263331);
  margin: 0;
  padding: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* ==========================================================================
   RESET & LARGURA TOTAL: CABEÇALHO, TOPBAR E RODAPÉ (100% EDGE-TO-EDGE)
   Impede que regras intrusivas do tema pai (Hello Elementor) limitem o cabeçalho
   ou rodapé a max-width de 1140px, garantindo que o fundo se estenda de ponta a ponta.
   ========================================================================== */

header.site-header,
header.site-header.scrolled,
footer.site-footer,
aside.topbar {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  box-sizing: border-box !important;
}

header.site-header {
  position: sticky !important;
  top: 0 !important;
  display: block !important;
  padding: 0 !important;
  background: rgba(247, 245, 240, 0.96) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

header.site-header.scrolled {
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}

footer.site-footer {
  background: var(--color-primary-dark, #122620) !important;
  color: var(--color-sand, #E8E5DD) !important;
  padding: 80px 0 28px !important;
}

/* Garantir que a barra de administração do WordPress respeite o topo fixo */
body.admin-bar .site-header {
  top: 32px !important;
}

@media screen and (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px !important;
  }
}

/* Manter o footer sempre posicionado ao final quando a página tiver pouco conteúdo */
.site-content {
  flex: 1 0 auto;
}