/* ============================================================
JDDABS Custom Theme - Journal of Digital Data Analytics
and Business Strategy
Primary Colour: #0c2340 (Navy)
Accent Colour: #1a6eb5 (Blue)
============================================================ */

/* --- Global & Typography --- */
body {
font-family: 'Noto Sans', Arial, sans-serif;
color: #222;
background: #f8f9fb;
}

a { color: #1a6eb5; text-decoration: none; }
a:hover { color: #0c2340; text-decoration: underline; }

/* --- Navigation Bar --- */
.pkp_navigation_primary_wrapper {
background: #0c2340 !important;
border-bottom: 3px solid #1a6eb5;
}
.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 { color: #a8d4f5 !important; background: rgba(255,255,255,0.1) !important; }

/* --- Header & Site Title --- */
#pkp_site_name_wrapper, .pkp_site_name { background: #0c2340 !important; padding: 18px 0 14px; }
.pkp_site_name a { color: #ffffff !important; font-size: 1.6em; font-weight: 700; letter-spacing: 0.5px; }

/* --- Hero Section --- */
.pkp_structure_head {
background: linear-gradient(135deg, #0c2340 60%, #1a6eb5 100%);
color: #fff;
padding: 40px 0 30px;
}
.pkp_structure_head h1, .pkp_structure_head .page_title { color: #ffffff; font-size: 2em; font-weight: 700; }

/* --- Main Content Area (centered, aligned with header) --- */
.pkp_structure_main {
background: transparent;
padding: 0;
margin: 0 auto !important;
width: 100% !important;
}

/* Remove OJS default vertical column divider lines */
.pkp_structure_main::before,
.pkp_structure_main::after {
display: none !important;
}

/* Journal Description / About */
.pkp_block.block_information .title, #homepageDescription h2 {
color: #0c2340; font-size: 1.3em; border-bottom: 2px solid #1a6eb5; padding-bottom: 8px; margin-bottom: 14px;
}

/* ============================================================
JDDABS HOMEPAGE CUSTOM DESIGN
============================================================ */

/* Hero Section */
.jddabs-hero-section {
background: linear-gradient(135deg, #0c2340 60%, #1a6eb5 100%);
color: #fff;
padding: 40px 32px 32px;
margin: 0 -20px 0;
}

.jddabs-badges-row { margin-bottom: 16px; }

.jddabs-badge {
display: inline-block;
padding: 5px 12px;
border-radius: 4px;
font-size: 0.78em;
font-weight: 700;
letter-spacing: 0.5px;
}

.jddabs-badge-primary {
background: #1a6eb5;
color: #fff;
}

.jddabs-hero-title {
font-size: 2.2em !important;
font-weight: 800 !important;
color: #ffffff !important;
line-height: 1.2;
margin: 0 0 16px !important;
border: none !important;
padding: 0 !important;
}

.jddabs-hero-desc {
font-size: 1.05em;
color: rgba(255,255,255,0.88);
max-width: 680px;
line-height: 1.6;
margin-bottom: 20px;
}

.jddabs-trust-badges {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 8px;
}

.jddabs-trust-badge {
background: rgba(255,255,255,0.12);
border: 1px solid rgba(255,255,255,0.25);
color: #fff;
padding: 4px 12px;
border-radius: 20px;
font-size: 0.82em;
}

/* Stats Bar */
.jddabs-stats-bar {
display: flex;
justify-content: space-around;
background: #fff;
border-bottom: 1px solid #e2e8f0;
padding: 20px 16px;
margin: 0 -20px 24px;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.jddabs-stat-item { text-align: center; flex: 1; }

.jddabs-stat-number {
font-size: 2em;
font-weight: 800;
color: #0c2340;
line-height: 1;
}

.jddabs-stat-label {
font-size: 0.7em;
color: #666;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-top: 4px;
}

/* Homepage Grid */
.jddabs-homepage-grid {
display: flex;
gap: 28px;
align-items: flex-start;
padding: 16px 0;
}

.jddabs-main-col { flex: 1 1 60%; min-width: 0; }
.jddabs-sidebar-col { flex: 0 0 300px; width: 300px; }

/* Section Headers */
.jddabs-section-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
border-bottom: 2px solid #0c2340;
padding-bottom: 8px;
}

.jddabs-section-title {
font-size: 1.25em !important;
font-weight: 700 !important;
color: #0c2340 !important;
border: none !important;
margin: 0 !important;
padding: 0 !important;
}

.jddabs-view-all {
font-size: 0.88em;
color: #1a6eb5;
font-weight: 600;
white-space: nowrap;
}

/* Article Cards */
.jddabs-article-card {
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 6px;
padding: 18px 20px;
margin-bottom: 14px;
}

.jddabs-article-meta {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}

.jddabs-article-tag {
display: inline-block;
padding: 2px 10px;
border-radius: 3px;
font-size: 0.78em;
font-weight: 600;
}

.jddabs-tag-social { background: #dbeafe; color: #1e40af; }
.jddabs-tag-business { background: #d1fae5; color: #065f46; }
.jddabs-tag-ai { background: #fef3c7; color: #92400e; }

.jddabs-article-date { font-size: 0.82em; color: #666; }

.jddabs-article-title {
font-size: 1.05em !important;
font-weight: 700 !important;
margin: 0 0 6px !important;
line-height: 1.35;
border: none !important;
padding: 0 !important;
color: #0c2340 !important;
}

.jddabs-article-title a { color: #0c2340 !important; }
.jddabs-article-title a:hover { color: #1a6eb5 !important; text-decoration: none; }

.jddabs-article-authors {
font-size: 0.88em;
color: #1a6eb5;
margin: 0 0 8px;
}

.jddabs-article-abstract {
font-size: 0.88em;
color: #555;
line-height: 1.5;
margin: 0 0 10px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}

.jddabs-article-stats {
display: flex;
gap: 16px;
font-size: 0.8em;
color: #666;
}

/* Section Block */
.jddabs-section-block {
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 6px;
padding: 20px;
margin-top: 20px;
}

.jddabs-section-block h2 {
font-size: 1.25em !important;
font-weight: 700 !important;
color: #0c2340 !important;
border-bottom: 2px solid #0c2340 !important;
padding-bottom: 8px !important;
margin-bottom: 12px !important;
}

.jddabs-section-block p { font-size: 0.92em; color: #444; line-height: 1.6; margin-bottom: 10px; }

/* Topic Tags */
.jddabs-topic-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }

.jddabs-topic-tag {
background: #f0f4fa;
border: 1px solid #c7d7ed;
color: #0c2340;
padding: 4px 12px;
border-radius: 4px;
font-size: 0.82em;
}

/* Sidebar */
.jddabs-sidebar-block {
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 6px;
padding: 16px 18px;
margin-bottom: 16px;
}

.jddabs-sidebar-title {
font-size: 1em !important;
font-weight: 700 !important;
color: #0c2340 !important;
border-bottom: 2px solid #e2e8f0 !important;
padding-bottom: 8px !important;
margin: 0 0 12px !important;
}

/* APC Table */
.jddabs-apc-table {
width: 100%;
border-collapse: collapse;
font-size: 0.88em;
margin-bottom: 10px;
}

.jddabs-apc-table tr { border-bottom: 1px solid #f0f4fa; }
.jddabs-apc-table td { padding: 6px 4px; color: #444; }
.jddabs-apc-table td:last-child { text-align: right; color: #0c2340; }

.jddabs-apc-note {
font-size: 0.8em;
color: #1a6eb5;
line-height: 1.4;
margin: 0;
}

/* Submit Button */
.jddabs-submit-btn {
display: block;
background: #fff;
border: 2px solid #0c2340;
color: #0c2340 !important;
text-align: center;
padding: 10px 16px;
border-radius: 5px;
font-weight: 700;
font-size: 0.95em;
margin-bottom: 12px;
transition: all 0.2s;
}

.jddabs-submit-btn:hover {
background: #0c2340;
color: #fff !important;
text-decoration: none;
}

.jddabs-deadline-notice {
background: #fef9c3;
border: 1px solid #fbbf24;
color: #92400e;
padding: 8px 12px;
border-radius: 4px;
font-size: 0.82em;
margin-bottom: 10px;
}

.jddabs-deadline-notice::before {
content: "\1F4CB ";
}

.jddabs-sidebar-note { font-size: 0.8em; color: #666; line-height: 1.5; margin: 0; }

/* Editorial Board */
.jddabs-board-member {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 12px;
}

.jddabs-board-avatar {
width: 36px;
height: 36px;
min-width: 36px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.7em;
font-weight: 700;
color: #fff !important;
background: #1a6eb5;
text-align: center;
}

.jddabs-avatar-eic { background: #0c2340 !important; }
.jddabs-avatar-pm { background: #1a6eb5 !important; }
.jddabs-avatar-as { background: #5b6e8c !important; }

.jddabs-board-role { font-size: 0.78em; color: #555; }
.jddabs-board-name { font-size: 0.88em; font-weight: 600; color: #0c2340; }
.jddabs-board-specialty { font-size: 0.78em; color: #666; }

.jddabs-board-link {
display: block;
margin-top: 8px;
font-size: 0.85em;
color: #1a6eb5 !important;
font-weight: 600;
}

/* Announcements */
.jddabs-announcement {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #f0f4fa;
}

.jddabs-announcement:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

.jddabs-ann-dot {
width: 8px;
height: 8px;
min-width: 8px;
background: #1a6eb5;
border-radius: 50%;
margin-top: 5px;
}

.jddabs-ann-title a { color: #0c2340 !important; font-size: 0.88em; font-weight: 600; }
.jddabs-ann-title a:hover { color: #1a6eb5 !important; text-decoration: none; }
.jddabs-ann-date { font-size: 0.78em; color: #666; margin-top: 2px; }

/* Footer */
.pkp_structure_footer_wrapper {
background: #0c2340 !important;
color: #a8d4f5;
padding: 28px 0 18px;
margin-top: 30px;
}
.pkp_structure_footer_wrapper a { color: #a8d4f5; }
.pkp_structure_footer_wrapper a:hover { color: #ffffff; }
.pkp_structure_footer { color: #c8dff0; font-size: 0.9em; }

/* Article Listings (archive pages) */
.obj_article_summary { border-bottom: 1px solid #e2e8f0; padding: 18px 0; }
.obj_article_summary .title a { color: #0c2340; font-size: 1.1em; font-weight: 600; }
.obj_article_summary .title a:hover { color: #1a6eb5; }
.obj_article_summary .authors { color: #555; font-size: 0.93em; }

/* Buttons */
.pkp_button, .cmp_button, button[type="submit"], .btn-primary, input[type="submit"] {
background: #1a6eb5 !important;
border: none !important;
color: #fff !important;
border-radius: 4px;
padding: 8px 20px;
font-weight: 600;
transition: background 0.2s;
}
.pkp_button:hover, .cmp_button:hover, button[type="submit"]:hover, input[type="submit"]:hover {
background: #0c2340 !important;
}

/* Default Sidebar (OJS) */
.pkp_sidebar .pkp_block {
background: #f0f4fa;
border-left: 4px solid #1a6eb5;
border-radius: 4px;
margin-bottom: 18px;
padding: 14px 16px;
}
.pkp_sidebar .pkp_block .title { color: #0c2340; font-weight: 700; font-size: 1em; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px; }
.pkp_sidebar .pkp_block ul li a { color: #1a6eb5; }

/* Section Headings (default) */
h1, h2, h3 { color: #0c2340; }
h2 { border-bottom: 2px solid #e2e8f0; padding-bottom: 6px; }

/* Responsive */
@media (max-width: 900px) {
.jddabs-homepage-grid { flex-direction: column; }
.jddabs-sidebar-col { width: 100%; flex: none; }
.jddabs-stats-bar { flex-wrap: wrap; }
.jddabs-stat-item { flex: 0 0 50%; margin-bottom: 10px; }
.jddabs-hero-title { font-size: 1.6em !important; }
.jddabs-hero-section { padding: 24px 16px; }
}

/* Hide default OJS About the Journal section on homepage */
.homepage_about {
display: none !important;
}

/* Remove white gap above custom hero section */
.pkp_structure_main {
margin-top: 0 !important;
}
.pkp_structure_content {
padding-top: 0 !important;
}
.page_index_journal {
padding: 0 !important;
margin: 0 !important;
}
.additional_content {
padding: 0 !important;
margin: 0 !important;
}