/* * Nexus Research Press - OJS Backend Override 
 * This file styles the Open Journal Systems (OJS) submission portal 
 * to match the headless frontend website.
 */

/* Import Brand Typography */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Merriweather:wght@300;400;700&display=swap');

:root {
    --oxford-blue: #0B1A30;
    --cyan: #00B4D8;
    --cyan-dark: #0096B4;
    --white: #FFFFFF;
    --bg-light: #F8F9FA;
}

/* Global Typography & Background Reset */
body.pkp_page_index, body.pkp_page_login, body.pkp_page_submission {
    font-family: 'Inter', sans-serif !important;
    background-color: var(--bg-light) !important;
    color: var(--oxford-blue) !important;
}

h1, h2, h3, h4, h5 {
    font-family: 'Merriweather', serif !important;
    color: var(--oxford-blue) !important;
}

/* Overriding the OJS Header */
.pkp_structure_head {
    background-color: var(--white) !important;
    border-bottom: 2px solid var(--cyan) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}

.pkp_site_name {
    font-family: 'Merriweather', serif !important;
    font-weight: 700 !important;
    color: var(--oxford-blue) !important;
}

/* Overriding Links */
a {
    color: var(--cyan) !important;
    text-decoration: none !important;
}

a:hover {
    color: var(--oxford-blue) !important;
}

/* Overriding OJS Buttons to match the Frontend CTA */
.pkp_button, button.pkp_button {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
    transition: all 0.3s ease !important;
}

.pkp_button_primary {
    background-color: var(--cyan) !important;
    border-color: var(--cyan) !important;
    color: var(--white) !important;
}

.pkp_button_primary:hover {
    background-color: var(--cyan-dark) !important;
    border-color: var(--cyan-dark) !important;
}

/* Clean up Submission Form Inputs */
input[type="text"], input[type="password"], input[type="email"], textarea, select {
    border: 1px solid #E5E7EB !important;
    border-radius: 4px !important;
    padding: 10px !important;
    font-family: 'Inter', sans-serif !important;
}

input:focus, textarea:focus {
    border-color: var(--cyan) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0, 180, 216, 0.2) !important;
}

/* Author Dashboard Panels */
.pkp_panel {
    background-color: var(--white) !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
}