/* ============================================
   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;
}

/* Hide PKP branding */
.pkp_brand_footer {
    display: none !important;
}

/* Footer wrapper */
.pkp_structure_footer_wrapper {
    background-color: #1b3a4b !important;
}

/* 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;
    }
}

/* ============================================
   Header — Fix "Увійти" and "Пошук" links
   (were dark blue #006798 on blue #2367c3 = invisible)
   ============================================ */

/* "Увійти" (Login) link — white on blue header */
.pkp_navigation_user a {
    color: #ffffff !important;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.pkp_navigation_user a:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 3px;
}

/* On click/focus — flip to white bg + blue text (matches main nav) */
.pkp_navigation_user > li > a:focus,
.pkp_navigation_user > li > a:active {
    color: #2367c3 !important;
    background: #ffffff;
    border-radius: 3px;
}

/* "Пошук" (Search) link — white on blue header */
.pkp_navigation_search_wrapper a,
.pkp_search a {
    color: #ffffff !important;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.pkp_navigation_search_wrapper a:hover,
.pkp_search a:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 3px;
}

/* On click/focus — flip to white bg + blue text (matches main nav) */
.pkp_navigation_search_wrapper a:focus,
.pkp_navigation_search_wrapper a:active,
.pkp_search a:focus,
.pkp_search a:active {
    color: #2367c3 !important;
    background: #ffffff;
    border-radius: 3px;
}

/* Dropdown menus under "Увійти" — keep readable on white background */
.pkp_navigation_user ul a {
    color: #006798 !important;
    background-color: #ffffff;
}

.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus {
    color: #006798 !important;
    background-color: #ddd;
}