/*
Theme Name: Bootscore
Theme URI: https://bootscore.me/
Author: Bootscore
Author URI: https://bootscore.me
Description: Flexible Bootstrap WordPress starter-theme for developers with full WooCommerce support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>
Version: 6.3.0
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.4
License: MIT License
License URI: https://github.com/bootscore/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

Bootscore is based on Underscores https://underscores.me/, (C) 2012-2024 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* 
All style editing is done via /assets/scss/_bootscore-custom.scss
*/
/* -------------------------------------------------
   Global base (from the previous answer)
------------------------------------------------- */
body {
    background-color: #FCE5D0;          /* Light peach */
    background-image: url('data:image/svg+xml,\
        <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40">\
            <rect width="40" height="40" fill="%23FCE5D0"/>\
            <path d="M0 20h40M20 0v40" stroke="%23E6C9B5" stroke-width="0.5"/>\
        </svg>');
    background-repeat: repeat;
    color: #2B2B2B;
    font-family: "Georgia", serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/* -------------------------------------------------
   Navigation Bar
------------------------------------------------- */
nav {
    background-color: #E6C9B5;          /* Soft terracotta – a touch richer than the body */
    border-bottom: 2px solid #D1A58A;   /* Subtle line for definition */
    padding: 0.75rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Logo / brand name */
nav .logo {
    font-size: 1.5rem;
    font-weight: bold;
    color: #4A2C2A;                     /* Deep mocha for contrast */
    text-decoration: none;
}

/* Primary navigation links */
nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 1.5rem;
}

nav ul li a {
    color: #4A2C2A;
    text-decoration: none;
    font-size: 1rem;
    transition: color 0.2s ease;
}

nav ul li a:hover,
nav ul li a:focus {
    color: #7B4B3A;                     /* Slightly brighter on hover */
}

/* Mobile‑friendly toggle (optional) */
nav .menu-toggle {
    display: none;                     /* Show via media query if you add a burger menu */
}

/* -------------------------------------------------
   Footer
------------------------------------------------- */
footer {
    background-color: #E6C9B5;          /* Same as nav for visual unity */
    border-top: 2px solid #D1A58A;
    color: #4A2C2A;
    padding: 2rem;
    text-align: center;
    font-size: 0.9rem;
}

/* Footer link styling */
footer a {
    color: #4A2C2A;
    text-decoration: underline;
    transition: opacity 0.2s ease;
}
footer a:hover,
footer a:focus {
    opacity: 0.8;
}

/* Small print / copyright line */
footer .small-print {
    margin-top: 1rem;
    font-size: 0.75rem;
    color: #5A3F36;
}

/* -------------------------------------------------
   Responsive tweaks (optional but handy)
------------------------------------------------- */
@media (max-width: 768px) {
    nav {
        flex-direction: column;
        align-items: flex-start;
    }
    nav ul {
        flex-direction: column;
        gap: 0.75rem;
        margin-top: 0.5rem;
    }
}