/* ============================
   Enginom Journal Custom CSS
   ============================ */

/* Header */
.pkp_head_wrapper {
    background-color: #57ACEE;  /* Baby Blue header background */
    padding: 15px;
}

/* Journal title/logo text */
.pkp_site_name {
    color: #ffffff !important;  /* White text */
    font-size: 24px;
    font-weight: bold;
}

/* Navigation menu (main bar) */
.pkp_navigation_primary {
    background-color: transparent;  /* No forced background */
    border-radius: 6px;
    padding: 5px 10px;
}

/* Main navigation links */
.pkp_navigation_primary a {
    color: #000000 !important;   /* Black text */
    font-weight: 500;
    padding: 10px 15px;
    display: inline-block;
}
.pkp_navigation_primary a:hover {
    color: #FFFFFF !important;   /* Baby blue hover */
    text-decoration: underline;  /* Clear hover effect */
}

/* Dropdown menu background */
.pkp_navigation_primary ul ul {
    background-color: #ffffff !important;  /* White dropdown */
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Dropdown links */
.pkp_navigation_primary ul ul li a {
    color: #000000 !important;   /* Black text */
    font-weight: 500;
    display: block;
    padding: 8px 12px;
}

/* Hover effect on dropdown links */
.pkp_navigation_primary ul ul li a:hover {
    background-color: #FF0000 !important; /* Baby blue background */
    color: #ffffff !important;            /* White text on hover */
}

/* Footer */
.pkp_structure_footer_wrapper {
    background-color: #222222;  /* Dark gray footer */
    color: #ffffff;
    padding: 30px 20px;
    text-align: center;
}
.pkp_structure_footer_wrapper a {
    color: #cccccc;
    text-decoration: none;
}
.pkp_structure_footer_wrapper a:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* Hide OJS/PKP footer branding */
.pkp_brand_footer {
    display: none !important;
}

/* Article titles */
.obj_article_summary .title a {
    color: #004080 !important;
    font-weight: bold;
    font-size: 18px;
}
.obj_article_summary .title a:hover {
    color: #222222 !important;
}

/* Links inside text */
a {
    color: #004080;
}
a:hover {
    color: #800020; /* Burgundy hover */
}

/* Body text */
body {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #222222;
    text-align: justify;
}