/*
Theme Name: Tay Ninh Land Child
Theme URI: https://example.com/
Description: Child theme cho dự án bất động sản Tây Ninh sử dụng Flatsome và UX Builder.
Author: Codex
Author URI: https://example.com/
Template: flatsome
Version: 1.3.0
Text Domain: flatsome-child-bds
*/

:root {
  --bds-primary: #0f3b63;
  --bds-secondary: #123d6a;
  --bds-accent: #18b67e;
  --bds-text: #1d2939;
  --bds-muted: #667085;
  --bds-bg: #f8fafc;
}

body {
  color: var(--bds-text);
}

.bds-section-title {
  color: var(--bds-primary);
}

.bds-property-meta {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin: 24px 0;
}

.bds-property-meta__item {
  padding: 14px 16px;
  border: 1px solid rgba(15, 59, 99, 0.12);
  border-radius: 12px;
  background: #fff;
}

.bds-property-meta__label {
  display: block;
  margin-bottom: 4px;
  color: var(--bds-muted);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.bds-property-price {
  color: var(--bds-accent);
  font-size: 28px;
  font-weight: 700;
}

.bds-archive-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.bds-card {
  overflow: hidden;
  border: 1px solid rgba(15, 59, 99, 0.1);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(15, 59, 99, 0.08);
}

.bds-card__content {
  padding: 18px;
}

.bds-card__title {
  margin-bottom: 8px;
  color: var(--bds-primary);
  font-size: 20px;
}

.bds-card__meta {
  margin-bottom: 12px;
  color: var(--bds-muted);
  font-size: 14px;
}

.bds-card__thumb img {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
}