/* ============================================
   WE JOURNAL - SAFE CUSTOM CSS
   ============================================ */

/* ===== HEADER: DARK SAPPHIRE BLUE ===== */
.pkp_structure_head {
    background-color: #0F3D72 !important;
    border-bottom: 3px solid #082A52 !important;
}

.pkp_site_name a,
.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a {
    color: #ffffff !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_user > li > a:hover {
    background-color: #082A52 !important;
    color: #ffffff !important;
}

/* ===== BUTTONS ===== */
.cmp_button,
.pkp_button,
.btn-primary,
.btn,
.block_make_submission_link,
input[type="submit"],
button[type="submit"] {
    background-color: #0F3D72 !important;
    border-color: #0F3D72 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}

.cmp_button:hover,
.pkp_button:hover,
.btn-primary:hover,
.btn:hover,
.block_make_submission_link:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
    background-color: #082A52 !important;
    border-color: #082A52 !important;
    color: #ffffff !important;
}

/* ===== ARTICLE TITLES ===== */
.obj_article_summary .title a {
    color: #0F3D72 !important;
}

.obj_article_summary .title a:hover {
    color: #082A52 !important;
}

/* ===== FOOTER ===== */
.pkp_structure_footer_wrapper {
    background-color: #0F3D72 !important;
    color: #ffffff !important;
}

.pkp_structure_footer_wrapper a {
    color: #ffffff !important;
}

/* ===== DROPDOWNS: WHITE BACKGROUND, BLACK TEXT ===== */
.pkp_navigation_primary > li > ul,
.pkp_navigation_user > li > ul {
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

.pkp_navigation_primary > li > ul > li > a,
.pkp_navigation_user > li > ul > li > a {
    color: #000000 !important;
    font-weight: 500 !important;
    padding: 10px 16px !important;
}

.pkp_navigation_primary > li > ul > li > a:hover,
.pkp_navigation_user > li > ul > li > a:hover {
    background-color: #e8f0fa !important;
    color: #000000 !important;
}

/* ============================================
   HOMEPAGE BLOCK VISIBILITY
   ============================================ */

/* 1. HIDE FACTS BAND */
.pc-facts,
.pc-facts__grid,
.pc-fact {
    display: none !important;
}

/* 2. HIDE AIMS & SCOPE BLOCK */
.pc-section:has(.pc-scope__grid),
.pc-scope__grid {
    display: none !important;
}

/* 3. HIDE INDEXING BLOCK */
.pc-section:has(.pc-index__grid),
.pc-index__grid {
    display: none !important;
}

/* ============================================
   COLORFUL SCRAMBLED KEYWORD PILLS
   ============================================ */

/* Container: wrap keyword pills side by side */
.pkp_block .item.keywords .value,
.pkp_block .item.keywords .value ul,
.article-details-keywords,
.article-details-keywords ul,
.obj_article_details .keywords,
.obj_article_details .keywords ul,
.keywords-list,
.article-details .keywords,
.article-details .keywords ul,
.pkp_block .keywords,
.pkp_block .keywords ul,
section.keywords,
section.keywords ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 8px 0 16px 0 !important;
}

/* Each keyword pill */
.pkp_block .item.keywords .value li,
.article-details-keywords li,
.obj_article_details .keywords li,
.keywords-list li,
.article-details .keywords li,
.pkp_block .keywords li,
section.keywords li,
.pkp_block .item.keywords .value a {
    display: inline-block !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    border: 1px solid transparent !important;
    transition: all 0.2s ease !important;
}

/* Scrambled color palette — 6 tones cycling */
.pkp_block .item.keywords .value li:nth-child(6n+1),
.article-details-keywords li:nth-child(6n+1),
.obj_article_details .keywords li:nth-child(6n+1),
.keywords-list li:nth-child(6n+1),
.article-details .keywords li:nth-child(6n+1),
.pkp_block .keywords li:nth-child(6n+1),
section.keywords li:nth-child(6n+1) {
    background-color: #0F3D72 !important;
    color: #ffffff !important;
    border-color: #082A52 !important;
}

.pkp_block .item.keywords .value li:nth-child(6n+2),
.article-details-keywords li:nth-child(6n+2),
.obj_article_details .keywords li:nth-child(6n+2),
.keywords-list li:nth-child(6n+2),
.article-details .keywords li:nth-child(6n+2),
.pkp_block .keywords li:nth-child(6n+2),
section.keywords li:nth-child(6n+2) {
    background-color: #e8f0fa !important;
    color: #0F3D72 !important;
    border-color: #c8dbf0 !important;
}

.pkp_block .item.keywords .value li:nth-child(6n+3),
.article-details-keywords li:nth-child(6n+3),
.obj_article_details .keywords li:nth-child(6n+3),
.keywords-list li:nth-child(6n+3),
.article-details .keywords li:nth-child(6n+3),
.pkp_block .keywords li:nth-child(6n+3),
section.keywords li:nth-child(6n+3) {
    background-color: #e0e7ff !important;
    color: #3730a3 !important;
    border-color: #c7d2fe !important;
}

.pkp_block .item.keywords .value li:nth-child(6n+4),
.article-details-keywords li:nth-child(6n+4),
.obj_article_details .keywords li:nth-child(6n+4),
.keywords-list li:nth-child(6n+4),
.article-details .keywords li:nth-child(6n+4),
.pkp_block .keywords li:nth-child(6n+4),
section.keywords li:nth-child(6n+4) {
    background-color: #dbeafe !important;
    color: #1e40af !important;
    border-color: #bfdbfe !important;
}

.pkp_block .item.keywords .value li:nth-child(6n+5),
.article-details-keywords li:nth-child(6n+5),
.obj_article_details .keywords li:nth-child(6n+5),
.keywords-list li:nth-child(6n+5),
.article-details .keywords li:nth-child(6n+5),
.pkp_block .keywords li:nth-child(6n+5),
section.keywords li:nth-child(6n+5) {
    background-color: #ccfbf1 !important;
    color: #115e59 !important;
    border-color: #99f6e4 !important;
}

.pkp_block .item.keywords .value li:nth-child(6n+6),
.article-details-keywords li:nth-child(6n+6),
.obj_article_details .keywords li:nth-child(6n+6),
.keywords-list li:nth-child(6n+6),
.article-details .keywords li:nth-child(6n+6),
.pkp_block .keywords li:nth-child(6n+6),
section.keywords li:nth-child(6n+6) {
    background-color: #fef3c7 !important;
    color: #92400e !important;
    border-color: #fde68a !important;
}

/* Hover: darken to sapphire */
.pkp_block .item.keywords .value li:hover,
.article-details-keywords li:hover,
.obj_article_details .keywords li:hover,
.keywords-list li:hover,
.article-details .keywords li:hover,
.pkp_block .keywords li:hover,
section.keywords li:hover {
    background-color: #082A52 !important;
    color: #ffffff !important;
    border-color: #041a33 !important;
    transform: translateY(-1px) !important;
}
