/* * External CSS File for Web Project 1: Home Baking
 * This file controls the formatting for all pages in the website.
 * No inline or internal CSS is used, as per project requirements.
 */

/* * Required Body Rule: Sets background color, font color, font family, and 10px margin.
 * The font family uses a common serif fallback for good readability.
 */
body {
    background-color: #f8f0e5; /* Soft, warm white/beige color for baking theme */
    color: #3d2f2f; /* Dark brown text for contrast */
    font-family: "Georgia", serif; /* Classic, readable serif font */
    margin: 10px; /* REQUIRED 10px margin */
    line-height: 1.6; /* Improved readability */
}

/* Rule 1: Center the Main Page Header (h1 tag) */
h1 {
    text-align: center;
    color: #795548; /* Brown accent color */
    padding-top: 20px;
    padding-bottom: 10px;
}

/* Rule 2: Center the Site Navigation (nav tag) */
nav {
    text-align: center;
    border-top: 1px solid #c8a78e;
    border-bottom: 1px solid #c8a78e;
    padding: 10px 0;
    margin-bottom: 20px;
}

/* Styling for navigation links */
nav a {
    margin: 0 15px;
    text-decoration: none;
    color: #795548;
    font-weight: bold;
    transition: color 0.3s;
}
nav a:hover {
    color: #d7ccc8;
}

/* Rule 3: Center the Footer Information (footer tag) */
footer {
    text-align: center;
    font-size: 0.85em;
    color: #a1887f; /* Lighter brown for footer text */
    padding: 20px 0;
    margin-top: 40px;
    border-top: 1px solid #c8a78e;
}

/* Specific rule to left-align the resource links in the footer, overriding the general footer center rule */
.resource-links {
    text-align: left !important;
    text-indent: 0; /* NEW: Removes paragraph indent so text aligns with links */
}

/* General styling for main content area to structure the page */
main {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
/* Style for paragraphs to ensure content separation and required length */
p {
    margin-bottom: 1.5em;
    text-indent: 1.5em;
    font-size: 1.05em;
}

/* Basic table styling for readability on the Breads page */
table {
    width: 80%;
    margin: 20px auto;
    border-collapse: collapse;
}
th, td {
    /* Updated border color to dark brown for better visibility */
    border: 1px solid #3d2f2f; 
    padding: 10px;
    text-align: left;
}
th {
    background-color: #795548;
    color: #fff;
}

/* UPDATED: Style for the image caption (figcaption) - Increased size and darker color for visibility */
figcaption {
    font-size: 1em; /* Increased from 0.8em for better visibility */
    color: #3d2f2f; /* Darker color for contrast (same as body text) */
    text-align: center; 
    margin-top: 5px;
    padding-left: 0; 
}