/* ============================================
   OJS Sidebar — White + Teal Accent Theme
   Paste into: Settings → Website → Appearance → Custom CSS
   ============================================ */

/* Sidebar container */
.pkp_structure_sidebar,
.pkp_block {
    background-color: #ffffff;
    border-left: 3px solid #2a7d6e;
}

/* Block titles */
.pkp_block .title {
    color: #2c3e50;
    font-weight: 600;
    border-bottom: 1px solid #e8edee;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

/* Sidebar links — default */
.pkp_structure_sidebar a {
    color: #2a7d6e;
    text-decoration: none;
    transition: color 0.2s ease;
}

/* Sidebar links — visited */
.pkp_structure_sidebar a:visited {
    color: #5a6a7a;
}

/* Sidebar links — hover */
.pkp_structure_sidebar a:hover {
    color: #1d5c51;
    text-decoration: underline;
}

/* Sidebar links — active */
.pkp_structure_sidebar a:active {
    color: #14453d;
}

/* Override background on table cells inside sidebar blocks */
.pkp_block table,
.pkp_block table td,
.pkp_block table th,
.pkp_block table tr {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

.pkp_block table {
    border-collapse: collapse;
    width: 100%;
}

.pkp_block table td {
    padding: 5px 8px;
    border-bottom: 1px solid #f0f2f4;
    font-size: 0.9em;
    color: #2c3e50;
}

.pkp_block table td a {
    color: #2a7d6e;
}

.pkp_block table td a:visited {
    color: #5a6a7a;
}

/* Optional: soften the sidebar border on smaller screens */
@media (max-width: 767px) {
    .pkp_structure_sidebar,
    .pkp_block {
        border-left: none;
        border-top: 3px solid #2a7d6e;
    }
}