/* Articles aur Page Numbers - moderate increase */
.obj_article_summary .title {
    font-size: 1.2em !important;  /* Pehle 1.5 tha */
    line-height: 1.3 !important;
}

/* Page numbers - subtle increase */
.pages {
    font-size: 1.07em !important;  /* Pehle 1.5 tha */
    font-weight: 300 !important;  /* Normal weight */
}

/* Author names - slight increase */
.obj_article_summary .authors {
    font-size: 1.1em !important;  /* Pehle 1.2 tha */
}

.obj_article_summary .authors a {
    font-size: 1.05em !important; /* Pehle 1.1 tha */
}

/* Individual author */
.author {
    font-size: 1.05em !important; /* Pehle 1.15 tha */
}

/* Main Menu items - moderate increase */
.pkp_navigation_primary .nav-item {
    font-size: 1.1em !important;  /* Pehle 1.2 tha */
}

.pkp_navigation_primary .nav-item a {
    font-size: 1.1em !important;  /* Pehle 1.2 tha */
    padding: 8px 12px !important; /* Kam padding */
}

/* Submenu items */
.dropdown-menu .nav-item {
    font-size: 1.05em !important; /* Pehle 1.1 tha */
}

.dropdown-menu .nav-item a {
    font-size: 1.05em !important; /* Pehle 1.1 tha */
}

/* User menu */
.pkp_navigation_user .nav-item {
    font-size: 1.05em !important; /* Pehle 1.1 tha */
}

/* Article meta information (volume, issue etc) */
.obj_article_summary .meta {
    font-size: 1.05em !important;
}

/* DOI, galleys etc */
.obj_article_summary .galleys_links a {
    font-size: 1.05em !important;
}



/* Minimal & Clean Design - 2 Columns Layout */
.issues_archive {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
    margin: 50px 0;
}

.issues_archive .obj_issue_summary {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centre mein sab kuch */
    text-align: center; /* Text bhi centre mein */
    background: transparent;
    border: none;
    padding: 0;
    transition: all 0.3s ease;
    position: relative;
    height: 100%;
}

.issues_archive .obj_issue_summary::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #333, transparent);
    transition: width 0.4s ease;
}

.issues_archive .obj_issue_summary:hover::after {
    width: 80%;
}

/* Cover Image - Normal size, centre mein */
.issues_archive .obj_issue_summary .cover {
    margin-bottom: 15px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    width: auto; /* Auto width */
    max-width: 200px; /* Normal size mein rahega */
    display: inline-block;
}

.issues_archive .obj_issue_summary .cover img {
    width: 100%;
    height: auto;
    transition: opacity 0.4s ease;
    display: block;
}

.issues_archive .obj_issue_summary:hover .cover img {
    opacity: 0.9;
}

/* Content Container */
.issues_archive .obj_issue_summary .content {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center; /* Content bhi centre mein */
}

/* Vol/Issue/Year */
.issues_archive .obj_issue_summary .published {
    color: #777;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
    order: 1;
}

.issues_archive .obj_issue_summary .title {
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    margin: 0 0 10px 0;
    order: 2;
    width: 100%;
}

.issues_archive .obj_issue_summary .title a {
    color: #222;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.3s ease;
}

.issues_archive .obj_issue_summary:hover .title a {
    border-bottom-color: #222;
}

.issues_archive .obj_issue_summary .description {
    color: #555;
    font-size: 0.95rem;
    line-height: 1.7;
    margin: 0 0 15px 0;
    order: 3;
    width: 100%;
}

.issues_archive .obj_issue_summary .galleys {
    order: 4;
}

.issues_archive .obj_issue_summary .galleys a {
    color: #222;
    text-decoration: none;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #222;
    padding: 8px 20px;
    transition: all 0.3s ease;
    background: transparent;
    border-radius: 0;
    display: inline-block;
}

.issues_archive .obj_issue_summary .galleys a:hover {
    background: #222;
    color: #fff;
}

/* Responsive for tablets */
@media screen and (max-width: 992px) {
    .issues_archive {
        gap: 30px 20px;
    }
    
    .issues_archive .obj_issue_summary .cover {
        max-width: 180px; /* थोड़ा छोटा */
    }
    
    .issues_archive .obj_issue_summary .title {
        font-size: 1.2rem;
    }
}

/* Responsive for mobile - 2 columns hi rahega, sab centre mein */
@media screen and (max-width: 768px) {
    .issues_archive {
        grid-template-columns: repeat(2, 1fr); /* 2 columns maintain */
        gap: 25px 15px;
        margin: 30px 0;
        padding: 0 10px;
    }
    
    .issues_archive .obj_issue_summary {
        max-width: 100%;
    }
    
    .issues_archive .obj_issue_summary .cover {
        max-width: 150px; /* Mobile ke hisab se chhoti */
        margin-bottom: 12px;
    }
    
    .issues_archive .obj_issue_summary .published {
        font-size: 0.75rem;
        margin-bottom: 8px;
    }
    
    .issues_archive .obj_issue_summary .title {
        font-size: 1rem;
        margin-bottom: 8px;
    }
    
    .issues_archive .obj_issue_summary .description {
        font-size: 0.85rem;
        line-height: 1.5;
        margin-bottom: 12px;
    }
    
    .issues_archive .obj_issue_summary .galleys a {
        padding: 6px 15px;
        font-size: 0.8rem;
    }
}

/* Small mobile */
@media screen and (max-width: 480px) {
    .issues_archive {
        gap: 20px 10px;
        padding: 0 5px;
    }
    
    .issues_archive .obj_issue_summary .cover {
        max-width: 120px; /* और छोटी */
        margin-bottom: 10px;
    }
    
    .issues_archive .obj_issue_summary .published {
        font-size: 0.7rem;
        letter-spacing: 0.5px;
    }
    
    .issues_archive .obj_issue_summary .title {
        font-size: 0.9rem;
    }
    
    .issues_archive .obj_issue_summary .title a {
        font-size: 0.9rem;
    }
    
    .issues_archive .obj_issue_summary .description {
        font-size: 0.8rem;
        line-height: 1.4;
    }
    
    .issues_archive .obj_issue_summary .galleys a {
        padding: 4px 10px;
        font-size: 0.7rem;
    }
}

/* Extra small mobile */
@media screen and (max-width: 360px) {
    .issues_archive .obj_issue_summary .cover {
        max-width: 100px;
    }
    
    .issues_archive .obj_issue_summary .title {
        font-size: 0.8rem;
    }
    
    .issues_archive .obj_issue_summary .published {
        font-size: 0.65rem;
    }
}