/* =====================================================
   JIQS OJS CUSTOM STYLE
   Journal of Interdisciplinary Qur'anic Studies
   Theme: Bright Green + Earth Brown
   Layout preserved
   ===================================================== */

/* ===== GLOBAL ===== */
body {
    background: #f4fbf7;
    color: #2f3e34;
    font-family: Georgia, Garamond, "Times New Roman", serif;
    line-height: 1.7;
}

p,
.page p,
.additional_content p,
.obj_article_details p,
.obj_article_details .abstract,
.pkp_page_about p,
.pkp_page_submissions p,
.pkp_page_privacy p {
    text-align: justify;
    text-justify: inter-word;
}

/* ===== LINKS ===== */
a {
    color: #2f8f5b;
    text-decoration: none;
}

a:hover {
    color: #7b5e3b;
    text-decoration: underline;
}

/* ===== HEADER ===== */
.pkp_site_name_wrapper {
    background: linear-gradient(135deg, #3fa66b, #7b5e3b);
    border-bottom: 5px solid #d6b98c;
}

.pkp_site_name {
    padding: 24px 15px;
    text-align: center;
}

.pkp_site_name a,
.pkp_site_name .is_text {
    color: #ffffff !important;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.pkp_site_name a:hover {
    text-decoration: none;
}

/* ===== PRIMARY NAVIGATION ===== */
.pkp_navigation_primary_wrapper {
    background: #3fa66b;
    border-bottom: 4px solid #d6b98c;
}

.pkp_navigation_primary > li > a {
    color: #ffffff !important;
    font-weight: bold;
    letter-spacing: 0.3px;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    background: #7b5e3b;
    color: #ffffff !important;
}

/* ===== DROPDOWN MENU ===== */
.pkp_navigation_primary ul {
    background: #ffffff;
    border: 1px solid #d6b98c;
    box-shadow: 0 8px 20px rgba(34, 94, 64, 0.18);
}

.pkp_navigation_primary ul a {
    color: #2f3e34 !important;
}

.pkp_navigation_primary ul a:hover {
    background: #f1f8f4;
    color: #7b5e3b !important;
}

/* ===== USER NAVIGATION ===== */
.pkp_navigation_user_wrapper {
    background: #7b5e3b;
}

.pkp_navigation_user a {
    color: #ffffff !important;
    font-weight: bold;
}

.pkp_navigation_user a:hover {
    color: #f1d7a7 !important;
}

/* ===== MAIN CONTENT ===== */
.pkp_structure_content {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(34, 94, 64, 0.12);
}

.pkp_structure_main {
    color: #2f3e34;
}

/* ===== PAGE TITLES ===== */
.page h1,
.page h2,
.page h3,
.current_issue h2,
.obj_issue_toc h3 {
    font-family: Georgia, Garamond, "Times New Roman", serif;
}

.page h1,
.current_issue h2 {
    color: #2f6f4e;
    font-weight: 800;
    border-bottom: 4px solid #d6b98c;
    padding-bottom: 10px;
}

.page h2 {
    color: #2f8f5b;
    font-weight: 800;
}

.page h3,
.obj_issue_toc h3 {
    color: #7b5e3b;
    font-weight: bold;
}

/* ===== HOMEPAGE ADDITIONAL CONTENT ===== */
.additional_content {
    text-align: justify;
}

.additional_content table td {
    text-align: left;
}

.additional_content h2,
.additional_content h3 {
    text-align: center;
}

/* ===== CURRENT ISSUE ===== */
.current_issue {
    background: linear-gradient(180deg, #ffffff, #eef5f0);
    border: 1px solid #cdded4;
    border-radius: 18px;
    padding: 22px;
    box-shadow: 0 8px 22px rgba(34, 94, 64, 0.12);
}

.current_issue_title {
    color: #7b5e3b;
    font-weight: bold;
    margin-bottom: 14px;
}

/* ===== ARTICLE SUMMARY ===== */
.obj_article_summary {
    background: #ffffff;
    border: 1px solid #d6e4da;
    border-radius: 14px;
    padding: 18px;
    margin-bottom: 18px;
    box-shadow: 0 6px 18px rgba(34, 94, 64, 0.10);
}

.obj_article_summary .title a {
    color: #2f6f4e;
    font-weight: bold;
}

.obj_article_summary .title a:hover {
    color: #7b5e3b;
}

.obj_article_summary .authors {
    color: #7b5e3b;
    font-style: italic;
}

.obj_article_summary .pages,
.obj_article_summary .published {
    color: #4f6658;
}

/* ===== ARTICLE DETAIL ===== */
.obj_article_details .page_title {
    color: #2f6f4e;
    border-bottom: 4px solid #d6b98c;
    padding-bottom: 10px;
}

.obj_article_details .abstract {
    background: #f1f8f4;
    border-left: 5px solid #3fa66b;
    padding: 18px;
    border-radius: 12px;
    line-height: 1.8;
}

/* ===== SIDEBAR BLOCKS ===== */
.pkp_block {
    background: #ffffff;
    border: 1px solid #cdded4;
    border-radius: 14px;
    box-shadow: 0 8px 22px rgba(34, 94, 64, 0.12);
    overflow: hidden;
    margin-bottom: 20px;
}

.pkp_block .title {
    background: linear-gradient(135deg, #3fa66b, #7b5e3b);
    color: #ffffff;
    padding: 12px 14px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border-bottom: 4px solid #d6b98c;
}

.pkp_block .content {
    color: #2f3e34;
}

.pkp_block a {
    font-weight: bold;
}

/* ===== MAKE SUBMISSION ===== */
.block_make_submission {
    text-align: center;
}

.block_make_submission a,
.block_make_submission_link,
.obj_galley_link,
.cmp_button,
button.submit,
input[type="submit"] {
    background: linear-gradient(135deg, #3fa66b, #7b5e3b) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 9px 18px !important;
    font-weight: bold !important;
    box-shadow: 0 6px 14px rgba(34, 94, 64, 0.22);
}

.block_make_submission a:hover,
.block_make_submission_link:hover,
.obj_galley_link:hover,
.cmp_button:hover,
button.submit:hover,
input[type="submit"]:hover {
    background: linear-gradient(135deg, #7b5e3b, #3fa66b) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* ===== TABLES ===== */
table {
    border-collapse: collapse;
}

table th {
    background: #3fa66b;
    color: #ffffff;
    padding: 10px;
}

table td {
    border: 1px solid #d6e4da;
    padding: 10px;
}

table tr:nth-child(even) {
    background: #f1f8f4;
}

/* ===== FORMS ===== */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    border: 1px solid #cdded4 !important;
    border-radius: 10px !important;
    padding: 9px !important;
    background: #ffffff !important;
    color: #2f3e34 !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #3fa66b !important;
    box-shadow: 0 0 0 3px rgba(63, 166, 107, 0.18) !important;
    outline: none !important;
}

/* ===== FOOTER ===== */
.pkp_structure_footer_wrapper {
    background: linear-gradient(135deg, #3fa66b, #7b5e3b);
    border-top: 5px solid #d6b98c;
    color: #ffffff;
}

.pkp_structure_footer {
    color: #ffffff;
    padding: 24px;
}

.pkp_structure_footer p,
.pkp_footer_content p {
    text-align: center;
}

.pkp_structure_footer a {
    color: #f1d7a7;
    font-weight: bold;
}

.pkp_structure_footer a:hover {
    color: #ffffff;
}

/* ===== READ MORE ===== */
.read_more {
    display: inline-block;
    margin-top: 16px;
    background: linear-gradient(135deg, #3fa66b, #7b5e3b);
    color: #ffffff !important;
    padding: 9px 18px;
    border-radius: 999px;
    font-weight: bold;
    box-shadow: 0 6px 14px rgba(34, 94, 64, 0.22);
}

.read_more:hover {
    background: linear-gradient(135deg, #7b5e3b, #3fa66b);
    text-decoration: none;
}

/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 768px) {
    .pkp_site_name a,
    .pkp_site_name .is_text {
        font-size: 22px;
        line-height: 1.3;
    }

    .pkp_structure_content {
        border-radius: 12px;
    }

    .page h1,
    .current_issue h2 {
        font-size: 23px;
    }

    .page h2 {
        font-size: 20px;
    }

    .obj_article_summary {
        padding: 14px;
    }
}
