/* /static/marketing.css -- ported from bayis.co.uk's actual stylesheet.
   Bootstrap stays for this page specifically, matching the parent site's
   real markup (cards, grid, navbar) rather than reimplementing it. */

:root {
  --text: #444;
  --border: #AAA;
  --flat-bg: #FFF;
  --dark-bg: #333;
  --light-bg: #EEE;
  --link-hover: #FFF;
}

body {
  font-family: "Felix Titling", "Bookman Old Style", Serif;
  background-color: var(--flat-bg);
  color: var(--text);
}

h1, h2 { font-family: "Felix Titling", "Bookman Old Style", Serif; color: var(--text); }

.navbar-nav .nav-link { color: var(--light-bg) !important; text-decoration: none; }
.navbar-nav .nav-link:hover { color: var(--link-hover) !important; }
.navbar-toggler { border-color: var(--light-bg) !important; padding: 10px 15px; height: 45px; }
.navbar-toggler-icon {
  background-image: none; width: 30px; height: 3px;
  background-color: var(--light-bg); position: relative; display: inline-block;
}
.navbar-toggler-icon::before, .navbar-toggler-icon::after {
  content: ''; display: inline-block; width: 30px; height: 3px;
  background-color: var(--light-bg); position: absolute; left: 0;
}
.navbar-toggler-icon::before { top: -8px; }
.navbar-toggler-icon::after { top: 8px; }

nav { background-color: var(--dark-bg); }

footer { background-color: var(--dark-bg); color: var(--flat-bg); text-align: center; padding: 20px; }
footer a { color: var(--light-bg); }
footer a:hover { color: var(--link-hover); }

.btn-custom { background-color: var(--dark-bg); color: var(--flat-bg); border: none; }
.btn-custom:hover { background-color: var(--border); color: var(--dark-bg); }

.logo-banner {
  display: block;
  margin: 20px auto;
  font-family: "Felix Titling", "Bookman Old Style", Serif;
  font-size: 3.5rem;
  letter-spacing: -0.02em;
  color: var(--flat-bg);
}

.section-light { background-color: var(--light-bg); color: var(--text); border: 2px solid var(--border); }
.section-dark  { background-color: var(--dark-bg); color: var(--flat-bg); }

.card:hover { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); transition: box-shadow 0.3s ease; }

pre {
  background: #fff;
  border: 1px solid var(--border);
  padding: 1rem;
  border-radius: 4px;
  font-size: 0.85rem;
  overflow-x: auto;
}