/* =========================================================
   ZAAD-E-ADAB | زادِ ادب
   PREMIUM OJS THEME
   Theme: Deep Burgundy + Antique Gold + Warm Ivory
   ========================================================= */

:root {
    --zaad-burgundy: #4b1022;
    --zaad-wine: #681b32;
    --zaad-deep: #2a0914;
    --zaad-gold: #c5a15a;
    --zaad-gold-light: #e5cf91;
    --zaad-ivory: #fbf6eb;
    --zaad-paper: #fffdf8;
    --zaad-text: #382a2c;
    --zaad-muted: #79686a;
    --zaad-border: #e8dccb;
}

html, body {
    background: #f8f4ee !important;
    color: var(--zaad-text) !important;
    font-family: Georgia, "Times New Roman", serif !important;
}

.pkp_structure_page {
    background: transparent !important;
}

/* HEADER */
.pkp_structure_head {
    position: relative !important;
    overflow: hidden !important;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(197,161,90,.22) 0%, transparent 58%),
        linear-gradient(135deg, #260711 0%, var(--zaad-burgundy) 52%, #57172b 100%) !important;
    border-bottom: 4px solid var(--zaad-gold) !important;
    box-shadow: 0 8px 26px rgba(42,9,20,.22) !important;
}

.pkp_structure_head::before {
    content: "✦";
    position: absolute !important;
    top: 10px !important;
    right: 5% !important;
    color: rgba(229,207,145,.15) !important;
    font-size: 110px !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

.pkp_head_wrapper {
    position: relative !important;
    z-index: 1 !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 30px 24px 28px !important;
    text-align: center !important;
}

.pkp_site_name_wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.pkp_site_name a {
    color: var(--zaad-ivory) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    letter-spacing: .5px !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    text-shadow: 0 3px 12px rgba(0,0,0,.4) !important;
    transition: color .25s ease, text-shadow .25s ease !important;
}

.pkp_site_name a:hover {
    color: var(--zaad-gold-light) !important;
    text-shadow: 0 0 18px rgba(229,207,145,.38) !important;
}

.pkp_site_name::after {
    content: "زادِ ادب  •  A Journal of Literature, Language and Ideas";
    display: block !important;
    margin-top: 10px !important;
    color: var(--zaad-gold-light) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
    letter-spacing: 1.2px !important;
}

/* Keep navigation below the journal title */
.pkp_navigation_primary_row {
    position: relative !important;
    z-index: 5 !important;
    background: #2a0914 !important;
    border-top: 1px solid rgba(229,207,145,.2) !important;
    border-bottom: 2px solid var(--zaad-gold) !important;
}

.pkp_navigation_primary_wrapper {
    max-width: 1240px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
}

.pkp_navigation_primary > li > a {
    color: var(--zaad-ivory) !important;
    padding: 14px 17px !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .55px !important;
    text-transform: uppercase !important;
    transition: background .2s ease, color .2s ease !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li > a[aria-current="page"] {
    background: var(--zaad-gold) !important;
    color: var(--zaad-deep) !important;
    text-decoration: none !important;
}

.pkp_navigation_primary ul {
    background: var(--zaad-deep) !important;
    border-top: 3px solid var(--zaad-gold) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
}

.pkp_navigation_primary ul li a {
    color: var(--zaad-ivory) !important;
    padding: 11px 15px !important;
    font-size: 13px !important;
}

.pkp_navigation_primary ul li a:hover {
    background: var(--zaad-gold) !important;
    color: var(--zaad-deep) !important;
}

.pkp_navigation_search_wrapper a,
.pkp_navigation_user a {
    color: var(--zaad-ivory) !important;
    font-weight: 600 !important;
}

.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_user a:hover {
    color: var(--zaad-gold-light) !important;
}

/* MAIN CONTENT */
.pkp_structure_content {
    max-width: 1240px !important;
    margin: 34px auto !important;
    padding: 0 20px !important;
}

.pkp_structure_content.has_sidebar {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 28px !important;
}

.pkp_structure_content.has_sidebar .pkp_structure_main {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.pkp_structure_content.has_sidebar .pkp_structure_sidebar {
    flex: 0 0 285px !important;
    width: 285px !important;
}

.pkp_structure_sidebar .pkp_block {
    background: var(--zaad-paper) !important;
    border: 1px solid var(--zaad-border) !important;
    border-radius: 8px !important;
    margin-bottom: 18px !important;
    padding: 20px !important;
    box-shadow: 0 5px 18px rgba(75,16,34,.06) !important;
}

.pkp_structure_sidebar .pkp_block::before {
    content: "" !important;
    display: block !important;
    width: 48px !important;
    height: 3px !important;
    margin-bottom: 13px !important;
    background: var(--zaad-gold) !important;
}

.pkp_structure_sidebar .pkp_block .title {
    color: var(--zaad-burgundy) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* CURRENT ISSUE */
.current_issue {
    position: relative !important;
    overflow: hidden !important;
    background: var(--zaad-paper) !important;
    border: 1px solid var(--zaad-border) !important;
    border-radius: 10px !important;
    padding: 28px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 7px 24px rgba(75,16,34,.07) !important;
}

.current_issue::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 4px !important;
    background: linear-gradient(90deg, var(--zaad-burgundy), var(--zaad-gold), var(--zaad-burgundy)) !important;
}

.current_issue h2,
.current_issue_title {
    color: var(--zaad-burgundy) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 700 !important;
}

.current_issue h2 {
    font-size: 26px !important;
    margin-bottom: 17px !important;
}

.current_issue_title {
    font-size: 20px !important;
    border-bottom: 1px solid var(--zaad-gold) !important;
    padding-bottom: 11px !important;
    margin-bottom: 18px !important;
}

.current_issue .published {
    background: var(--zaad-ivory) !important;
    border-left: 3px solid var(--zaad-gold) !important;
    padding: 10px 14px !important;
    margin-bottom: 18px !important;
}

.obj_article_summary {
    background: #fffefa !important;
    border: 1px solid var(--zaad-border) !important;
    border-left: 3px solid var(--zaad-burgundy) !important;
    border-radius: 7px !important;
    padding: 18px !important;
    margin: 13px 0 !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.obj_article_summary:hover {
    transform: translateY(-2px) !important;
    border-left-color: var(--zaad-gold) !important;
    box-shadow: 0 8px 20px rgba(75,16,34,.09) !important;
}

.obj_article_summary .title a {
    color: var(--zaad-burgundy) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.obj_article_summary .title a:hover {
    color: #8a2946 !important;
}

.obj_galley_link.pdf,
.current_issue .read_more {
    display: inline-block !important;
    background: var(--zaad-burgundy) !important;
    color: var(--zaad-ivory) !important;
    padding: 9px 16px !important;
    border: 1px solid var(--zaad-gold) !important;
    border-radius: 4px !important;
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .4px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: background .2s ease, color .2s ease !important;
}

.obj_galley_link.pdf:hover,
.current_issue .read_more:hover {
    background: var(--zaad-gold) !important;
    color: var(--zaad-deep) !important;
}

/* LINKS AND FORMS */
a {
    transition: color .2s ease !important;
}

.pkp_page_index .additional_content,
.pkp_page_about .additional_content {
    line-height: 1.8 !important;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    border: 1px solid #d9c8b8 !important;
    border-radius: 4px !important;
    background: #fffefa !important;
    padding: 9px 11px !important;
}

button,
.button,
input[type="submit"] {
    border-radius: 4px !important;
}

/* FOOTER */
.pkp_structure_footer_wrapper {
    background: linear-gradient(135deg, #260711 0%, var(--zaad-burgundy) 60%, #57172b 100%) !important;
    border-top: 4px solid var(--zaad-gold) !important;
    padding: 28px 20px !important;
    color: var(--zaad-ivory) !important;
}

.pkp_structure_footer {
    max-width: 1240px !important;
    margin: 0 auto !important;
}

.pkp_brand_footer {
    color: #e7d8c5 !important;
    text-align: center !important;
    font-size: 12px !important;
}

/* MOBILE RESPONSIVE */
@media (max-width: 900px) {
    .pkp_head_wrapper {
        padding: 24px 15px !important;
    }

    .pkp_site_name a {
        font-size: 28px !important;
    }

    .pkp_site_name::after {
        font-size: 11px !important;
        letter-spacing: .5px !important;
        line-height: 1.6 !important;
    }

    .pkp_navigation_primary_wrapper {
        flex-wrap: wrap !important;
    }

    .pkp_navigation_primary > li > a {
        padding: 11px 10px !important;
        font-size: 11px !important;
    }

    .pkp_structure_content,
    .pkp_structure_content.has_sidebar {
        display: block !important;
        margin: 24px auto !important;
        padding: 0 14px !important;
    }

    .pkp_structure_content.has_sidebar .pkp_structure_main,
    .pkp_structure_content.has_sidebar .pkp_structure_sidebar {
        width: 100% !important;
        max-width: 100% !important;
    }

    .pkp_structure_content.has_sidebar .pkp_structure_sidebar {
        margin-top: 24px !important;
    }

    .current_issue {
        padding: 20px !important;
    }
}

@media (max-width: 480px) {
    .pkp_site_name a {
        font-size: 23px !important;
    }

    .pkp_site_name::after {
        max-width: 290px !important;
        font-size: 10px !important;
    }

    .pkp_navigation_primary > li > a {
        padding: 9px 8px !important;
        font-size: 10px !important;
    }
}
