/* =========================================================
   PHYTOPHARM JOURNAL - VISUAL STYLES (Scaled Typography)
   ========================================================= */

/* --- 1. LAYOUT ADJUSTMENTS (Wider Content) --- */
@media (min-width: 992px) {
    /* Main Content: 75% width */
    .pkp_structure_main.col-md-8 {
        width: 75%;
    }
    /* Sidebar: 25% width */
    .pkp_structure_sidebar.col-md-4 {
        width: 25%;
    }
}

/* --- 2. MENU TYPOGRAPHY (The New Base) --- */
.navbar-default .navbar-nav > li > a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.2rem;       /* Request: 1.2rem Size */
    color: #333333;
    padding: 1.5rem 2rem;    
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a {
    color: #006633;
    background-color: transparent;
    border-bottom: 3px solid #006633; 
}

/* --- 3. MAIN BODY TYPOGRAPHY --- */
body, p, li, .journal-description {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.3rem;       /* Request: 1.2rem Base Size */
    line-height: 1.8;        /* Good spacing for larger text */
    color: #333;
}

.pkp_structure_content.container {
    width: 90%;              /* Slightly wider content area */
    max-width: 1200px;       /* Cap max width for readability */
}

/* --- 4. SCALED HEADINGS (Proportional) --- */
h1, h2, h3, .site-name {
    font-family: "Georgia", serif;
    color: #222;
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: normal;
    line-height: 1.3;
}

/* Scaling up from 1.2rem */
h1 { font-size: 2.5rem; }    /* Main Title (Approx 40px) */
h2 { font-size: 2.0rem; }    /* Section Title (Approx 32px) */
h3 { font-size: 1.6rem; }    /* Sub-section (Approx 25px) */
h4 { font-size: 1.4rem; }    /* Minor Header */

/* Specific fix: Make "Website under construction" green */
.journal-description strong {
    color: #006633;
}

/* --- 5. SIDEBAR STYLING --- */
.pkp_block {
    background-color: #f9f9f9;
    border: none;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border-radius: 4px;
}

/* Sidebar Titles */
.pkp_block .title {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.3rem;            /* Keep titles slightly smaller/tighter */
    font-weight: bold;
    color: #006633;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 2px solid #ddd;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    background-color: transparent;
}

/* Sidebar Links */
.pkp_block .content ul li {
    font-size: 1.2rem; /* Kept slightly smaller than body to fit narrow sidebar */
    list-style: none;
    background-color: transparent;
}

.pkp_block .content ul { padding-left: 0; }

.pkp_block .content ul li a {
    text-decoration: none;
    display: block;
    transition: color 0.2s;
}

.pkp_block .content ul li a:hover {
    color: #006633;
    padding-left: 5px;
}

/* --- 6. BUTTONS --- */
.btn, .btn-primary, .btn-default, input[type="submit"] {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 1rem;       /* Buttons look better slightly more compact */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 4px;
    padding: 10px 20px;
}

/* Green Buttons */
.btn-primary, input[type="submit"] {
    background-color: #006633;
    border-color: #005c2e;
    color: #fff;
}
.btn-primary:hover, input[type="submit"]:hover {
    background-color: #004d26;
    border-color: #003d1e;
}

/* Grey Buttons */
.btn-default {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333;
}
.btn-default:hover {
    background-color: #f9f9f9;
    color: #006633;
    border-color: #006633;
}

/* --- 7. LINKS --- */
a { color: #006633; }
a:hover { color: #004d26; }