/* FEB Yapı site theme: one palette and one typeface for the portal, the Elementor pages and the consent
 * banner. Light, airy sage / sea-blue; every text pair below meets WCAG AA (4.5:1 body, 3:1 large text/UI):
 *   ink #1b3840        on bg 11.6, surface 10.6, sea 7.9, sage 8.4
 *   ink-muted #3e5a62  on bg 6.9, surface 6.3, sea 4.7, sage 5.0
 *   accent #2a6470     on bg 6.2, surface 5.7, sage 4.5; white on accent 6.7
 *   accent-deep #1f5360 on sea 5.4, sage 5.8
 *   ink on WhatsApp green #25d366 6.3
 */
:root {
  color-scheme: light;
  --feb-bg: #f3f8f6;              /* page background */
  --feb-surface: #e4efec;         /* cards, panels, banner */
  --feb-surface-raised: #d5e6e2;  /* hover on surfaces */
  --feb-sea: #a9d5de;             /* primary: pastel sea-blue buttons, header */
  --feb-sage: #bcdccb;            /* secondary: pastel sage bands, hover */
  --feb-ink: #1b3840;             /* text */
  --feb-ink-muted: #3e5a62;       /* secondary text */
  --feb-accent: #2a6470;          /* links, eyebrows, icons on light */
  --feb-accent-deep: #1f5360;     /* arrows and accents on sea/sage buttons */
  --feb-line: rgba(27, 56, 64, 0.22);
  --feb-line-soft: rgba(27, 56, 64, 0.14);
  --feb-whatsapp: #25d366;
  --feb-whatsapp-hover: #4fe08a;
  --feb-error: #9c2323;
  --feb-error-bg: #fff4f4;
  --feb-font: "Times New Roman", Times, serif;
}

/* Pages outside the corporate funnel (blog posts, agent/office, property-type archives, 404) load only this file and
 * consent.css: Times New Roman for every text element (icon fonts keep their own family) and the base page colours.
 * `html body` outranks the theme's plain `body` rule; .feb-corporate and the portal set the same values themselves. */
html body {
  background: var(--feb-bg);
  color: var(--feb-ink);
  font-family: var(--feb-font);
}
body :where(*):not(i, svg, svg *, .fa, .fas, .far, .fab, .eicon, [class^="icon-"], [class*=" icon-"]) { font-family: var(--feb-font) !important; }

/* ---- Elementor / Proty theme pages ----
 * Every page rendered by the Proty theme (corporate pages, blog posts, agent and property archives, 404) carries
 * `wp-theme-proty` on <body>, so the palette reaches them without the corporate-only stylesheet. */
.wp-theme-proty .elementor-6828 .elementor-element-215bf851 { background-color: var(--feb-sea); }
/* ---- Theme: Times New Roman and the sage / sea-blue palette (tokens above) ----
 * Elementor's kit variables are re-pointed at the palette so every widget that reads them follows; the
 * navy / gold / orange values hard-coded in the theme and post CSS are overridden below. */
body.wp-theme-proty {
  --e-global-color-primary: var(--feb-accent);
  --e-global-color-secondary: var(--feb-ink);
  --e-global-color-text: var(--feb-ink-muted);
  --e-global-color-accent: var(--feb-accent-deep);
  --e-global-color-d9db0d1: var(--feb-ink);
  --e-global-color-b94047a: var(--feb-ink);
  --e-global-typography-primary-font-family: var(--feb-font);
  --e-global-typography-secondary-font-family: var(--feb-font);
  --e-global-typography-text-font-family: var(--feb-font);
  --e-global-typography-accent-font-family: var(--feb-font);
  background: var(--feb-bg);
  color: var(--feb-ink-muted);
  font-family: var(--feb-font);
}
/* Icon fonts keep their own family; everything else (theme Raleway, post-level Lexend, translate widget) is Times. */
.wp-theme-proty :where(h1, h2, h3, h4, h5, h6, .elementor-heading-title) { color: var(--feb-ink); }
.wp-theme-proty :where(a) { color: var(--feb-accent); }
.wp-theme-proty :where(a):hover { color: var(--feb-accent-deep); }
.wp-theme-proty a.glink { color: var(--feb-ink) !important; }
.wp-theme-proty .elementor-element.elementor-element-ae47a19 .elementor-heading-title, .wp-theme-proty .elementor-element.elementor-element-6a7e9c7 .elementor-heading-title { color: var(--feb-accent-deep) !important; }
.wp-theme-proty .property-information { color: var(--feb-ink-muted) !important; }
.wp-theme-proty .list-text li, .wp-theme-proty .list-text .status-text { background-color: var(--feb-accent-deep) !important; color: #fff !important; }
.wp-theme-proty :where(#page, #themesflat-content, .page-wrapper, .modal-menu__body, .modal-menu__panel) { background-color: var(--feb-bg); }
/* Logos: the white / gold marks sat on navy; on the pastel surfaces they render in the ink colour. */
.wp-theme-proty img[src$="feb-yapi-n.svg"], .wp-theme-proty img[src$="feb-yapi-n-w.svg"] { filter: brightness(0); opacity: 0.82; }
/* Header, campaign band and footer: navy blocks become sea / sage fields with ink text. */
.wp-theme-proty .elementor-6828 #menuhopin.elementor-element-2aaf2208 { background-color: var(--feb-sea); }
.wp-theme-proty .elementor-element.elementor-element-1a1da33.e-con:not(.elementor-motion-effects-element-type-background) { background-color: var(--feb-sage) !important; }
.wp-theme-proty .elementor-element.elementor-element-4d22665.e-con { background-color: var(--feb-sage) !important; }
.wp-theme-proty .elementor-element.elementor-element-4d22665.e-con::before { background-color: var(--feb-sage) !important; }
.wp-theme-proty :where(.elementor-element-d9864ed, .elementor-element-21354460, .elementor-element-77f8f01e, .elementor-element-1ffbdb1) { border-color: var(--feb-line) !important; }
/* Buttons and fields */
.wp-theme-proty :where(.elementor-button, .elementor-form .elementor-button[type="submit"], input[type="submit"], input[type="button"], .prop-btn) { background-color: var(--feb-sea) !important; color: var(--feb-ink) !important; border-color: var(--feb-accent) !important; }
.wp-theme-proty :where(.elementor-button, .elementor-form .elementor-button[type="submit"], input[type="submit"], input[type="button"], .prop-btn):hover { background-color: var(--feb-sage) !important; color: var(--feb-ink) !important; }
.wp-theme-proty .elementor-form .elementor-field-group .elementor-field:not(.elementor-select-wrapper), .wp-theme-proty .elementor-form select { background-color: var(--feb-bg) !important; color: var(--feb-ink); border-color: var(--feb-accent) !important; }
.wp-theme-proty .elementor-form ::placeholder { color: var(--feb-ink-muted); opacity: 1; }
.wp-theme-proty .elementor-message-success { color: var(--feb-accent-deep) !important; }
.wp-theme-proty .elementor-message-danger { color: var(--feb-error) !important; }
/* Header bars and menu overlays of the other Elementor templates (7886 projects lists, 7381 properties,
 * 6969 about page blocks): the same sea field as the home header; photo banners get the pastel veil. */
.wp-theme-proty .elementor-element.elementor-element-faa58b7.e-con:not(.elementor-motion-effects-element-type-background),
.wp-theme-proty .elementor-element.elementor-element-9fd2759.e-con:not(.elementor-motion-effects-element-type-background),
.wp-theme-proty .elementor-element.elementor-element-e305dc8.e-con:not(.elementor-motion-effects-element-type-background),
.wp-theme-proty .elementor-element.elementor-element-67e54233.e-con:not(.elementor-motion-effects-element-type-background) { background-color: var(--feb-sea) !important; }
.wp-theme-proty .elementor-element.elementor-element-e401ebe.e-con:not(.elementor-motion-effects-element-type-background) { background-color: var(--feb-sage) !important; }
/* Real-estate plugin and theme: navy accent (--theme-primary-color) and the grey helper text move to the palette. */
body.wp-theme-proty { --theme-primary-color: var(--feb-accent); }
.wp-theme-proty :where(.tf-btn, .tf-button, a.video-gallery, .tf-btn-header, a.btn-question) { background-color: var(--feb-sea) !important; color: var(--feb-ink) !important; border-color: var(--feb-accent) !important; }
.wp-theme-proty :where(.tf-btn, .tf-button, a.video-gallery, .tf-btn-header, a.btn-question):hover { background-color: var(--feb-sage) !important; color: var(--feb-ink) !important; }
.wp-theme-proty :where(.property-info-title, .date-prop, .comment_time, .post-date, .meta-text, .meta-text i, .tf-show-hide-description .inner p, .tfre-features-infor .inner, .contact-user-info .email, .contact-user-info .phone i, .contact-user-info .email i) { color: var(--feb-ink-muted) !important; }
.wp-theme-proty :where(input, textarea)::placeholder { color: var(--feb-ink-muted) !important; opacity: 1; }
/* Photo gallery captions get their own pale backing, so the ink title reads on any photo (ink on the 88% backing >= 8.5:1 even over black). */
.wp-theme-proty .bg-inner-section .elementor-image-box-title { display: inline-block; max-width: 100%; box-sizing: border-box; padding: 0 0.6em; border-radius: 8px; background-color: color-mix(in srgb, var(--feb-bg) 88%, transparent); }