/* ================================
   TAROMBO JOURNAL STYLE
================================ */

/* BACKGROUND */
body {
    background: #f2f2f2;
    font-family: Arial, Helvetica, sans-serif;
}

/* MAIN CONTENT BOX */
.pkp_structure_main {
    background: #ffffff;
    padding: 25px;
    border: 1px solid #ddd;
}

/* HEADER TITLE */
.page_title {
    color: #1e5aa8;
    font-weight: bold;
}

/* ================================
   BLUE SECTION HEADER (INDEXED, ETC)
================================ */
h3 {
    background: #1e5aa8;
    color: #ffffff;
    padding: 10px;
    font-size: 16px;
    margin-top: 25px;
}

/* ================================
   INFO BOX (DASHED)
================================ */
.info-box {
    border: 2px dashed #1e5aa8;
    padding: 15px;
    margin-top: 15px;
    background: #f9fbff;
}

/* ================================
   INDEXED LOGOS GRID
================================ */
.indexed-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.indexed-logos img {
    width: 120px;
    height: 55px;
    object-fit: contain;
    border: 1px solid #ccc;
    padding: 5px;
    background: white;
}

/* ================================
   ASSOCIATION LOGOS
================================ */
.association-logos img {
    height: 60px;
    margin: 10px;
}

/* ================================
   SIDEBAR BLOCK
================================ */
.pkp_block {
    border: 2px solid #1e5aa8;
    margin-bottom: 15px;
    border-radius: 4px;
}

/* SIDEBAR TITLE */
.pkp_block .title {
    background: #1e5aa8;
    color: white;
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
}

/* SIDEBAR MENU BUTTON */
.pkp_block ul li a {
    display: block;
    border: 1px solid #1e5aa8;
    margin: 5px;
    padding: 8px;
    background: #f8fbff;
    color: #1e5aa8;
    font-weight: bold;
    text-decoration: none;
}

.pkp_block ul li a:hover {
    background: #1e5aa8;
    color: white;
}

/* ================================
   PDF BUTTON
================================ */
.obj_galley_link {
    background: #1e5aa8 !important;
    color: white !important;
    padding: 6px 12px;
    border-radius: 3px;
}

/* ================================
   ARTICLE LIST
================================ */
.obj_article_summary {
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.obj_article_summary .title a {
    color: #1e5aa8;
    font-weight: bold;
}

/* ================================
   CURRENT ISSUE BOX
================================ */
.current_issue {
    background: #ffffff;
    padding: 15px;
    border: 1px solid #ddd;
}

/* ================================
   SMALL TEXT
================================ */
.obj_article_summary .meta {
    font-size: 12px;
    color: #666;
}

/* ================================
   MOBILE FIX
================================ */
@media (max-width: 768px) {
    .indexed-logos img {
        width: 90px;
    }
}