/*
Theme Name: Amara Living
Theme URI: https://amaraliving.rs
Description: AMARA Living brend identitet primenjen na WPResidence — child tema koja postavlja boje, tipografiju (Playfair Display + Inter), logo i stilove komponenti prema AMARA brand knjizi.
Author: Amara Living
Template: wpresidence
Version: 1.0.0
Text Domain: amara-child
*/

/* =========================================================
   AMARA LIVING — design tokens
   Onyx #18160F · Warm Dark #2C2820 · Gold #B89A5E
   Champagne #D4B896 · Blush #E8D9C4 · Cloud #F2EDE4
   Ivory #F8F5EF · White #FDFCF9
   Fonts: Playfair Display (naslovi) + Inter (tekst)
   ========================================================= */

:root,
html:root {
  --amara-onyx: #18160F;
  --amara-warm-dark: #2C2820;
  --amara-gold: #B89A5E;
  --amara-champagne: #D4B896;
  --amara-blush: #E8D9C4;
  --amara-cloud: #F2EDE4;
  --amara-ivory: #F8F5EF;
  --amara-white: #FDFCF9;

  /* Bootstrap primary (safety net for components still using bs vars) */
  --bs-primary: var(--amara-gold);
  --bs-primary-rgb: 184, 154, 94;
  --bs-link-color: var(--amara-gold);
  --bs-link-hover-color: #9C8049;

  /* ---- WPResidence design-token overrides (see public/css/main.css) ---- */
  --wp-estate-main-color-option: var(--amara-gold);
  --wp-estate-second-color-option: var(--amara-champagne);

  --wp_estate_border_bottom_header_color-option: rgba(184, 154, 94, .15);
  --wp_estate_border_bottom_header_sticky_color-option: rgba(184, 154, 94, .15);
  --wp-estate-top-bar-back-option: var(--amara-onyx);
  --wp-estate-top-bar-font-option: rgba(212, 184, 150, .6);
  --wp-estate-header-color-option: var(--amara-onyx);
  --wp-estate-sticky-menu-font-color-option: var(--amara-cloud);
  --wp-estate-menu-font-color-option: var(--amara-cloud);
  --wp-estate-top-menu-hover-font-color-option: var(--amara-gold);
  --wp-estate-active-menu-font-color-option: var(--amara-gold);
  --wp-estate-top-menu-hover-back-font-color-option: var(--amara-onyx);
  --wp-estate-transparent-menu-hover-font-color-option: var(--amara-gold);
  --wp-estate-menu-item-back-color-option: var(--amara-onyx);
  --wp-estate-menu-items-color-option: rgba(242, 237, 228, .75);
  --wp-estate-menu-hover-font-color-option: var(--amara-gold);
  --wp-estate-menu-hover-back-color-option: rgba(184, 154, 94, .08);
  --wp-estate-menu-border-color-option: rgba(184, 154, 94, .15);
  --wp-estate-menu-font-family-option: "Inter", sans-serif;
  --wp-estate-menu-font-weight-option: 600;

  --wp-estate-mobile-header-background-color-option: var(--amara-onyx);
  --wp-estate-mobile-header-icon-color-option: var(--amara-gold);
  --wp-estate-mobile-menu-font-color-option: var(--amara-cloud);
  --wp-estate-mobile-menu-hover-font-color-option: var(--amara-gold);
  --wp-estate-mobile-item-hover-back-color-option: rgba(184, 154, 94, .08);
  --wp-estate-mobile-menu-background-color-option: var(--amara-onyx);
  --wp-estate-mobile-menu-border-color-option: rgba(184, 154, 94, .15);

  --wp-estate-adv-back-color-option: var(--amara-white);
  --wp-estate-adv-back-color-opacity-option: 0.97;
  --wp-estate-adv-font-color-option: rgba(24, 22, 15, .65);
  --wp-estate-adv-search-back-color-option: var(--amara-onyx);
  --wp-estate-adv-search-font-color-option: rgba(24, 22, 15, .6);
  --wp-estate-adv-search-tab-font-color-option: var(--amara-gold);

  --wp-estate-background-color-option: var(--amara-white);
  --wp_estate_content_back_color-option: var(--amara-white);
  --wp_estate_breadcrumbs_font_color-option: rgba(24, 22, 15, .5);
  --wp-estate-font-color-option: rgba(24, 22, 15, .65);
  --wp_estate_link_color-option: var(--amara-gold);
  --wp_estate_headings_color-option: var(--amara-onyx);
  --wp-estate-hover-button-color-option: #9C8049;

  --wp_estate_map_controls_back-option: var(--amara-white);
  --wp_estate_map_controls_font_color-option: var(--amara-onyx);

  --wp-estate-card-details-font-family-option: "Inter", sans-serif !important;
  --wp-estate-card-details-font-color-option: rgba(24, 22, 15, .6);
  --wp-estate-card-details-image-color-option: var(--amara-gold);

  --wp-estate-footer-back-color-option: var(--amara-onyx);
  --wp-estate-footer-font-color-option: rgba(248, 245, 239, .5);
  --wp-estate-footer-copy-color-option: rgba(184, 154, 94, .4);
  --wp-estate-footer-copy-back-color-option: #100F0A;
  --wp-estate-footer-heading-color-option: var(--amara-champagne);
  --wp-estate-footer-social-widget-back-color-option: rgba(184, 154, 94, .08);
  --wp-estate-footer-social-widget-color-option: var(--amara-champagne);

  --wp-estate-border-radius-corner-option: 4px;

  --wp-estate-h1-font-family-option: "Playfair Display", serif !important;
  --wp-estate-h1-font-weight-option: 600;
  --wp-estate-h2-font-family-option: "Playfair Display", serif !important;
  --wp-estate-h2-font-weight-option: 600;
  --wp-estate-h3-font-family-option: "Playfair Display", serif !important;
  --wp-estate-h3-font-weight-option: 600;
  --wp-estate-h4-font-family-option: "Inter", sans-serif !important;
  --wp-estate-h4-font-weight-option: 600;
  --wp-estate-h5-font-family-option: "Inter", sans-serif !important;
  --wp-estate-h5-font-weight-option: 600;
  --wp-estate-h6-font-family-option: "Inter", sans-serif !important;
  --wp-estate-h6-font-weight-option: 600;
  --wp-estate-paragraph-font-family-option: "Inter", sans-serif !important;
  --wp-estate-paragraph-font-weight-option: 400;
  --wp-estate-paragraph-line-height-option: 1.8em;
}

/* Elementor global kit tokens — restyles Elementor-built page content
   (e.g. current front page) that uses "Global Colors / Global Fonts". */
[class*="elementor-kit-"] {
  --e-global-color-primary: var(--amara-onyx);
  --e-global-color-secondary: var(--amara-warm-dark);
  --e-global-color-text: #6B6559;
  --e-global-color-accent: var(--amara-gold);
  --e-global-typography-primary-font-family: "Playfair Display" !important;
  --e-global-typography-primary-font-weight: 600;
  --e-global-typography-secondary-font-family: "Inter" !important;
  --e-global-typography-secondary-font-weight: 600;
  --e-global-typography-text-font-family: "Inter" !important;
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-accent-font-family: "Inter" !important;
  --e-global-typography-accent-font-weight: 600;
}

/* =========================================================
   Base
   ========================================================= */
body {
  background: var(--amara-white);
  color: rgba(24, 22, 15, .7);
  font-family: "Inter", sans-serif !important;
}

h1, h2, h3,
.entry-title,
.elementor-heading-title {
  font-family: "Playfair Display", serif !important;
  letter-spacing: .01em;
}

.entry-content a,
.widget a,
.comment-content a,
.textwidget a {
  color: var(--amara-gold);
}

blockquote {
  border-left-color: var(--amara-gold) !important;
}

/* =========================================================
   Header & navigation (native WPResidence header, type1-6)
   ========================================================= */
.header_wrapper {
  background-color: var(--amara-onyx) !important;
}

.wpresidence-navigation-menu > ul > li > a,
.wpresidence-navigation-menu ul li a {
  font-family: "Inter", sans-serif !important;
}

.wpresidence-navigation-menu > ul > li > a {
  font-size: 11px !important;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 600 !important;
}

#logo_image {
  content: url("img/amara-badge-light.svg") !important;
  max-height: 60px !important;
  width: auto !important;
}

.mobile_header .mobile-logo img {
  max-height: 60px !important;
}

/* Logo swaps to the dark mark on any light/transparent-light header state */
.header_wrapper_inside.light_logo_class #logo_image,
.wpestate_light_header #logo_image {
  content: url("img/amara-badge-dark.svg") !important;
}

/* =========================================================
   Footer
   ========================================================= */
footer#colophon {
  background-color: var(--amara-onyx) !important;
}

.sub_footer {
  background-color: #100F0A !important;
  border-top: 1px solid rgba(184, 154, 94, .12);
}

.footer-widget-area .widget-title,
footer#colophon .widget-title {
  color: var(--amara-champagne);
  font-family: "Playfair Display", serif !important;
}

/* =========================================================
   Buttons & CTAs (also covers unstyled Bootstrap defaults
   used by add-on plugins such as MLS Import search forms)
   ========================================================= */
.btn-primary,
button[type="submit"].btn,
input[type="submit"].btn {
  background-color: var(--amara-gold) !important;
  border-color: var(--amara-gold) !important;
  color: var(--amara-onyx) !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.btn-primary:hover,
button[type="submit"].btn:hover,
input[type="submit"].btn:hover {
  background-color: #9C8049 !important;
  border-color: #9C8049 !important;
  color: var(--amara-white) !important;
}

.badge.bg-primary {
  background-color: var(--amara-gold) !important;
  color: var(--amara-onyx) !important;
}

/* =========================================================
   Property cards / listing badges
   ========================================================= */
.featured_prop_label,
.listing-badge,
.featured_pack_sh {
  background-color: var(--amara-gold) !important;
  color: var(--amara-onyx) !important;
}

.featured_prop_price,
.listing_unit_price_wrapper {
  color: var(--amara-onyx);
  font-family: "Playfair Display", serif !important;
}

/* =========================================================
   Forms — inputs, focus states
   ========================================================= */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border-color: var(--amara-gold) !important;
  outline-color: var(--amara-gold) !important;
  box-shadow: 0 0 0 .15rem rgba(184, 154, 94, .18) !important;
}

/* =========================================================
   Favicon-related admin bits are handled in functions.php
   ========================================================= */