/* =============================================
   MODERN OJS 3.4 - DARK GREEN THEME
   With Subtle Leaf Pattern in Header
   ============================================= */

:root {
    --primary: #003300;
    --primary-dark: #001f00;
    --primary-light: #006600;
    --accent: #228B22;
    --text: #1f2937;
    --light: #f8fafc;
    --gray: #64748b;
    --border: #e2e8f0;
}

/* ==================== HEADER WITH LEAF PATTERN ==================== */
.pkp_structure_head {
    background: 
        /* Leaf Pattern Layer */
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath fill='rgba(255,255,255,0.06)' d='M40 10 Q55 25 50 45 Q40 60 25 48 Q20 30 40 10'/%3E%3Cpath fill='rgba(255,255,255,0.05)' d='M45 15 Q65 28 58 50 Q45 65 32 48 Q30 25 45 15'/%3E%3C/svg>") repeat,
        /* Main Gradient */
        linear-gradient(135deg, #001a00 0%, #003300 50%, #004d00 100%);
    background-size: 80px 80px, cover;
    box-shadow: 0 6px 20px rgba(0, 51, 0, 0.3);
    border-bottom: none;
    padding: 1.4rem 0;
    position: relative;
}

/* Optional soft overlay for depth */
.pkp_structure_head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 40% 30%, rgba(255,255,255,0.07) 0%, transparent 60%);
    pointer-events: none;
    z-index: 1;
}

.pkp_site_name a,
.pkp_navigation_primary {
    position: relative;
    z-index: 2;
}

.pkp_site_name a {
    color: white !important;
    font-weight: 700;
    font-size: 1.85rem;
    text-shadow: 0 3px 8px rgba(0,0,0,0.5);
    letter-spacing: -0.02em;
}

/* Navigation */
.pkp_navigation_primary {
    background: rgba(255,255,255,0.09);
    backdrop-filter: blur(12px);
    border-top: 1px solid rgba(255,255,255,0.12);
}

.pkp_navigation_primary .pkp_nav_list > li > a {
    color: white !important;
    font-weight: 500;
    padding: 12px 18px;
    transition: all 0.3s ease;
}

.pkp_navigation_primary .pkp_nav_list > li > a:hover {
    background: rgba(255,255,255,0.18);
    border-radius: 6px;
}

/* Buttons */
.pkp_button_primary {
    background: var(--primary);
    border: none;
    color: white;
    border-radius: 8px;
}

.pkp_button_primary:hover {
    background: #002200;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0, 51, 0, 0.35);
}

/* Article Cards */
.pkp_grid_item {
    transition: all 0.4s ease;
    border-radius: 14px;
    overflow: hidden;
}

.pkp_grid_item:hover {
    transform: translateY(-10px);
    box-shadow: 0 22px 35px -10px rgba(0, 51, 0, 0.18);
}

/* Typography */
h1, h2, h3, h4 {
    font-weight: 700;
    color: var(--primary);
}

/* Footer */
.pkp_structure_footer {
    background: #001200;
    color: #a3c9a3;
}

/* Links */
a {
    color: var(--primary-light);
}

a:hover {
    color: var(--accent);
}