/* Chateau Waubun shared styles */

/* Import Great Vibes font */
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

:root {
  --header-shadow: 0 2px 6px rgba(0,0,0,.2);
}

/* Base */
body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  margin: 0;
  background: #4d4d4d; /* dark gray page background */
  color: #333;
}

/* Header (persistent) */
header {
  position: sticky;   /* stays at top on scroll */
  top: 0;
  z-index: 1000;
  background: #8c3a1d; /* dark orange */
  color: #000;         /* black text in header */
  padding: .1rem;
  margin: 0 auto;
  text-align: center;
  box-shadow: var(--header-shadow);
}

/* Logo link and image */
header a {
  display: inline-block;
  position: relative;
  z-index: 2;           /* keep logo link above header background */
  text-decoration: none;
}

header .logo {
  display: block;
  margin: 0 auto;       /* centered */
  height: auto;         /* native image height */
  max-height: 125px;  /* adjust this value smaller or larger */
  width: auto;          /* native image width */
  max-width: 100%;      /* prevent overflow on small screens */
/*  transform: translateY(0.0rem); /* push logo down visually */
}

/* Nav overlaps slightly over lower part of the logo */
nav {
  position: relative;
  z-index: 3;           /* nav sits visually above the logo */
  margin-top: -1.6rem;  /* pull nav upward to overlap/tuck */
}

nav a,
nav a:visited {
  margin: 0 1.2rem;
  color: #000;         /* black nav links */
  text-decoration: none;
  font-weight: bold;
  font-size: 1.1rem;   /* slightly bigger */
}

nav a:hover,
nav a:active {
  color: #333;         /* dark gray hover */
  text-decoration: underline;
}

/* Main content box */
main {
  max-width: 900px;
  margin: 2rem auto;
  padding: 1.5rem;
  padding-bottom: 80px; /* keep content clear of footer */
  background: #a64b17; /* light orange */
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
  color: #fff;         /* white text for readability */
}

main h1,
main h2,
main p {
  color: #fff;         /* force white inside text box */
}

/* Headings outside main (if any) */
h1, h2 {
  color: #000;
}

p { margin-bottom: 1rem; }

/* Form inputs (global) */
label {
  display: block;
  margin: .5rem 0 .25rem;
}

input, textarea {
  width: 100%;
  padding: .6rem;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Buttons */
button {
  display: block;            /* force full visibility */
  width: 100%;               /* expand across form for mobile */
  margin: 1rem 0;            /* give breathing room */
  padding: 0.8rem 1rem;
  border: 0;
  border-radius: 4px;
  background: #a64b17;       /* light orange */
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
}

button:hover {
  background: #fff;    /* same as form fields */
  color: #333;         /* dark text for readability */
  border: 1px solid #ccc; /* match form field border */
}

/* Notes */
.note {
  font-size: .9rem;
  color: #666;
}

/* Site-wide links */
a,
a:visited {
  color: #fff; /* always white site-wide */
  text-decoration: none;
}

a:hover,
a:active {
  color: #ddd; /* lighter gray on hover/active */
  text-decoration: underline;
}

/* Footer (site-wide contact + copyright) */
footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #8c3a1d; /* dark orange */
  color: #000;         /* black text */
  text-align: center;
  padding: 0.1rem 0.1rem; /* minimal height */
  z-index: 1000;
  box-shadow: 0 -2px 6px rgba(0,0,0,.2);
}

footer h2 {
  margin: 0.2rem 0;
  font-size: 1.5rem;
  color: #000;
}

footer a,
footer a:visited {
  color: #fff; /* footer links white to match site-wide */
}

footer a:hover,
footer a:active {
  color: #333;
  text-decoration: underline;
}

footer p {
  margin: 0.2rem 0;
}

/* Property card (if used) */
.property {
  background: #8c3a1d;   /* dark orange */
  border: 2px solid #000;
  border-radius: 6px;
  padding: 1rem;
  margin: 1.5rem 0;
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
  color: #000;
}

.property h2,
.property h3,
.property p,
.property li,
.property a {
  color: #000;
}

/* Details + photo row */
.property-details-wrap {
  display: flex;
  align-items: center;      /* vertical centering */
  justify-content: space-between;
  gap: 1rem;
}

.property-details-wrap .property-section {
  flex: 1;                  /* text fills available space */
}

/* Responsive property photos */
.property-photo {
  width: 500px;        /* desktop default */
  height: auto;
  border-radius: 50px;
  object-fit: cover;
}

@media (max-width: 1200px) {
  .property-photo { width: 350px; }
}

@media (max-width: 768px) {
  .property-photo { width: 200px; }
}

.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;}

.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}