/*
Theme Name: Iron Heritage
Theme URI: https://musclecarmanuals.com/
Author: Your Name
Description: A patriotic, muscle-car-themed WordPress theme with intuitive UX for finding manuals.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: iron-heritage
*/

/* Base Styling */
body {
  font-family: 'Inter', sans-serif;
  color: #1A1A1A;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
}

header {
  background-color: #002868;
  padding: 1rem;
  color: white;
  text-align: center;
}

header h1 a {
  color: white;
  text-decoration: none;
  font-family: 'Oswald', sans-serif;
  font-size: 2.5rem;
}

main {
  padding: 2rem;
  max-width: 960px;
  margin: auto;
}

footer {
  background-color: #BF0A30;
  color: white;
  text-align: center;
  padding: 1rem;
  font-size: 0.9rem;
}

/* Dropdown filter form */
form label {
  margin-right: 1rem;
  font-weight: bold;
}

form select {
  margin-right: 1rem;
  padding: 0.5rem;
  font-size: 1rem;
}

form input[type="submit"] {
  padding: 0.5rem 1rem;
  background-color: #002868;
  color: white;
  border: none;
  cursor: pointer;
  font-weight: bold;
}

form input[type="submit"]:hover {
  background-color: #001b4d;
}

/* Manual listings */
ul {
  list-style: none;
  padding: 0;
}

ul li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #eee;
}

ul li a {
  color: #002868;
  text-decoration: none;
  font-weight: bold;
}

ul li a:hover {
  color: #BF0A30;
}

/* Hero Section Example */
.hero {
  background: url('hero-car.jpg') center center/cover no-repeat;
  color: white;
  text-align: center;
  padding: 4rem 2rem;
}

.hero h1 {
  font-family: 'Oswald', sans-serif;
  font-size: 3rem;
  margin: 0;
}