/* ============================================
   INSPIRE Journal — Complete Custom Stylesheet
   International Journal of Science in Primary Education
   Universitas Negeri Makassar
   ============================================ */

/* 1. Remove batik background */
body, html {
    background-color: #e8f4f1 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cdefs%3E%3Cpattern id='atom' width='200' height='200' patternUnits='userSpaceOnUse'%3E%3C!-- Nucleus --%3E%3Ccircle cx='100' cy='100' r='6' fill='%230e7c6b' opacity='0.2'/%3E%3C!-- Orbital 1 --%3E%3Cellipse cx='100' cy='100' rx='80' ry='30' fill='none' stroke='%230e7c6b' stroke-width='1' opacity='0.12'/%3E%3C!-- Orbital 2 --%3E%3Cellipse cx='100' cy='100' rx='80' ry='30' fill='none' stroke='%230e7c6b' stroke-width='1' opacity='0.12' transform='rotate(60 100 100)'/%3E%3C!-- Orbital 3 --%3E%3Cellipse cx='100' cy='100' rx='80' ry='30' fill='none' stroke='%230e7c6b' stroke-width='1' opacity='0.12' transform='rotate(120 100 100)'/%3E%3C!-- Electrons --%3E%3Ccircle cx='180' cy='100' r='3.5' fill='%23f39c12' opacity='0.25'/%3E%3Ccircle cx='60' cy='17' r='3.5' fill='%23f39c12' opacity='0.25'/%3E%3Ccircle cx='60' cy='183' r='3.5' fill='%23f39c12' opacity='0.25'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23atom)'/%3E%3C/svg%3E") !important;
}

/* 2. Header area — teal */
.pkp_structure_head,
.pkp_head_wrapper {
    background-color: #0e7c6b !important;
    background-image: none !important;
    padding: 4px 32px 0 32px !important;
    min-height: auto !important;
}

/* 3. Logo */
.pkp_site_name img,
.pkp_head_wrapper img,
.pkp_site_name_wrapper img {
    max-height: 180px !important;
    height: 180px !important;
    width: auto !important;
    display: block !important;
}

/* 4. Navbar — teal */
.pkp_navigation_primary,
ul.pkp_navigation_primary,
nav.pkp_navigation_primary,
#navigationPrimary,
.pkp_navigation_primary_wrapper,
div.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row,
div.pkp_navigation_primary_row,
.pkp_site_nav_menu,
nav.pkp_site_nav_menu {
    background-color: #0e7c6b !important;
    background-image: none !important;
    background: #0e7c6b !important;
}

/* 5. Gold accent line under nav */
.pkp_navigation_primary,
ul.pkp_navigation_primary,
.pkp_navigation_primary_row {
    border-bottom: 3px solid #f39c12 !important;
    margin-top: 12px !important;
}

/* 6. Nav links white */
nav a,
.pkp_navigation_primary a,
nav li a,
.pkp_site_nav_menu a,
.pkp_navigation_primary > li > a {
    color: #ffffff !important;
    font-weight: 500 !important;
}

nav a:hover,
.pkp_navigation_primary a:hover {
    color: #f39c12 !important;
    background-color: rgba(255,255,255,0.08) !important;
    text-decoration: none !important;
}

/* 7. Fix breadcrumb dark box */
nav.pkp_breadcrumbs,
.pkp_breadcrumbs,
ol.breadcrumb,
.breadcrumb,
[class*="breadcrumb"] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    padding: 8px 0 !important;
    border: none !important;
}

.pkp_breadcrumbs a,
.breadcrumb a {
    color: #0e7c6b !important;
}

/* 8. Main content white card */
.pkp_structure_main {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    padding: 2rem !important;
    margin-top: 1rem !important;
    border: 1px solid #dde8e5 !important;
}

/* 9. Sidebar blocks */
.pkp_structure_sidebar .pkp_block {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    padding: 1rem 1.25rem !important;
    margin-bottom: 1rem !important;
    border: 1px solid #dde8e5 !important;
}

/* 10. Sidebar headings */
.pkp_block h2,
.pkp_sidebar h2,
.pkp_structure_sidebar h2 {
    color: #0e7c6b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #0e7c6b !important;
    padding-bottom: 6px !important;
    margin-bottom: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* 11. Sidebar links */
.pkp_sidebar a,
.pkp_block a,
.pkp_structure_sidebar a {
    color: #0e7c6b !important;
    font-size: 13px !important;
    display: block !important;
    padding: 3px 0 !important;
}

.pkp_sidebar a:hover {
    color: #f39c12 !important;
}

/* 12. Footer — dark teal */
.pkp_structure_footer,
footer,
[class*="footer"] {
    background-color: #0a5c4f !important;
    background-image: none !important;
    padding: 1rem 2rem !important;
    margin-top: 0 !important;
    min-height: auto !important;
}

.pkp_structure_footer *,
footer * {
    background-color: transparent !important;
    background-image: none !important;
    color: #c8e6e2 !important;
    border: none !important;
}

/* 13. Page headings */
h1, h2, h3,
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
    color: #0a5c4f !important;
}

/* 14. Links in main content */
.pkp_structure_main a {
    color: #0e7c6b !important;
}

.pkp_structure_main a:hover {
    color: #f39c12 !important;
}

/* 15. Article titles */
.title a, h3.title a {
    color: #0e7c6b !important;
    font-weight: 600 !important;
}

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

.pkp_button:hover,
.btn-primary:hover {
    background-color: #0a5c4f !important;
}

/* 17. About / primary nav dropdown */
.pkp_navigation_primary .pkp_subnav,
.pkp_navigation_primary ul ul,
.dropdown-menu,
nav .dropdown-menu,
nav ul ul {
    background-color: #ffffff !important;
    border: 1px solid #dde8e5 !important;
    border-radius: 4px !important;
}

.pkp_navigation_primary .pkp_subnav a,
.pkp_navigation_primary ul ul a,
.dropdown-menu a,
nav ul ul a {
    color: #0e7c6b !important;
    font-weight: 500 !important;
    background-color: transparent !important;
    display: block !important;
    padding: 6px 16px !important;
}

.pkp_navigation_primary .pkp_subnav a:hover,
.dropdown-menu a:hover,
nav ul ul a:hover {
    background-color: #e0f2ef !important;
    color: #0a5c4f !important;
}

/* 18. User profile dropdown */
.pkp_navigation_user,
#navigationUser,
ul.pkp_navigation_user,
ul#navigationUser {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
}

.pkp_navigation_user > li > a,
#navigationUser > li > a {
    color: #ffffff !important;
    background-color: transparent !important;
}

.pkp_navigation_user .pkp_subnav,
#navigationUser .dropdown-menu,
#navigationUser ul ul {
    background-color: #ffffff !important;
    border: 1px solid #dde8e5 !important;
    border-radius: 4px !important;
}

.pkp_navigation_user .pkp_subnav a,
#navigationUser .dropdown-menu a,
#navigationUser ul ul a {
    color: #0e7c6b !important;
    background-color: transparent !important;
    display: block !important;
    padding: 6px 16px !important;
}

.pkp_navigation_user .pkp_subnav a:hover,
#navigationUser .dropdown-menu a:hover {
    background-color: #e0f2ef !important;
    color: #0a5c4f !important;
}

/* 19. Issue cover */
.pkp_issue_cover img {
    border-radius: 6px !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.12) !important;
}

/* 20. Announcement cards */
.obj_announcement_summary {
    border: 1px solid #dde8e5 !important;
    border-radius: 8px !important;
    padding: 1rem !important;
    margin-bottom: 1rem !important;
}

/* 21. Search */
.pkp_search_desktop button,
.search_prompt {
    color: #ffffff !important;
}

/* 22. Min height fix — reduce large footer gap */
.pkp_structure_content,
.pkp_structure_page {
    min-height: auto !important;
}

/* 23. Submit an Article — gold button in navbar */
.pkp_navigation_primary a[href*="submissions"],
.pkp_navigation_primary li a[href*="submission"] {
    background-color: #f39c12 !important;
    color: #ffffff !important;
    padding: 6px 16px !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    margin: 4px 8px !important;
}

.pkp_navigation_primary a[href*="submissions"]:hover {
    background-color: #d68910 !important;
    color: #ffffff !important;
}

/* 24. Homepage image hero — show full width */
.pkp_structure_head .pkp_site_name,
.pkp_head_wrapper .pkp_site_name {
    padding: 8px 0 !important;
}

/* Content area as centered white box with background showing on sides */
.pkp_structure_page {
    max-width: 1200px !important;
    margin: 0 auto !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 20px rgba(0,0,0,0.08) !important;
}

/* Make body background visible outside the content box */
body {
    padding: 0 !important;
    margin: 0 !important;
}

/* Header spans full width of content box */
.pkp_structure_head {
    max-width: 100% !important;
}

/* Tighten footer aggressively */
.pkp_structure_footer,
.pkp_structure_footer > *,
.pkp_structure_footer div,
.pkp_structure_footer p,
footer,
footer > * {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.pkp_structure_footer {
    padding: 0.75rem 2rem !important;
}

/* Add background space above header and below footer */
.pkp_structure_page {
    margin: 1.5rem auto !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* Remove gap between navbar and content */
.pkp_structure_main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.pkp_main_content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.pkp_structure_content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}