/* =========================================================
   TIMOB Site Template 04 - Minimalista
   Herda toda a estrutura do Template 01 e aplica um visual
   limpo, sem sombras, tipografia sans-serif e muito espaço.
   ========================================================= */

@import url("../../../template-001/assets/css/style.css");

/* ── Variáveis minimalistas ──────────────────────────────── */
:root {
  /* Tipografia totalmente sans-serif */
  --font-title: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Raio levíssimo — quase quadrado mas não agressivo */
  --radius-xl: 8px;
  --radius-lg: 6px;
  --radius-md: 4px;

  /* Sombras quase invisíveis — visual flat */
  --shadow-sm: 0 1px 4px rgba(7,29,26,.05);
  --shadow-md: 0 2px 8px rgba(7,29,26,.07);
  --shadow-lg: 0 4px 20px rgba(7,29,26,.09);
}

/* ── Tipografia ──────────────────────────────────────────── */
.title-xl { letter-spacing: -.05em; font-weight: 900; }
.title-lg { letter-spacing: -.04em; font-weight: 900; }
.title-md { letter-spacing: -.03em; }

/* Eyebrow — linha mais fina e curta */
.eyebrow::before { width: 22px; height: 1px; }

/* ── Espaçamento de seções — mais respiro ────────────────── */
.section { padding: 108px 0; }

/* ── Header — minimalista sem blur pesado ────────────────── */
.site-header {
  background: #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: 1px solid var(--line);
  box-shadow: none;
}
.header-inner { height: 74px; }
.nav a { border-radius: 6px; }

/* ── Botões — sem sombra ─────────────────────────────────── */
.btn { box-shadow: none; }
.btn:hover { box-shadow: none; transform: none; }
.btn-outline:hover { transform: none; }

/* ── Hero — overlay mais suave ───────────────────────────── */
.hero::before {
  background: linear-gradient(
    90deg,
    rgba(7,29,26,.72),
    rgba(7,29,26,.40) 52%,
    rgba(7,29,26,.08)
  );
}

/* ── Search card — flat ──────────────────────────────────── */
.search-card { box-shadow: none; }
.search-tab { border-radius: 6px; }

/* ── Stat cards — borda fina, sem sombra ─────────────────── */
.stat-card { box-shadow: none; }
.stat-icon { border-radius: 8px; }

/* ── Property cards — sem sombra, hover sutil ────────────── */
.property-card { box-shadow: none; }
.property-card:hover { box-shadow: none; transform: translateY(-3px); }

/* ── Listing page ────────────────────────────────────────── */
.filter-panel { box-shadow: none; }
.listing-toolbar { box-shadow: none; }
.gallery { box-shadow: none; }
.gallery-nav { border-radius: 6px !important; }

/* ── Detail page ─────────────────────────────────────────── */
.detail-intro-card { box-shadow: none; }
.detail-price-card { box-shadow: none; }
.content-card { box-shadow: none; }
.sidebar-card { box-shadow: none; }

/* ── About — foto plana, sem sombra ──────────────────────── */
.about-photo img {
  box-shadow: none;
  border-radius: var(--radius-xl);
}
.about-stamp {
  box-shadow: none;
  border-width: 5px;
}

/* ── CTA — remove elemento decorativo ───────────────────── */
.cta-box::before { display: none; }
.cta-box { border-radius: var(--radius-xl); }

/* ── Contact — remove círculo decorativo ────────────────── */
.contact-info::after { display: none; }
.contact-info { border-radius: var(--radius-xl); }
.contact-form-card { box-shadow: none; }

/* ── Map e região ────────────────────────────────────────── */
.approx-map-card { box-shadow: none; }
.map-placeholder { box-shadow: none; }

/* ── Paginação ───────────────────────────────────────────── */
.pagination a {
  border-radius: 6px;
  width: 38px;
  height: 38px;
}

/* ── Footer — sem border-radius nas seções internas ─────── */
.footer { border-radius: 0; }