/* =========================================================
   IJURD – Formal / Modern Header Theme
   New dark teal: #002c40  |  Text: #ffffff
   ========================================================= */

/* 1. Base header – solid bar with soft shadow
----------------------------------------------------------- */
.pkp_structure_head,
.pkp_site_nav_menu,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user_wrapper,
.pkp_navigation_search_wrapper {
    background: #002c40;
    /* new dark teal */
    border: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
}

/* 2. Primary links – generous spacing & subtle hover
----------------------------------------------------------- */
.pkp_head_wrapper .pkp_site_name a,
.pkp_head_wrapper .pkp_site_name .is_text,
.pkp_head_wrapper .pkp_navigation_user>li>a,
.pkp_head_wrapper .pkp_navigation_search_wrapper>a,
.pkp_navigation_primary>li>a {
    color: #ffffff;
    font-weight: 500;
    letter-spacing: .25px;
    padding: .9rem 1.1rem;
    transition: background .2s ease, box-shadow .2s ease;
    border-radius: 4px;
}

/* 3. Hover / focus – gentle lift, text stays white
----------------------------------------------------------- */
.pkp_navigation_primary>li>a:hover,
.pkp_navigation_primary>li>a:focus,
.pkp_head_wrapper .pkp_navigation_user>li>a:hover,
.pkp_head_wrapper .pkp_navigation_user>li>a:focus,
.pkp_head_wrapper .pkp_navigation_search_wrapper>a:hover,
.pkp_head_wrapper .pkp_navigation_search_wrapper>a:focus {
    background: rgba(255, 255, 255, .12);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .25);
    outline: none;
    color: #ffffff !important;
}

/* 4. Dropdown – card-style with subtle shadow
----------------------------------------------------------- */
.pkp_nav_list ul,
.pkp_navigation_user ul,
.pkp_navigation_primary ul {
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    padding: .5rem 0;
    margin-top: .25rem;
}

.pkp_nav_list ul a,
.pkp_navigation_user ul a,
.pkp_navigation_primary ul a {
    color: #212529;
    padding: .55rem 1.25rem;
    transition: background .15s ease;
}

.pkp_nav_list ul a:hover,
.pkp_navigation_user ul a:hover,
.pkp_navigation_primary ul a:hover {
    background: #f1f1f1;
}

/* 5. Mobile – unified dark panel
----------------------------------------------------------- */
@media (max-width: 768px) {

    .pkp_nav_list ul,
    .pkp_navigation_user ul,
    .pkp_navigation_primary ul {
        background: #002c40;
        box-shadow: none;
        border-radius: 0;
    }

    .pkp_nav_list ul a,
    .pkp_navigation_user ul a,
    .pkp_navigation_primary ul a {
        color: #ffffff;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }

    .pkp_nav_list ul a:hover,
    .pkp_navigation_user ul a:hover,
    .pkp_navigation_primary ul a:hover {
        background: rgba(255, 255, 255, .1);
    }
}

/* 6. Hamburger – crisp white
----------------------------------------------------------- */
@media (max-width: 768px) {
    .pkp_site_nav_toggle {
        background: transparent;
        border: none;
        filter: invert(1) brightness(2);
    }
}




/* =========================================================
   GLOBAL LINK COLOUR – match header #002c40
   ========================================================= */

/* 1.  Body content & article links
----------------------------------------------------------- */
a,
.obj_article_summary>.title a,
.obj_article_details .title a,
.pkp_page_index .journals h3 a,
.section a,
.citation a,
.galleys_links a,
.listing-panel .item .title a {
    color: #002c40;
    text-decoration: none;
    transition: color .2s ease, box-shadow .2s ease;
}

/* 2.  Hover / focus – subtle underline + lighter shade
----------------------------------------------------------- */
a:hover,
a:focus,
.obj_article_summary>.title a:hover,
.obj_article_details .title a:hover,
.pkp_page_index .journals h3 a:hover,
.section a:hover,
.citation a:hover,
.galleys_links a:hover,
.listing-panel .item .title a:hover {
    color: #005a7a;
    /* 15 % lighter teal */
    box-shadow: 0 1px 0 0 currentColor;
    outline: none;
}

/* 3.  Breadcrumb & button-style links
----------------------------------------------------------- */
.breadcrumb a,
.pkp_button_link,
.pkp_contributor_name a {
    color: #002c40;
}

.breadcrumb a:hover,
.pkp_button_link:hover,
.pkp_contributor_name a:hover {
    color: #005a7a;
}

/* 4.  Footer links (if footer widget used)
----------------------------------------------------------- */
.pkp_structure_footer_wrapper a {
    color: #002c40;
}

.pkp_structure_footer_wrapper a:hover {
    color: #005a7a;
}


/* =========================================================
   SIMPLE: remove dropdown gap (desktop only)
   ========================================================= */
@media (min-width: 769px) {

    .pkp_navigation_primary ul,
    .pkp_navigation_user ul {
        margin-top: 0 !important;
        /* gap killed */
        padding-top: .2rem;
    }

    /* bigger hit-area */
    .pkp_navigation_primary>li>a,
    .pkp_navigation_user>li>a {
        padding-bottom: 1.2rem;
    }
}



/* =========================================================
   Clean focus ring inside dropdown only
   ========================================================= */
.pkp_nav_list ul a:focus,
.pkp_navigation_user ul a:focus,
.pkp_navigation_primary ul a:focus {
    outline: none;
    /* remove default */
    box-shadow: inset 0 0 0 2px #002c40;
    /* inset ring, same teal */
    border-radius: 3px;
}

/* 5. Mobile – unified dark panel (UPDATED)
----------------------------------------------------------- */
@media (max-width: 768px) {

    .pkp_nav_list ul,
    .pkp_navigation_user ul,
    .pkp_navigation_primary ul {
        background: #002c40;
        box-shadow: none;
        border-radius: 0;
    }

    /* ANY descendant text node inside the dropdown */
    .pkp_nav_list ul,
    .pkp_navigation_user ul,
    .pkp_navigation_primary ul,
    .pkp_nav_list ul *,
    .pkp_navigation_user ul *,
    .pkp_navigation_primary ul * {
        color: #ffffff !important;
    }

    /* keep hover */
    .pkp_nav_list ul a:hover,
    .pkp_navigation_user ul a:hover,
    .pkp_navigation_primary ul a:hover {
        background: rgba(255, 255, 255, .1);
    }
}



/* ======  NEVER underline inside header or its dropdowns  ====== */
.pkp_head_wrapper a,
.pkp_head_wrapper a:hover,
.pkp_head_wrapper a:focus,
.pkp_navigation_primary a,
.pkp_navigation_primary a:hover,
.pkp_navigation_primary a:focus,
.pkp_navigation_user a,
.pkp_navigation_user a:hover,
.pkp_navigation_user a:focus,
.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus,
.pkp_nav_list ul a,
.pkp_nav_list ul a:hover,
.pkp_nav_list ul a:focus {
    box-shadow: none !important;
}




/* =========================================================
   SEARCH PAGE – IJURD teal treatment
   ========================================================= */

/* 1.  Breadcrumb same as global links
----------------------------------------------------------- */
.page_search .cmp_breadcrumbs a {
    color: #002c40;
}

.page_search .cmp_breadcrumbs a:hover,
.page_search .cmp_breadcrumbs a:focus {
    color: #005a7a;
    box-shadow: 0 1px 0 0 currentColor;
}

/* 2.  Headings
----------------------------------------------------------- */
.page_search h1 {
    color: #002c40;
    font-weight: 600;
    letter-spacing: .25px;
}

/* 3.  Inputs & selects – thin teal border + focus glow
----------------------------------------------------------- */
.page_search input[type="text"],
.page_search select {
    border: 1px solid #002c40;
    border-radius: 4px;
    padding: .55rem .75rem;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.page_search input[type="text"]:focus,
.page_search select:focus {
    outline: none;
    border-color: #005a7a;
    box-shadow: 0 0 0 3px rgba(0, 92, 122, .25);
}

/* 4.  Search button – solid teal, no underline
----------------------------------------------------------- */
.page_search .submit button {
    background: #002c40;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    padding: .65rem 1.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: background .2s ease;
}

.page_search .submit button:hover,
.page_search .submit button:focus {
    background: #005a7a;
}

/* 5.  “No Results” badge – soft teal background
----------------------------------------------------------- */
.page_search .cmp_notification.notice {
    background: rgba(0, 44, 64, .06);
    color: #002c40;
    border-left: 4px solid #002c40;
    padding: .75rem 1rem;
    border-radius: 4px;
}

/* 6.  Kill any stray underline inside search area
----------------------------------------------------------- */
.page_search a,
.page_search a:hover,
.page_search a:focus {
    box-shadow: none !important;
}


/* =========================================================
   SEARCH PAGE – MOBILE ONLY (≤ 768 px)
   ========================================================= */
@media (max-width: 768px) {

    /* 1. Breadcrumb ek line me, chhota font */
    .page_search .cmp_breadcrumbs {
        font-size: .85rem;
        white-space: nowrap;
        overflow-x: auto;
        padding-bottom: .25rem;
    }

    /* 2. Heading thoda chhota */
    .page_search h1 {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    /* 3. Inputs & selects – full-width + same teal border */
    .page_search input[type="text"],
    .page_search select {
        width: 100%;
        font-size: 1rem;
        /* iOS zoom-off */
        padding: .65rem .75rem;
        margin-bottom: .75rem;
        border: 1px solid #002c40;
    }

    /* 4. Advanced filters – single column, compact gap */
    .page_search .search_advanced .date_range {
        display: flex;
        flex-direction: column;
        gap: .75rem;
    }

    .page_search .search_advanced fieldset {
        border: none;
        margin: 0;
        padding: 0 0 .5rem 0;
    }

    .page_search .search_advanced legend {
        font-weight: 600;
        color: #002c40;
        margin-bottom: .25rem;
    }

    /* 5. Search button – full-width, sticky nahi but dikhne me bada */
    .page_search .submit button {
        width: 100%;
        padding: .8rem;
        font-size: 1rem;
    }

}

/* =========================================================
   GLOBAL: soft-teal card for EVERY notification flavour
   ========================================================= */
.cmp_notification,
/* <-- plain .cmp_notification */
.cmp_notification.notice,
.cmp_notification.warning,
.cmp_notification.info {
    background: rgba(0, 44, 64, .06);
    color: #002c40;
    border: none;
    border-left: 4px solid #002c40;
    padding: .75rem 1rem;
    border-radius: 4px;
    margin: 1rem 0;
    font-weight: 500;
}


/*  Kill ANY icon inside the search-button  */
.submit button.submit::before,
.submit button.submit::after,
.submit button.submit i,
.submit button.submit span[class*="icon"],
.submit button.submit svg,
.submit button.submit .fa,
.submit button.submit .fas,
.submit button.submit .far,
.submit button.submit .fab {
    display: none !important;
}



/* =========================================================
   REGISTER / USER-FORMS – same teal vibe as Search page
   ========================================================= */

/* 1.  Breadcrumb = global link colour
----------------------------------------------------------- */
.page_register .cmp_breadcrumbs a {
    color: #002c40;
}

.page_register .cmp_breadcrumbs a:hover,
.page_register .cmp_breadcrumbs a:focus {
    color: #005a7a;
    box-shadow: 0 1px 0 0 currentColor;
}

/* 2.  Heading
----------------------------------------------------------- */
.page_register h1 {
    color: #002c40;
    font-weight: 600;
    letter-spacing: .25px;
    margin-bottom: 1rem;
}

/* 3.  All inputs & selects – thin teal border + glow on focus
----------------------------------------------------------- */
.page_register input[type="text"],
.page_register input[type="email"],
.page_register input[type="password"],
.page_register select,
.page_register input[type="checkbox"]+label:before {
    border: 1px solid #002c40;
    border-radius: 4px;
    padding: .55rem .75rem;
    font-size: 1rem;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.page_register input:focus,
.page_register select:focus {
    outline: none;
    border-color: #005a7a;
    box-shadow: 0 0 0 3px rgba(0, 92, 122, .25);
}

/* 4.  Required asterisk same teal
----------------------------------------------------------- */
.page_register .required {
    color: #002c40;
}

/* 5.  Fieldsets – clean card look
----------------------------------------------------------- */
.page_register form fieldset {
    border: 1px solid rgba(0, 44, 64, .15);
    border-radius: 6px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
}

.page_register form legend {
    font-weight: 600;
    color: #002c40;
    padding: 0 .5rem;
}

/* 6.  Submit button – solid teal, no underline
----------------------------------------------------------- */
.page_register .buttons .submit {
    background: #002c40;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    padding: .65rem 1.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: background .2s ease;
}

.page_register .buttons .submit:hover,
.page_register .buttons .submit:focus {
    background: #005a7a;
}

/* 7.  Links – no fake underline shadow
----------------------------------------------------------- */
.page_register a,
.page_register a:hover,
.page_register a:focus {
    box-shadow: none !important;
}

/* 8.  Mobile – full-width inputs & tighter gaps
----------------------------------------------------------- */
@media (max-width: 768px) {

    .page_register input[type="text"],
    .page_register input[type="email"],
    .page_register input[type="password"],
    .page_register select {
        width: 100%;
        margin-bottom: .75rem;
    }

    .page_register form fieldset {
        padding: .75rem 1rem;
    }

    .page_register .buttons {
        display: flex;
        flex-direction: column;
        gap: .75rem;
    }

    .page_register .buttons .submit {
        width: 100%;
    }
}

/* =========================================================
   LOGIN PAGE – same teal vibe as Search/Register
   ========================================================= */

/* 1  Breadcrumb
----------------------------------------------------------- */
.page_login .cmp_breadcrumbs a {
    color: #002c40;
}

.page_login .cmp_breadcrumbs a:hover,
.page_login .cmp_breadcrumbs a:focus {
    color: #005a7a;
    box-shadow: 0 1px 0 0 currentColor;
}

/* 2  Heading
----------------------------------------------------------- */
.page_login h1 {
    color: #002c40;
    font-weight: 600;
    letter-spacing: .25px;
    margin-bottom: 1rem;
}

/* 3  Inputs
----------------------------------------------------------- */
.page_login input[type="text"],
.page_login input[type="password"] {
    border: 1px solid #002c40;
    border-radius: 4px;
    padding: .55rem .75rem;
    font-size: 1rem;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.page_login input:focus {
    outline: none;
    border-color: #005a7a;
    box-shadow: 0 0 0 3px rgba(0, 92, 122, .25);
}

/* 4  Required asterisk
----------------------------------------------------------- */
.page_login .required {
    color: #002c40;
}

/* 5  Fieldset clean card
----------------------------------------------------------- */
.page_login form fieldset {
    border: 1px solid rgba(0, 44, 64, .15);
    border-radius: 6px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
}

/* 6  Submit button
----------------------------------------------------------- */
.page_login .buttons .submit {
    background: #002c40;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    padding: .65rem 1.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: background .2s ease;
}

.page_login .buttons .submit:hover,
.page_login .buttons .submit:focus {
    background: #005a7a;
}

/* 7  Links – no fake underline
----------------------------------------------------------- */
.page_login a,
.page_login a:hover,
.page_login a:focus {
    box-shadow: none !important;
}

/* 8  Mobile
----------------------------------------------------------- */
@media (max-width: 768px) {

    .page_login input[type="text"],
    .page_login input[type="password"] {
        width: 100%;
        margin-bottom: .75rem;
    }

    .page_login .buttons {
        display: flex;
        flex-direction: column;
        gap: .75rem;
    }

    .page_login .buttons .submit {
        width: 100%;
    }
}

/*  Make a Submission  block – same teal button
----------------------------------------------------------- */
a.block_make_submission_link {
    background: #002c40 !important;
    color: #ffffff !important;
    border: 1px solid #002c40 !important;
    border-radius: 4px !important;
    padding: .55rem 1.2rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: background .2s ease, border-color .2s ease !important;
}

a.block_make_submission_link:hover,
a.block_make_submission_link:focus {
    background: #005a7a !important;
    border-color: #005a7a !important;
}

/*  Font-Awesome check icon → teal
----------------------------------------------------------- */
.fa-check,
.fas.fa-check,
.far.fa-check {
    color: #002c40 !important;
}





/* =========================================================
   Sidebar – Journal Information  (Clean Formal)
   ========================================================= */

#customblock-journal-information {
    font-size: 13px;
    /* minor shrink */
    line-height: 1.65;
    text-align: left;
    margin-left: 1rem;
    /* sidebar gap */
    padding: .8rem 0;
    /* tight vertical spacing */
}

/* Header – flat teal, no gradient/shadow
----------------------------------------------------------- */
#customblock-journal-information h2.title {
    margin: 0 0 .6rem 0;
    padding: .5rem .8rem;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    background: #002c40;
    border-radius: 4px;
    /* subtle round */
}

/* Content – plain, compact
----------------------------------------------------------- */
#customblock-journal-information .content p {
    margin: 0 0 .4rem 0;
    color: #333;
}

/* Labels – semi-bold teal
----------------------------------------------------------- */
#customblock-journal-information strong {
    color: #002c40;
    font-weight: 600;
}

/* Last paragraph flush
----------------------------------------------------------- */
#customblock-journal-information .content p:last-child {
    margin-bottom: 0;
}



/* =========================================================
   Sidebar – Web Feed (Current Issue)  (Clean Formal)
   ========================================================= */

.pkp_block.block_web_feed {
    font-size: 13px;
    line-height: 1.65;
    text-align: left;
    margin-left: 1rem;
    /* sidebar gap */
    padding: .8rem 0;
}

/* Header – flat teal
----------------------------------------------------------- */
.pkp_block.block_web_feed h2.title {
    margin: 0 0 .6rem 0;
    padding: .5rem .8rem;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    background: #002c40;
    border-radius: 4px;
}

/* Content list – clean, tight
----------------------------------------------------------- */
.pkp_block.block_web_feed .content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pkp_block.block_web_feed .content li {
    margin: 0 0 .4rem 0;
}

.pkp_block.block_web_feed .content a {
    display: inline-block;
    padding: .2rem 0;
    color: #002c40;
    text-decoration: none;
}

.pkp_block.block_web_feed .content a:hover {
    color: #005a7a;
}

/* Icons – same teal
----------------------------------------------------------- */
.pkp_block.block_web_feed .content img {
    height: 16px;
    /* tidy icon size */
    vertical-align: middle;
    filter: brightness(0) saturate(100%) invert(11%) sepia(60%) saturate(1864%) hue-rotate(166deg) brightness(96%) contrast(101%);
    /* above filter = #002c40 */
}


/* 1. Force text to be visible & dark */
.pkp_block.block_web_feed .content ul li a {
    color: #002c40 !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
}

/* 2. If a <span> or <p> wraps the text, un-hide it */
.pkp_block.block_web_feed .content ul li span,
.pkp_block.block_web_feed .content ul li p {
    display: inline !important;
    color: #333 !important;
    font-size: 13px !important;
    margin: 0 !important;
}







/* =========================================================
   Sidebar – Quick Links  (final clean look)
   ========================================================= */

/*  block wrapper  */
#customblock-manuscript-template.pkp_block.block_custom {
    font-size: 13px;
    line-height: 1.65;
    text-align: left;
    margin-left: 1rem;
    padding: .8rem 0;
}

/*  header  */
#customblock-manuscript-template.pkp_block.block_custom h2.title {
    margin: 0 0 .6rem 0;
    padding: .5rem .8rem;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    background: #002c40;
    border-radius: 4px;
}

/*  list  */
#customblock-manuscript-template .content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#customblock-manuscript-template .content li {
    margin: 0 0 .5rem 0;
}

/*  links – teal, normal weight, NO underline  */
#customblock-manuscript-template .content a {
    display: inline-block;
    padding: .2rem 0;
    color: #002c40;
    text-decoration: none !important;
    font-weight: 400;
    /* ← normal weight */
    font-size: 14px;
}

#customblock-manuscript-template .content a:hover {
    color: #005a7a;
}

/*  icons – original colour, 15 px  */
#customblock-manuscript-template .content a::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 6px;
    vertical-align: middle;
}

#customblock-manuscript-template .content a[href*="wa.me"]::before {
    background: url("https://ijurd.com/assets/whatsapp.svg") no-repeat center / contain;
}

#customblock-manuscript-template .content a[href$=".docx"]::before {
    background: url("https://ijurd.com/assets/word.svg") no-repeat center / contain;
}



/*  1️⃣  Hide “DOI:” text completely  */
.obj_article_details .item.doi .label,
.obj_article_details .item.doi h2.label {
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    width: 0;
    height: 0;
    display: inline-block;
    /* keeps space for icon */
}

/*  2️⃣  Inject teal DOI icon before the link  */
.obj_article_details .item.doi .value a::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: middle;
    background: url("https://ijurd.com/assets/doi.svg") no-repeat center / contain;
    /* filter: brightness(0) saturate(100%) invert(11%) sepia(60%) saturate(1864%) hue-rotate(166deg) brightness(96%) contrast(101%); */
    /*  locks colour to #002c40  */
}



/*  Site name ke baad logo icon  */
.pkp_site_name a.is_text::before {
    content: "";
    display: inline-block;
    width: 32px;
    /* adjust size */
    height: 32px;
    margin-left: 8px;
    vertical-align: middle;
    background: url("https://ijurd.com/assets/ijurd_logo.png") no-repeat center / contain;
}

/*  mobile – smaller logo  */
@media (max-width: 768px) {
    .pkp_site_name a.is_text::before {
        width: 24px;
        height: 24px;
    }
}