/*
Theme Name: BSP Student Portal Theme
Theme URI: https://example.com
Author: Your Name
Author URI: https://example.com
Description: A lightweight WordPress theme built specifically for the "Student Portal & LMS" plugin (bosse-student-portal). The header (logo + login-aware menu, including the Learners Corner dropdown) is rendered directly through the plugin's own logic via bsp_the_header() — no need to paste a shortcode into every page. The [bsp_header] shortcode still works too, in case you ever want to place the header inside a specific page's content instead.
Version: 1.0.0
Requires PHP: 7.2
Text Domain: bsp-theme
*/

/* ==========================================================
   Base
   ========================================================== */
* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    color: #222;
    background: #f4f6f8;
    line-height: 1.6;
}

a { color: var(--bsp-heading-color, #14328c); }

img { max-width: 100%; height: auto; }

/* ==========================================================
   Fallback header
   Only shows if the Student Portal plugin is not active, so the
   site never breaks even without it.
   ========================================================== */
.bsp-fallback-header {
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
}
.bsp-fallback-header-inner {
    max-width: 1140px;
    margin: 0 auto;
    padding: 18px 20px;
}
.bsp-fallback-logo {
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    color: var(--bsp-heading-color, #14328c);
}

/* ==========================================================
   Page content area
   ========================================================== */
.site-content {
    max-width: 1140px;
    margin: 0 auto;
    padding: 40px 20px;
    min-height: 50vh;
}

.entry-title {
    color: var(--bsp-heading-color, #14328c);
    font-size: 26px;
    margin: 0 0 20px;
}

.entry-content { font-size: 15px; }

/* Safety net: if a logo or any other image is pasted directly into a
   page's content (in addition to the header's own logo), keep it from
   rendering at its full native pixel size and breaking the layout. */
.entry-content img {
    max-width: 100%;
    height: auto;
}

/* ==========================================================
   Footer
   ========================================================== */
.site-footer {
    background: #fff;
    border-top: 1px solid #e6e6e6;
    padding: 22px 20px;
    text-align: center;
    font-size: 13px;
    color: #777;
}

@media (max-width: 700px) {
    .site-content { padding: 24px 16px; }
}