/*-----------------General-----------------*/
body {
	background-color: #32394c; 
	font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande',
        		'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	color:#f7ca1e;
  margin: 0;
  padding: 0;
}

a:visited {
	color: #f7ca1e;
}

a {
  text-decoration:none;
}

a:link {
	color: #f7ca1e;
}

main {
	margin-top: 100px;
}





/*-----------------Navigation-----------------*/
/* Navbar container */
nav {
  background-color: #333333; /* black bar */
  width: 100%;
  position: fixed; /* stays at top when scrolling */
  top: 0;
  left: 0;
  display: flex;
  align-items: center; /* vertically center logo and links */
  padding: 10px 20px;
  z-index: 1000; /* keeps navbar above other content */
}

/* Logo container */
#logoContainer {
  display: flex;
  align-items: center;
}

/* Logo image */
#logo {
  height: 80px; /* adjust size as needed */
  width: auto;
}

/* Navigation list */
nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 10px;
  padding-left: 10px;
}

/* Navigation links */
nav ul li a {
  color: white;
  font-weight: bold;
  padding: 14px 16px;
}

nav ul li a:hover {
  background-color: #111111;
}






/*-----------------Main Page-----------------*/
table {
  border-collapse: separate;
  border-spacing: 10px; /* space between cells */
}

th, td {
  border: 1px solid #f7ca1e;
  border-radius: 6px;
  background-color: #32394c;
  width: 400px;
  height: 400px;
}

table, th, td, a {
  text-align: center;
  padding: 5px;
}


#priceListCard {
  background-image: url("https://raw.githubusercontent.com/SteelSyntax/steelswheels/4abc3e9356bee906d103bde3e1f360ded0d406d4/assests/img/priceListImg.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
}

#galleryCard {
  background-image: url("https://github.com/SteelSyntax/steelswheels/blob/d8560e643d872ab05cc9cc19a7e3ab6a559947c9/assests/img/galleryCardImg.jpg?raw=true");
  background-repeat: no-repeat;
  background-size: 100%;
}

#placeholder1Card {
  
}

#placeholder2Card {
  
}

#priceListCard a, #galleryCard a, #placeholder1Card a, #placeholder2Card a {
  background-color: rgba(0, 0, 0, 0.5);
  color: #f7ca1e;
  padding: 5px;
  border-radius: 6px;
}




/*-----------------Footer-----------------*/
footer {
  background-color: #333333; /* black bar */
  width: 100%;
  display: flex;
  justify-content: center; /* centers content horizontally */
  align-items: center; /* centers content vertically */
  color: #575859;
  padding: 10px 0; /* adds breathing space */
  position: relative; /* ensures proper layout */
  z-index: 1000;
  margin: 0;
  left: 0;
}