/* Custom Sidebar OJS - Clean White & Blue Theme */
.bbk-sidebar a { transition: background 0.2s ease, padding-left 0.2s ease, color 0.2s ease !important; }
.bbk-sidebar a:hover { background: rgba(46, 53, 161, 0.08) !important; color: #2e35a1 !important; padding-left: 14px !important; }
.bbk-sidebar .bbk-card { transition: box-shadow 0.25s ease, transform 0.25s ease !important; }
.bbk-sidebar .bbk-card:hover { box-shadow: 0 4px 16px rgba(12, 8, 34, 0.1) !important; transform: translateY(-2px) !important; }
.bbk-sidebar .bbk-card img { transition: opacity 0.2s ease, transform 0.2s ease !important; }
.bbk-sidebar .bbk-card:hover img { opacity: 0.85 !important; transform: scale(1.03) !important; }
.bbk-sidebar .bbk-stat-link { transition: color 0.2s ease !important; }
.bbk-sidebar .bbk-stat-link:hover { color: #2e35a1 !important; text-decoration: underline !important; }

/* Custom Contact OJS - Interactive Effects */
.bbk-contact-card { transition: transform 0.3s ease, box-shadow 0.3s ease !important; }
.bbk-contact-card:hover { transform: translateY(-4px) !important; box-shadow: 0 8px 24px rgba(46, 53, 161, 0.15) !important; }

.bbk-text-link { transition: color 0.2s ease !important; }
.bbk-text-link:hover { color: #0c0822 !important; text-decoration: underline !important; }


.bbk-pill-link { transition: all 0.2s ease !important; }
.bbk-pill-link:hover { background: rgba(46, 53, 161, 0.2) !important; color: #0c0822 !important; transform: scale(1.05); }

/* Custom Ethics Page - Subtle Hover Effect */
.bbk-ethics-card { 
    transition: all 0.3s ease !important; 
    border: 1px solid #e2e8f0 !important; 
}
.bbk-ethics-card:hover { 
    box-shadow: 0 4px 12px rgba(46, 53, 161, 0.08) !important; 
    border-color: #2e35a1 !important; 
}

/* Custom Guidelines Page - Sub-card hover (article types, sections) */
.bbk-sub-card {
    transition: all 0.25s ease !important;
    border: 1px solid #e2e8f0 !important;
}
.bbk-sub-card:hover {
    box-shadow: 0 3px 10px rgba(46, 53, 161, 0.08) !important;
    border-color: #2e35a1 !important;
    transform: translateY(-2px) !important;
}

/* Badge chips in Abstract section */
.bbk-badge {
    transition: all 0.2s ease !important;
}
.bbk-badge:hover {
    background: rgba(46, 53, 161, 0.18) !important;
    color: #0c0822 !important;
}

/* Custom Guidelines Page - Action Buttons (Online Submission, Download, Contact) */
.bbk-action-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 4px 0 16px 0;
}

.bbk-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.2s ease !important;
    line-height: 1;
}

.bbk-action-btn svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* Primary = the main action (Online Submission) */
.bbk-action-btn.bbk-action-primary {
    background: #2e35a1 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(46, 53, 161, 0.25);
}
.bbk-action-btn.bbk-action-primary:hover {
    background: #0c0822 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(46, 53, 161, 0.35);
}

/* Secondary = supporting action (Download Template) */
.bbk-action-btn.bbk-action-secondary {
    background: #ffffff !important;
    color: #2e35a1 !important;
    border: 1.5px solid #2e35a1 !important;
}
.bbk-action-btn.bbk-action-secondary:hover {
    background: #2e35a1 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

/* Tertiary = low-emphasis (Contact) */
.bbk-action-btn.bbk-action-tertiary {
    background: #f8f9fd !important;
    color: #475569 !important;
    border: 1.5px solid #e2e8f0 !important;
}
.bbk-action-btn.bbk-action-tertiary:hover {
    background: #eef0fb !important;
    color: #2e35a1 !important;
    border-color: #2e35a1 !important;
}

/* Custom Focus & Scope Page */
.bbk-scope-wrap { margin-bottom: 8px; }

.bbk-scope-kicker {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #2e35a1;
    margin: 0 0 6px 0;
}

.bbk-scope-title {
    font-size: 22px;
    color: #0c0822;
    margin: 0 0 14px 0;
}

.bbk-scope-lead {
    font-size: 14px;
    color: #444;
    text-align: justify;
    margin-bottom: 10px;
    line-height: 1.7;
}

.bbk-scope-sub {
    font-size: 14px;
    color: #475569;
    margin-bottom: 18px;
}

.bbk-scope-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

.bbk-scope-group {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 18px 20px;
    transition: all 0.25s ease !important;
}

.bbk-scope-group:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 3px 10px rgba(46, 53, 161, 0.08) !important;
    border-color: #2e35a1 !important;
}

.bbk-scope-group-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.bbk-scope-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 8px;
    background: rgba(46, 53, 161, 0.08);
    color: #2e35a1;
    transition: background 0.2s ease, color 0.2s ease !important;
}

.bbk-scope-icon svg { width: 17px; height: 17px; }

.bbk-scope-group:hover .bbk-scope-icon {
    background: #2e35a1;
    color: #ffffff;
}

.bbk-scope-group-title {
    font-size: 14.5px;
    font-weight: bold;
    color: #0c0822;
}

.bbk-scope-list {
    margin: 0;
    padding-left: 18px;
    font-size: 13.5px;
    color: #475569;
    line-height: 1.75;
}

.bbk-scope-list li::marker { color: #2e35a1; }

@media (max-width: 480px) {
    .bbk-scope-grid { grid-template-columns: 1fr; }
}

/* Navbar — solid brand color override */
nav.pkp_site_nav_menu .pkp_navigation_primary_row,
.pkp_head_wrapper nav.pkp_site_nav_menu .pkp_navigation_primary_row,
body .pkp_structure_head .pkp_navigation_primary_row {
    background: #2e35a1 !important;
    background-image: none !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary > li > a,
.pkp_navigation_primary_row .pkp_search {
    color: #ffffff !important;
    position: relative;
    transition: color 0.25s ease !important;
}

/* Hover — underline slide-in, evokes liquid rising in a reboiler */
.pkp_navigation_primary_row .pkp_navigation_primary > li > a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 6px;
    width: 0%;
    height: 2px;
    background: #ffffff;
    border: none !important; 
    box-shadow: none !important;
    transition: width 0.25s ease, left 0.25s ease;
}

.pkp_navigation_primary_row .pkp_navigation_primary > li > a:hover {
    color: #f0f2fc !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary > li > a:hover::after {
    width: 60%;
    left: 20%;
}

.pkp_navigation_primary_row .pkp_search:hover {
    color: #f0f2fc !important;
    opacity: 0.85;
}

/* "About" dropdown submenu */
.pkp_navigation_primary_row .pkp_nav_list ul {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    overflow: hidden;
}

.pkp_navigation_primary_row .pkp_nav_list ul a {
    color: #0c0822 !important;
}

.pkp_navigation_primary_row .pkp_nav_list ul a:hover {
    background: #eef0fb !important;
    color: #2e35a1 !important;
}

html body .pkp_structure_head .pkp_navigation_primary_row,
html body .pkp_navigation_primary_wrapper,
html body div.pkp_navigation_primary_row {
    background: #2e35a1 !important;
    background-color: #2e35a1 !important;
    background-image: none !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary > li > a {
    color: #ffffff !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s ease !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary > li > a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0%;
    background: rgba(255, 255, 255, 0.16);
    z-index: -1;
    transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.pkp_navigation_primary_row .pkp_navigation_primary > li > a:hover::before {
    height: 100%;
}

.pkp_navigation_primary_row .pkp_navigation_primary > li > a:hover {
    color: #ffffff !important;
}

#navigationPrimary > li:hover > a,
#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus,
#navigationPrimary > li > a[aria-expanded="true"] {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}