/*
Theme Name: UPROPERTY. Premium Real Estate Theme
Version: 1.2.0
Text Domain: re-theme
Description: Luxury Monochrome Theme for High-End Real Estate Framework.
*/

/* ==========================================================================
   1. BRAND IDENTITY VARIABLES (LUXURY MONOCHROME SYSTEM)
   ========================================================================== */
:root {
  /* --- SYSTEM COLORS --- */
  --primary-black: #0d0d0d; /* Hitam murni pekat untuk teks utama, tombol, & header */
  --deep-charcoal: #1a1a1a; /* Abu-abu sangat gelap untuk widget, sub-menu, & footer */
  --mid-gray: #666666; /* Abu-abu netral minimalis untuk deskripsi & sub-informasi */
  --light-gray: #f5f5f7; /* Latar belakang seksi/grid yang bersih & soft (Apple Style) */
  --border-color: #e5e5e7; /* Garis pembatas tipis elegan */
  --pure-white: #ffffff; /* Putih bersih untuk latar belakang utama */

  /* --- LUXURY ACCENTS --- */
  --accent-color: #fff; /* Hitam murni untuk penanda aktif/hover */
  --accent-soft: #eaeaea;

  /* --- TYPOGRAPHY SYSTEM --- */
  --font-main:
    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* --- SHARPNESS & MOTION --- */
  --radius-sharp: 0px; /* Karakteristik desain arsitektur premium (Sudut Tajam) */
  --transition-smooth: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* ==========================================================================
   2. GLOBAL RESET & BASE RULES
   ========================================================================== */
*,
::before,
::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-main);
  color: var(--primary-black);
  background-color: var(--pure-white);
  line-height: 1.6;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Memastikan konten halaman dalam tidak tertutup header solid */
body:not(.home) {
  padding-top: 100px;
}

/* Penyesuaian posisi agar tidak tertutup WordPress Admin Bar */
body.admin-bar .site-header {
  top: 32px;
}

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

/* ==========================================================================
   3. STRUCTURAL GRID & CONTAINER SYSTEM
   ========================================================================== */
.re-container {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 40px; /* Whitespace lebar khas majalah arsitektur kelas atas */
}

.re-section {
  padding: 100px 0; /* Memberikan ruang napas yang lega antar seksi */
}

/* Global Link Behavior */
a {
  color: inherit;
  text-decoration: none;
  transition: var(--transition-smooth);
}

/* Responsive Container Adjustments */
@media (max-width: 768px) {
  .re-container {
    padding: 0 24px;
  }
  .re-section {
    padding: 60px 0;
  }
}