/* public/css/global.css */

/* Import Cinzel font */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap');

/* Reset margins and padding */
body {
  margin: 0;
}

/* Ensure page content has no top margin; #page-content covers variants */
.page-content.no-top-margin,
#page-content.no-top-margin {
  margin-top: 0 !important;
}

/* Remove spacing below the navbar */
nav.navbar {
  margin-bottom: 0;
}

/* Section styling with separators */
section.section-with-separator {
  position: relative;
}
section.section-with-separator::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent 0%,
    rgba(0, 0, 0, 0.25) 45%,
    rgba(0, 0, 0, 0.25) 55%,
    transparent 100%
  );
}

/* Alternating backgrounds for sections */
main > section:nth-of-type(odd) {
  background: linear-gradient(to right, transparent, #f5f3ef, transparent);
}
main > section:first-of-type {
  margin-top: 0;
  padding-top: 0;
}

/* Headings spacing */
section h2 {
  margin-bottom: 1.25rem;
}

/* Cinzel font class */
.cinzel {
  font-family: 'Cinzel', serif;
}

/* Form and button styling (from contact page) */
.no-rounded .form-control,
.no-rounded .btn,
.no-rounded textarea,
.no-rounded input,
.no-rounded.alert {
  border-radius: 0 !important;
}
.btn-custom-gold {
  background-color: #bfa254;
  color: white;
  border: none;
  border-radius: 0;
  font-weight: 500;
  transition: background-color 0.2s ease;
}
.btn-custom-gold:hover {
  background-color: #a6893f;
  color: white;
}

/* Responsive map container */
.map-responsive {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}
.map-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.address-block {
  font-family: 'Cutive Mono', 'Courier New', monospace;
  font-size: 1rem;
  line-height: 1.5;
  background-color: #f9f7f3;    /* light background to separate it */
  padding: 1rem;
  border-left: 4px solid #bfa254; /* tie into your colour scheme */
  margin-bottom: 1rem;
}