/*
Theme Name:  Proprio Direct Child
Template:    houzez
Version:     1.0.0
Description: Proprio Direct brand child theme for Houzez — Patrice Kalabang, Courtier Immobilier Rive-Sud
Author:      Patrice Kalabang
*/

/* ============================================================
   PROPRIO DIRECT BRAND VARIABLES
   ============================================================ */
:root {
  --pd-red:     #d0103a;   /* Pantone 193 C — primary accent */
  --pd-dark:    #1e1e1e;   /* Dark background (digital screens) */
  --pd-bg:      #f9f9f9;   /* Site background */
  --pd-white:   #ffffff;
  --pd-red-dk:  #a60d2e;   /* Hover / darker red */

  /* Override Houzez primary accent variable */
  --fave-color:     #d0103a;
  --fave-color-rgb: 208, 16, 58;
}

/* ============================================================
   TYPOGRAPHY — Archivo (loaded via functions.php)
   ============================================================ */
body,
p,
li,
td,
input,
textarea,
select {
  font-family: 'Archivo', sans-serif;
  font-weight: 300; /* Archivo Light */
  color: var(--pd-dark);
  line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Archivo', sans-serif;
  font-weight: 600; /* Archivo SemiBold */
  color: var(--pd-dark);
}

/* ============================================================
   LINKS
   ============================================================ */
a {
  color: var(--pd-red);
}
a:hover,
a:focus {
  color: var(--pd-red-dk);
}

/* ============================================================
   BUTTONS & CTAs
   ============================================================ */
.btn-red,
.btn-default,
.btn-primary,
.houzez-submit,
.property-btn,
input[type="submit"],
button[type="submit"] {
  background-color: var(--pd-red);
  border-color:     var(--pd-red);
  font-family:      'Archivo', sans-serif;
  font-weight:      500; /* Archivo Medium */
  color:            var(--pd-white);
  border-radius:    4px;
  transition:       background-color 0.2s ease, border-color 0.2s ease;
}

.btn-red:hover,
.btn-default:hover,
.btn-primary:hover,
.houzez-submit:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
  background-color: var(--pd-red-dk);
  border-color:     var(--pd-red-dk);
  color:            var(--pd-white);
}

/* ============================================================
   BACKGROUND
   ============================================================ */
body {
  background-color: var(--pd-bg);
}

/* ============================================================
   HEADER (light background — colour logo applies)
   ============================================================ */
#header,
.header-main,
.header-bg {
  background-color: var(--pd-white);
}

/* ============================================================
   DARK SECTIONS (hero, dark footer — white logo applies)
   ============================================================ */
.dark-bg,
.section-dark,
.hero-dark,
.footer-wrap,
#footer {
  background-color: var(--pd-dark);
  color:            var(--pd-white);
}

.dark-bg a,
.section-dark a,
.footer-wrap a,
#footer a {
  color: var(--pd-white);
}

.dark-bg a:hover,
.section-dark a:hover,
.footer-wrap a:hover,
#footer a:hover {
  color: var(--pd-red);
}

/* ============================================================
   LOGO — minimum width per Proprio Direct brand guide
   ============================================================ */
.site-logo img,
.header-logo img,
.footer-logo img,
.navbar-brand img {
  min-width: 100px;
  height: auto;
}

/* ============================================================
   LAYOUT — breathing room
   ============================================================ */
.container {
  padding-left:  24px;
  padding-right: 24px;
}

section {
  padding-top:    64px;
  padding-bottom: 64px;
}

/* ============================================================
   FORMS
   ============================================================ */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
  font-family: 'Archivo', sans-serif;
  font-weight: 300;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  padding: 10px 14px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
  border-color: var(--pd-red);
  outline: none;
  box-shadow: 0 0 0 2px rgba(208, 16, 58, 0.15);
}
/* Link color states — Patrice Kalabang MRSI brand
     Defined 2026-05-17; scoped to body-content widget links so it doesn't override 
     nav menu, footer, or button styling. Option B palette (red → anthracite hover). */

  .elementor-widget-text-editor a:not(.elementor-button),
  .elementor-widget-heading a:not(.elementor-button),
  .elementor-widget-icon-list a:not(.elementor-button),
  .entry-content a:not(.elementor-button) {
    color: #d0103a;
    text-decoration: none;
    transition: color 150ms ease-in-out;
  }
  
  .elementor-widget-text-editor a:not(.elementor-button):hover,
  .elementor-widget-heading a:not(.elementor-button):hover,
  .elementor-widget-icon-list a:not(.elementor-button):hover,
  .entry-content a:not(.elementor-button):hover {
    color: #1e1e1e;
  }

  .elementor-widget-text-editor a:not(.elementor-button):active,
  .elementor-widget-heading a:not(.elementor-button):active,
  .elementor-widget-icon-list a:not(.elementor-button):active,
  .entry-content a:not(.elementor-button):active {
    color: #000000;
  }
  
  .elementor-widget-text-editor a:not(.elementor-button):visited,
  .elementor-widget-heading a:not(.elementor-button):visited,
  .elementor-widget-icon-list a:not(.elementor-button):visited,
  .entry-content a:not(.elementor-button):visited {
    color: #d0103a;
  }
  
  .elementor-widget-text-editor a:not(.elementor-button):focus-visible,
  .elementor-widget-heading a:not(.elementor-button):focus-visible,
  .elementor-widget-icon-list a:not(.elementor-button):focus-visible,
  .entry-content a:not(.elementor-button):focus-visible {
    outline: 2px solid #d0103a;
    outline-offset: 2px;
  }