/* === MONOSPACE ZEN — Steady Cue Brand === */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');

/* Base reset to brand palette */
body {
  font-family: 'Inter', sans-serif !important;
  background-color: #F7F3EE !important;
  color: #3C3A36 !important;
  line-height: 1.6 !important;
}

/* Headings — Inconsolata monospace */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  font-family: 'Inconsolata', monospace !important;
  color: #3C3A36 !important;
}

/* Nav labels & metadata */
nav,
nav a,
.elementor-nav-menu a,
.elementor-nav-menu .menu-item a {
  font-family: 'Inconsolata', monospace !important;
  color: #3C3A36 !important;
}

/* Body text elements */
p, li, span, label, input, textarea, select,
.elementor-widget-text-editor {
  font-family: 'Inter', sans-serif !important;
  color: #3C3A36 !important;
}

/* Links */
a {
  color: #3C3A36 !important;
  text-decoration: none !important;
}
a:hover {
  color: #7EC89F !important;
}

/* Buttons — Track Line Green */
.elementor-button,
.elementor-button-wrapper .elementor-button,
button,
input[type=submit] {
  background-color: #7EC89F !important;
  border: 1px solid #7EC89F !important;
  color: #3C3A36 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-family: 'Inconsolata', monospace !important;
  font-weight: 600 !important;
  padding: 14px 28px !important;
  text-transform: none !important;
  background-image: none !important;
}
.elementor-button:hover,
button:hover,
input[type=submit]:hover {
  background-color: #6bb88d !important;
  border-color: #6bb88d !important;
  color: #3C3A36 !important;
}

/* Kill gradients, shadows */
.elementor-section,
.elementor-element,
.e-con {
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Section backgrounds — Rice Paper */
.elementor-section,
.elementor-top-section,
.e-con {
  background-color: #F7F3EE !important;
}

/* Generous whitespace — sections */
.elementor-section .elementor-container,
.e-con {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Widget spacing */
.elementor-widget {
  margin-bottom: 32px !important;
}

/* Borders & dividers — Warm Sand */
hr,
.elementor-divider-separator {
  border-color: #E8DDD3 !important;
  border-style: solid !important;
}

/* Header / navigation area */
header,
.elementor-location-header {
  background-color: #F7F3EE !important;
}

/* Footer */
footer,
.elementor-location-footer {
  background-color: #F7F3EE !important;
  border-top: 1px solid #E8DDD3 !important;
}

/* Responsive whitespace */
@media (max-width: 991px) {
  .elementor-section .elementor-container,
  .e-con {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media (max-width: 479px) {
  .elementor-section .elementor-container,
  .e-con {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  h1, .elementor-heading-title { font-size: 2rem !important; }
  h2 { font-size: 1.6rem !important; }
  h3 { font-size: 1.3rem !important; }
}