/**
 * Makler.ge / Realtor.ge — shared design system (Phase 1 visual refresh)
 * Load after theme/css/style.css
 */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Noto+Sans+Georgian:wght@400;500;600;700&display=swap');

:root {
  --font-body: 'DM Sans', 'Noto Sans Georgian', system-ui, sans-serif;
  --color-primary: #1a2332;
  --color-primary-light: #2a3548;
  --color-accent: #c9a962;
  --color-accent-hover: #b8944f;
  --color-surface: #ffffff;
  --color-muted: #6b7280;
  --color-border: #e5e7eb;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-card: 0 4px 24px rgba(26, 35, 50, 0.08);
  --shadow-hover: 0 8px 32px rgba(26, 35, 50, 0.12);
  --transition: 0.2s ease;
}

body.theme-realtor {
  --color-primary: #1e293b;
  --color-accent: #0d9488;
  --color-accent-hover: #0f766e;
}

body {
  font-family: var(--font-body);
  color: #374151;
}

/* Header — readable nav at load AND after scroll */
header.header-nav.menu_style_home_one {
  background-color: #ffffff;
  box-shadow: 0 1px 0 var(--color-border);
}

header.header-nav.menu_style_home_one .ace-responsive-menu li a,
header.header-nav.menu_style_home_one .ace-responsive-menu > li > a,
header.header-nav.menu_style_home_one .ace-responsive-menu li a .title,
header.header-nav.menu_style_home_one .ace-responsive-menu li a span.title {
  color: var(--color-primary);
  font-weight: 500;
}

header.header-nav.menu_style_home_one .ace-responsive-menu li a:hover,
header.header-nav.menu_style_home_one .ace-responsive-menu li a:hover .title {
  color: var(--color-accent);
}

header.header-nav.menu_style_home_one.stricky-fixed .ace-responsive-menu li a,
header.header-nav.menu_style_home_one.stricky-fixed .ace-responsive-menu > li > a,
header.header-nav.menu_style_home_one.stricky-fixed .ace-responsive-menu li a .title {
  color: var(--color-primary);
}

/* Language / currency toggle was white-on-white */
header.header-nav.menu_style_home_one .langandcurrency .btn-outline-light {
  color: var(--color-primary);
  border-color: var(--color-border);
  background-color: transparent;
}

header.header-nav.menu_style_home_one .langandcurrency .btn-outline-light:hover,
header.header-nav.menu_style_home_one .langandcurrency .btn-outline-light:focus {
  color: var(--color-primary);
  background-color: #f3f4f6;
  border-color: var(--color-border);
}

/* Dark logo variant from first paint (not only after scroll) */
header.header-nav.menu_style_home_one a.navbar_brand .logo1 {
  display: none;
}

header.header-nav.menu_style_home_one a.navbar_brand .logo2 {
  display: inline-block;
}

header.header-nav.menu_style_home_one ul.ace-responsive-menu li.add_listing a {
  color: var(--color-accent);
}

header.header-nav.menu_style_home_one.stricky-fixed ul.ace-responsive-menu li.add_listing a {
  color: #ffffff;
}

header.header-nav.menu_style_home_one .ace-responsive-menu li.last a {
  color: var(--color-border);
}

header.header-nav.menu_style_home_one .ace-responsive-menu li a .flaticon-heart {
  color: var(--color-primary);
}

/* Listing cards */
.feat_property.home3,
.feat_property.home3._ex,
.feat_property._ex {
  background-color: #ffffff;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-card);
  transition: transform var(--transition), box-shadow var(--transition);
  border: 1px solid var(--color-border);
}

.feat_property.home3 .details,
.feat_property.home3 .details .tc_content,
.feat_property.home3 .details .fp_footer,
.feat_property.home3._ex .details,
.feat_property.home3._ex .details .tc_content,
.feat_property.home3._ex .details .fp_footer {
  background-color: #ffffff;
}

section.feature-property.home3 {
  background-color: #ffffff;
}

.feat_property.home3:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-hover);
}

.feat_property.home3 .thumb {
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.feat_property.home3 .fp_price {
  background: var(--color-primary);
  color: #fff;
  border-radius: var(--radius-sm);
  font-weight: 600;
}

.feat_property.home3._ex .btn-ex {
  background: var(--color-accent);
  color: var(--color-primary);
  font-weight: 600;
  letter-spacing: 0.02em;
}

.feat_property.home3 .tc_content h3 {
  color: var(--color-primary);
  font-weight: 600;
  line-height: 1.4;
}

/* Section titles */
.main-title h3,
.main-title h3 a {
  color: var(--color-primary);
  font-weight: 700;
}

.main-title h3 a:hover {
  color: var(--color-accent);
}

/* Agent / call CTAs */
.btn-call._sm,
.agent-info {
  border-radius: var(--radius-sm);
}

.btn-call._sm:hover,
.agent-info:hover {
  color: var(--color-accent);
}

/* Search hero (homepage) */
.home_adv_srch_opt .nav-pills .nav-link.active {
  background: var(--color-primary);
}

.home_adv_srch_opt .btn-thm {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-primary);
  font-weight: 600;
  border-radius: var(--radius-sm);
}

.home_adv_srch_opt .btn-thm:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
}

/* Mobile sticky call */
@media (max-width: 767px) {
  .feat_property.home3 .fp_footer {
    position: sticky;
    bottom: 0;
    background: var(--color-surface);
    border-top: 1px solid var(--color-border);
    padding-top: 8px;
  }
}