/* =========================================================
   JMSOHC CUSTOM THEME
   ========================================================= */

:root {
    --jmsohc-primary: #d90812;
    --jmsohc-primary-dark: #ad0710;
    --jmsohc-text: #222222;
    --jmsohc-muted: #666666;
    --jmsohc-border: #dddddd;
    --jmsohc-light: #f7f7f7;
}


/* =========================================================
   LINKS
   ========================================================= */

.pkp_structure_content a,
.pkp_structure_sidebar a,
.cmp_breadcrumbs a {
    color: var(--jmsohc-primary);
}

.pkp_structure_content a:hover,
.pkp_structure_sidebar a:hover,
.cmp_breadcrumbs a:hover {
    color: var(--jmsohc-primary-dark);
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.pkp_navigation_primary > li > a {
    color: #ffffff;
}

.pkp_navigation_primary ul {
    border-radius: 4px;
    border: 1px solid var(--jmsohc-border);
}

.pkp_navigation_primary ul a {
    color: var(--jmsohc-text);
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus {
    color: var(--jmsohc-primary);
    background: #f7f7f7;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.cmp_button,
button,
input[type="submit"],
input[type="button"],
.pkp_structure_content .cmp_button {
    background: var(--jmsohc-primary);
    border: 1px solid var(--jmsohc-primary);
    color: #ffffff;
    border-radius: 4px;
    box-shadow: none;
    text-shadow: none;
    font-weight: 600;
    transition: background .2s ease, border-color .2s ease;
}

.cmp_button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.pkp_structure_content .cmp_button:hover {
    background: var(--jmsohc-primary-dark);
    border-color: var(--jmsohc-primary-dark);
    color: #ffffff;
}


/* =========================================================
   SIDEBAR - MAKE A SUBMISSION
   ========================================================= */

.pkp_block.block_make_submission .block_make_submission_link {
    display: inline-block;
    background: var(--jmsohc-primary);
    border: 1px solid var(--jmsohc-primary);
    color: #ffffff;
    border-radius: 4px;
    padding: 8px 14px;
    font-weight: 600;
    text-decoration: none;
}

.pkp_block.block_make_submission .block_make_submission_link:hover {
    background: var(--jmsohc-primary-dark);
    border-color: var(--jmsohc-primary-dark);
    color: #ffffff;
}


/* =========================================================
   FORMS / LOGIN
   ========================================================= */

input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: var(--jmsohc-primary);
    outline: none;
    box-shadow: 0 0 0 2px rgba(217, 8, 18, 0.12);
}


/* =========================================================
   HEADINGS
   ========================================================= */

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
    color: var(--jmsohc-text);
}


/* =========================================================
   BREADCRUMBS
   ========================================================= */

.cmp_breadcrumbs {
    color: var(--jmsohc-muted);
}

.cmp_breadcrumbs a {
    color: var(--jmsohc-primary);
}


/* =========================================================
   LANGUAGE BLOCK
   ========================================================= */

.pkp_block.block_language_toggle a {
    color: var(--jmsohc-primary);
}

.pkp_block.block_language_toggle a:hover {
    color: var(--jmsohc-primary-dark);
}

/* =========================================================
   REGISTER / SECONDARY BUTTON
   ========================================================= */

.pkp_structure_main a.cmp_button,
.pkp_structure_main .cmp_button,
a.cmp_button {
    background: var(--jmsohc-primary) !important;
    border: 1px solid var(--jmsohc-primary) !important;
    color: #ffffff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
}

.pkp_structure_main a.cmp_button:hover,
.pkp_structure_main .cmp_button:hover,
a.cmp_button:hover {
    background: var(--jmsohc-primary-dark) !important;
    border-color: var(--jmsohc-primary-dark) !important;
    color: #ffffff !important;
    text-decoration: none;
}

/* =========================================================
   OJS FORM BUTTONS
   Register / Login / Submit
   ========================================================= */

.pkp_structure_main button.submit,
.pkp_structure_main input.submit,
.pkp_structure_main .submit {
    background: var(--jmsohc-primary) !important;
    border: 1px solid var(--jmsohc-primary) !important;
    color: #ffffff !important;

    border-radius: 4px;
    box-shadow: none !important;
    text-shadow: none !important;

    padding: 8px 16px;
    font-weight: 600;
    cursor: pointer;

    transition: background-color .2s ease,
                border-color .2s ease;
}

.pkp_structure_main button.submit:hover,
.pkp_structure_main input.submit:hover,
.pkp_structure_main .submit:hover {
    background: var(--jmsohc-primary-dark) !important;
    border-color: var(--jmsohc-primary-dark) !important;
    color: #ffffff !important;
}

.pkp_structure_main button.submit:focus,
.pkp_structure_main input.submit:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(217, 8, 18, 0.15) !important;
}

/* =========================================================
   USER PROFILE DROPDOWN
   Dashboard / View Profile / Logout
   ========================================================= */

/* Link di dalam dropdown profile */
.pkp_navigation_user .profile ul a,
.pkp_navigation_user li.profile ul a {
    color: var(--jmsohc-primary) !important;
    text-decoration: none;
}

/* Hover / keyboard focus */
.pkp_navigation_user .profile ul a:hover,
.pkp_navigation_user .profile ul a:focus,
.pkp_navigation_user li.profile ul a:hover,
.pkp_navigation_user li.profile ul a:focus {
    color: var(--jmsohc-primary-dark) !important;
    background: #f7f7f7 !important;
    text-decoration: none;
}

/* Username ketika dropdown dibuka */
.pkp_navigation_user > li.profile > a {
    color: #ffffff !important;
}

/* Dropdown tetap clean */
.pkp_navigation_user .profile ul {
    background: #ffffff;
}