/*
Theme Name: Bagram Buddies
Author: Your Name
Description: A cute, desert-camo themed WordPress theme.
Version: 1.0
*/

:root {
    --bg-sand: #f0e6d6;
    --nav-khaki: #c1a783;
    --nav-hover: #a88d68;
    --text-brown: #5c3a21;
    --card-bg: #fffbf5;
    --pink-accent: #d66480;
}

body {
    margin: 0;
    font-family: 'Comic Sans MS', 'Chalkboard SE', sans-serif;
    color: var(--text-brown);
    /* Removed the hardcoded background-color and background-image here */
}

.site-container {
    max-width: 1000px;
    margin: 30px auto;
    display: flex;
    gap: 20px;
    padding: 0 20px;
}

/* --- Header & Navigation --- */
.site-header { text-align: center; padding-top: 20px; }
.site-title { font-size: 3em; color: #fff; text-shadow: 2px 2px 0 var(--text-brown), -1px -1px 0 var(--text-brown), 1px -1px 0 var(--text-brown), -1px 1px 0 var(--text-brown); margin: 0; letter-spacing: 2px; }
.hero-image-placeholder { padding: 40px; font-size: 1.5em; color: var(--text-brown); }
.main-navigation { background-color: rgba(193, 167, 131, 0.7); padding: 15px 0; margin-top: 20px; }
.main-navigation .nav-menu { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; gap: 15px; }
.main-navigation a { text-decoration: none; color: #fff; font-weight: bold; background-color: var(--nav-khaki); padding: 10px 20px; border-radius: 20px; transition: background-color 0.3s; display: block; }
.main-navigation a:hover, 
.main-navigation .current-menu-item > a { background-color: var(--nav-hover); }

/* --- Main Content (Left Column) --- */
.primary-content { flex: 2; }
.post-card { background-color: var(--card-bg); border-radius: 15px; padding: 30px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border: 2px solid #e8d8c3; margin-bottom: 20px;}
.post-title { color: var(--pink-accent); margin-top: 0; }
.post-meta { font-size: 0.85em; color: #888; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.decorative-divider { text-align: center; font-size: 1.2em; margin: 20px 0; }

/* --- Sidebar (Right Column) --- */
.sidebar { flex: 1; display: flex; flex-direction: column; gap: 20px; }
.widget { background-color: var(--card-bg); border-radius: 15px; padding: 20px; text-align: center; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border: 2px solid #e8d8c3; }
.widget-title { margin-top: 0; font-size: 1.1em; }
.widget-graphic { font-size: 4em; }

/* --- Custom Logo Styles --- */
.custom-logo {
    max-width: 300px
    height: auto;
    display: inline-block;
}
.header-logo-area a {
    text-decoration: none;
}

/* --- Footer --- */
.site-footer { background-color: var(--nav-khaki); color: var(--text-brown); display: flex; justify-content: space-between; align-items: center; padding: 15px 50px; margin-top: 40px; }
.footer-icons { font-size: 1.5em; }