/* ============================================================ JDHAB — Journal Style Sheet (A1 minimal) Purpose: 1) Hide PKP/OJS footer branding block 2) Hide public header login/register links ============================================================ */ /* 1) Hide PKP/OJS footer branding */ .pkp_brand_footer, .pkp_brand_footer_wrapper, .pkp_structure_footer .pkp_brand_footer, .pkp_structure_footer .pkp_brand_footer_wrapper { display: none !important; } /* 2) Hide header login/register links (public) */ .pkp_navigation_user, .pkp_navigation_user_wrapper, .pkp_navigation_user a { display: none !important; } /* 3) Hide the “Login or Register to make a submission” notice box on Submissions page */ .page_submissions .cmp_notification, .page_submissions .cmp_notification.notice, .page_submissions .cmp_notification.notice, .page_submissions .cmp_notification.warning { display: none !important; } /* A1: hide section listing on the Submissions page (keep checklist + author guidelines) */ .page_submissions .sections, .page_submissions .section, .page_submissions .section_description, .page_submissions .section_policy, .page_submissions .section_submissions, .page_submissions .cmp_section, .page_submissions .cmp_section_title, .page_submissions .cmp_section_description { display: none !important; } /* Hide "Make a new submission to the ... section." links if they still appear */ .page_submissions a[href*="about/submissions"] + .section, .page_submissions a[href*="section"] { /* safe no-op; keep the main block hidden above */ } /* A1: hide Privacy Statement block on Submissions page */ .page_submissions .privacy_statement { display: none !important; } /* A1: align Author Guidelines block on Submissions page */ .page_submissions .authorGuidelines, .page_submissions .author_guidelines, .page_submissions .cmp_author_guidelines { margin-left: 0 !important; padding-left: 0 !important; } /* A1: remove indentation in Author Guidelines block on Submissions page */ .page_submissions .cmp_author_guidelines, .page_submissions .authorGuidelines, .page_submissions .author_guidelines, .page_submissions .authorGuidelines p, .page_submissions .cmp_author_guidelines p { margin-left: 0 !important; padding-left: 0 !important; text-indent: 0 !important; } /* ============================================================ JDHAB — A1 Header polish (SAFE: no layout hacks) - Reduce header height - Align logo area + menu to same container width - Improve menu typography ============================================================ */ #headerNavigationContainer .pkp_head_wrapper, #headerNavigationContainer .pkp_navigation_primary_wrapper{ max-width: 1200px; width: calc(100% - 80px); margin-left: auto; margin-right: auto; box-sizing: border-box; } #headerNavigationContainer .pkp_head_wrapper{ padding-top: 14px; padding-bottom: 10px; } #headerNavigationContainer .pkp_site_name img{ max-height: 64px; width: auto; height: auto; } #headerNavigationContainer .pkp_navigation_primary_row{ padding-top: 8px; padding-bottom: 8px; } #headerNavigationContainer .pkp_navigation_primary a, #headerNavigationContainer .pkp_site_nav_menu a{ font-weight: 600; letter-spacing: .02em; text-transform: none; font-size: 14px; } #headerNavigationContainer .pkp_navigation_primary a:hover{ text-decoration: underline; text-underline-offset: 6px; } .pkp_structure_head{ border-bottom: 1px solid rgba(255,255,255,.10); } /* ===== JDHAB Footer A1 ===== */ .pkp_structure_footer{ background: #ffffff !important; border-top: 1px solid rgba(0,0,0,.08) !important; padding: 28px 0 !important; } /* container alinhado ao campo do site */ .jdhab-footer__inner{ max-width: 1200px; width: calc(100% - 80px); margin: 0 auto; box-sizing: border-box; } .jdhab-footer__grid{ display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 28px; } .jdhab-footer__brand{ font-weight: 700; letter-spacing: .03em; font-size: 14px; margin-bottom: 6px; } .jdhab-footer__tagline{ font-size: 13px; opacity: .85; line-height: 1.35; margin-bottom: 6px; } .jdhab-footer__note{ font-size: 12.5px; opacity: .75; } .jdhab-footer__ttl{ font-weight: 700; font-size: 13px; margin-bottom: 10px; } .jdhab-footer a{ font-size: 13px; text-decoration: none; opacity: .9; } .jdhab-footer a:hover{ text-decoration: underline; text-underline-offset: 4px; } .jdhab-footer__bottom{ margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(0,0,0,.06); font-size: 12.5px; opacity: .75; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; } .jdhab-footer__sep{ opacity: .45; } /* mobile */ @media (max-width: 900px){ .jdhab-footer__inner{ width: calc(100% - 40px); } .jdhab-footer__grid{ grid-template-columns: 1fr; } } /* ===== Footer A1 polish (compact + editorial links) ===== */ .pkp_structure_footer{ padding: 18px 0 6px !important; background: #ffffff !important; } .jdhab-footer__grid{ gap: 20px !important; } .jdhab-footer__brand{ font-size: 13.5px !important; } .jdhab-footer__tagline{ font-size: 12.5px !important; } .jdhab-footer a{ color: rgba(0,0,0,.72) !important; /* menos “azul OJS” */ opacity: 1 !important; } .jdhab-footer a:hover{ color: rgba(0,0,0,.92) !important; text-decoration: underline; text-underline-offset: 4px; } .jdhab-footer__bottom{ margin-top: 8px !important; padding-top: 8px !important; } /* ===== JDHAB — A1 Buttons (Submissions / Author Guidelines) ===== */ /* área de botões/links da página Submissions (Login / Create account / etc.) */ .pkp_page_about .actions, .pkp_page_about_submissions .actions, .pkp_page_about_submissions .cmp_actions, .pkp_page_about_submissions a.button, .pkp_page_about_submissions .cmp_button, .pkp_page_about_submissions .cmp_button_link, .pkp_page_about_submissions .cmp_button_inline{ font-family: inherit; } /* botões padrão OJS */ .pkp_page_about_submissions a.button, .pkp_page_about_submissions .cmp_button, .pkp_page_about_submissions button, .pkp_page_about_submissions input[type="submit"]{ appearance: none; border-radius: 10px; padding: 10px 14px; font-weight: 600; font-size: 13px; letter-spacing: .02em; border: 1px solid rgba(0,0,0,.14); background: #ffffff; color: rgba(0,0,0,.86); box-shadow: 0 1px 0 rgba(0,0,0,.04); transition: transform .06s ease, box-shadow .12s ease, border-color .12s ease; } /* hover “editorial” */ .pkp_page_about_submissions a.button:hover, .pkp_page_about_submissions .cmp_button:hover, .pkp_page_about_submissions button:hover, .pkp_page_about_submissions input[type="submit"]:hover{ border-color: rgba(0,0,0,.22); box-shadow: 0 6px 18px rgba(0,0,0,.08); transform: translateY(-1px); } /* foco acessível */ .pkp_page_about_submissions a.button:focus, .pkp_page_about_submissions .cmp_button:focus, .pkp_page_about_submissions button:focus, .pkp_page_about_submissions input[type="submit"]:focus{ outline: 2px solid rgba(255,255,255,.0); box-shadow: 0 0 0 3px rgba(37, 99, 235, .25); /* azul discreto */ } /* se algum botão aparecer "cinza/disabled" */ .pkp_page_about_submissions button:disabled, .pkp_page_about_submissions input[type="submit"]:disabled{ opacity: .55; cursor: not-allowed; transform: none; box-shadow: none; } /* espaçamento entre botões (quando eles vêm “colados”) */ .pkp_page_about_submissions a.button, .pkp_page_about_submissions .cmp_button{ margin-right: 8px; margin-bottom: 8px; display: inline-flex; align-items: center; gap: 8px; } /* links comuns da página (menos “azul OJS”) */ .pkp_page_about_submissions a{ text-decoration-thickness: 1px; text-underline-offset: 3px; } /* ===== JDHAB — A1 buttons (pegando pelos links reais do Submissions) ===== */ .pkp_page_about_submissions a[href*="/login"], .pkp_page_about_submissions a[href*="/user/register"], .pkp_page_about_submissions a[href*="instructions-for-authors"], .pkp_page_about_submissions a[href*="/about/submissions"], .pkp_page_about_submissions a[href*="/submissions"]{ display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 10px 14px !important; border-radius: 10px !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: .02em !important; text-transform: none !important; border: 1px solid rgba(0,0,0,.14) !important; background: #fff !important; color: rgba(0,0,0,.86) !important; box-shadow: 0 1px 0 rgba(0,0,0,.04) !important; text-decoration: none !important; margin-right: 8px !important; margin-bottom: 8px !important; } /* Hover editorial */ .pkp_page_about_submissions a[href*="/login"]:hover, .pkp_page_about_submissions a[href*="/user/register"]:hover, .pkp_page_about_submissions a[href*="instructions-for-authors"]:hover, .pkp_page_about_submissions a[href*="/about/submissions"]:hover, .pkp_page_about_submissions a[href*="/submissions"]:hover{ border-color: rgba(0,0,0,.22) !important; box-shadow: 0 6px 18px rgba(0,0,0,.08) !important; transform: translateY(-1px); } /* Focus acessível */ .pkp_page_about_submissions a[href*="/login"]:focus, .pkp_page_about_submissions a[href*="/user/register"]:focus, .pkp_page_about_submissions a[href*="instructions-for-authors"]:focus, .pkp_page_about_submissions a[href*="/about/submissions"]:focus, .pkp_page_about_submissions a[href*="/submissions"]:focus{ outline: none !important; box-shadow: 0 0 0 3px rgba(37, 99, 235, .25) !important; } /* ===== JDHAB — Fix logo cortada no MOBILE ===== */ @media (max-width: 900px){ /* garante altura suficiente no topo e evita cortar */ #headerNavigationContainer .pkp_head_wrapper{ padding: 10px 16px !important; min-height: 64px !important; overflow: visible !important; } /* logo responsiva (não corta) */ #headerNavigationContainer .pkp_site_name img{ max-height: 44px !important; /* se ainda cortar: 40px */ width: auto !important; height: auto !important; object-fit: contain !important; display: block !important; } /* evita “empurrão” vertical por line-height do tema */ #headerNavigationContainer .pkp_site_name{ line-height: 1 !important; } } /* A1: botões para links dentro do Author Guidelines */ .pkp_page_about_submissions .cmp_article_content a, .pkp_page_about_submissions .pkp_helpers_clear a{ display: inline-flex; align-items: center; padding: 8px 12px; border-radius: 10px; border: 1px solid rgba(0,0,0,.14); background: #fff; color: rgba(0,0,0,.86); font-weight: 600; font-size: 13px; letter-spacing: .02em; text-decoration: none; margin: 0 6px 8px 0; } .pkp_page_about_submissions .cmp_article_content a:hover, .pkp_page_about_submissions .pkp_helpers_clear a:hover{ border-color: rgba(0,0,0,.22); box-shadow: 0 6px 18px rgba(0,0,0,.08); transform: translateY(-1px); } /* ===== A1: reduzir o “vazio” antes do rodapé ===== */ .pkp_structure_main{ padding-bottom: 20px !important; /* padrão costuma ser bem maior */ } .pkp_structure_content{ margin-bottom: 0 !important; padding-bottom: 0 !important; } /* garante que o último bloco do conteúdo não empurre o footer */ .pkp_structure_content > *:last-child{ margin-bottom: 0 !important; } /* ajuste fino só nas páginas About/Submissions (onde isso aparece mais) */ .pkp_page_about_submissions .pkp_structure_main{ padding-bottom: 12px !important; } /* ===== A1: encostar o último bloco no rodapé (somente Submissions) ===== */ .pkp_page_about_submissions .cmp_article_content > *:last-child{ margin-bottom: 0 !important; } .pkp_page_about_submissions .cmp_article_content{ padding-bottom: 0 !important; margin-bottom: 0 !important; } .pkp_page_about_submissions .pkp_structure_main{ padding-bottom: 0 !important; } /* ===== A1: transformar esses 4 links em botões (Submissions page) ===== */ .pkp_page_about_submissions a[href*="/index.php/jhab/login"], .pkp_page_about_submissions a[href*="/index.php/jhab/user/register"], .pkp_page_about_submissions a[href*="/index.php/jhab/instructions-for-authors"], .pkp_page_about_submissions a[href*="/index.php/jhab/about/submissions"]{ display:inline-flex !important; align-items:center !important; padding:10px 14px !important; border-radius:10px !important; border:1px solid rgba(0,0,0,.14) !important; background:#fff !important; color:rgba(0,0,0,.86) !important; font-weight:600 !important; font-size:13px !important; letter-spacing:.02em !important; text-decoration:none !important; margin:0 8px 8px 0 !important; } .pkp_page_about_submissions a[href*="/index.php/jhab/login"]:hover, .pkp_page_about_submissions a[href*="/index.php/jhab/user/register"]:hover, .pkp_page_about_submissions a[href*="/index.php/jhab/instructions-for-authors"]:hover, .pkp_page_about_submissions a[href*="/index.php/jhab/about/submissions"]:hover{ border-color:rgba(0,0,0,.22) !important; box-shadow:0 6px 18px rgba(0,0,0,.08) !important; transform:translateY(-1px); } /* ============================================================ JDHAB — A1 CTA buttons (OJS 3.3) — Submissions > Author Guidelines Cole no FINAL do CSS ============================================================ */ .page_submissions .authorGuidelines a, .page_submissions .author_guidelines a, .page_submissions .cmp_author_guidelines a{ display: inline-flex !important; align-items: center !important; padding: 9px 12px !important; border-radius: 10px !important; border: 1px solid rgba(0,0,0,.14) !important; background: #fff !important; color: rgba(0,0,0,.86) !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: .02em !important; text-decoration: none !important; margin: 0 8px 8px 0 !important; box-shadow: 0 1px 0 rgba(0,0,0,.04) !important; } .page_submissions .authorGuidelines a:hover, .page_submissions .author_guidelines a:hover, .page_submissions .cmp_author_guidelines a:hover{ border-color: rgba(0,0,0,.22) !important; box-shadow: 0 6px 18px rgba(0,0,0,.08) !important; transform: translateY(-1px); } .page_submissions .authorGuidelines a:focus, .page_submissions .author_guidelines a:focus, .page_submissions .cmp_author_guidelines a:focus{ outline: none !important; box-shadow: 0 0 0 3px rgba(37, 99, 235, .25) !important; } /* A1: esconde os separadores "•" que ficaram como texto */ .page_submissions .authorGuidelines, .page_submissions .author_guidelines, .page_submissions .cmp_author_guidelines{ font-size: 0; /* zera texto solto */ } .page_submissions .authorGuidelines a, .page_submissions .author_guidelines a, .page_submissions .cmp_author_guidelines a{ font-size: 13px; /* volta o tamanho só nos botões */ } .page_submissions .authorGuidelines strong, .page_submissions .author_guidelines strong, .page_submissions .cmp_author_guidelines strong{ font-size: 13px; /* mantém o "Start a submission:" legível */ } .page_submissions .authorGuidelines a, .page_submissions .author_guidelines a, .page_submissions .cmp_author_guidelines a{ border-color: rgba(0,0,0,.10) !important; box-shadow: none !important; } .page_submissions .authorGuidelines a:hover, .page_submissions .author_guidelines a:hover, .page_submissions .cmp_author_guidelines a:hover{ border-color: rgba(0,0,0,.18) !important; box-shadow: 0 8px 22px rgba(0,0,0,.07) !important; } /* ===== Home A1: tipografia e espaçamento do bloco editorial ===== */ .pkp_page_index .additional_content, .pkp_page_index .pkp_structure_content .additional_content{ max-width: 900px; margin: 0 auto; line-height: 1.65; } .pkp_page_index .additional_content h2, .pkp_page_index .additional_content h3{ margin-top: 18px; } /* ===== Submissions A1 — limpeza final (OJS 3.3) ===== */ /* esconde lista de seções e descrições/policies que o OJS injeta */ .page_submissions .sections, .page_submissions .section, .page_submissions .section_title, .page_submissions .section_description, .page_submissions .section_policy, .page_submissions .section_submissions, .page_submissions .cmp_section, .page_submissions .cmp_section_title, .page_submissions .cmp_section_description, .page_submissions .cmp_section_policy{ display: none !important; } /* esconde blocos “Information/Privacy” que à s vezes aparecem no corpo */ .page_submissions .cmp_information, .page_submissions .cmp_privacy_statement, .page_submissions .privacy_statement{ display: none !important; } /* A1: esconder o botão que aponta para a própria página */ .page_submissions .authorGuidelines a[href*="/about/submissions"], .page_submissions .author_guidelines a[href*="/about/submissions"], .page_submissions .cmp_author_guidelines a[href*="/about/submissions"]{ display: none !important; } /* ===== Home (A1): transformar Quick links em botões ===== */ .pkp_page_index a[href*="/index.php/jhab/login"], .pkp_page_index a[href*="/index.php/jhab/user/register"], .pkp_page_index a[href*="/index.php/jhab/instructions-for-authors"], .pkp_page_index a[href*="/index.php/jhab/about/submissions"]{ display: inline-flex !important; align-items: center !important; padding: 9px 12px !important; border-radius: 10px !important; border: 1px solid rgba(0,0,0,.14) !important; background: #fff !important; color: rgba(0,0,0,.86) !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: .02em !important; text-decoration: none !important; margin: 0 8px 8px 0 !important; box-shadow: 0 1px 0 rgba(0,0,0,.04) !important; } .pkp_page_index a[href*="/index.php/jhab/login"]:hover, .pkp_page_index a[href*="/index.php/jhab/user/register"]:hover, .pkp_page_index a[href*="/index.php/jhab/instructions-for-authors"]:hover, .pkp_page_index a[href*="/index.php/jhab/about/submissions"]:hover{ border-color: rgba(0,0,0,.22) !important; box-shadow: 0 6px 18px rgba(0,0,0,.08) !important; transform: translateY(-1px); } /* ===== Home (A1): transformar Quick links em botões ===== */ .pkp_page_index a[href*="/index.php/jhab/login"], .pkp_page_index a[href*="/index.php/jhab/user/register"], .pkp_page_index a[href*="/index.php/jhab/instructions-for-authors"], .pkp_page_index a[href*="/index.php/jhab/about/submissions"]{ display: inline-flex !important; align-items: center !important; padding: 9px 12px !important; border-radius: 10px !important; border: 1px solid rgba(0,0,0,.14) !important; background: #fff !important; color: rgba(0,0,0,.86) !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: .02em !important; text-decoration: none !important; margin: 0 8px 8px 0 !important; box-shadow: 0 1px 0 rgba(0,0,0,.04) !important; } .pkp_page_index a[href*="/index.php/jhab/login"]:hover, .pkp_page_index a[href*="/index.php/jhab/user/register"]:hover, .pkp_page_index a[href*="/index.php/jhab/instructions-for-authors"]:hover, .pkp_page_index a[href*="/index.php/jhab/about/submissions"]:hover{ border-color: rgba(0,0,0,.22) !important; box-shadow: 0 6px 18px rgba(0,0,0,.08) !important; transform: translateY(-1px); } /* ===== HOME: botões A1 apenas no bloco Quick links ===== */ .pkp_page_index .jdhab-quicklinks{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; } .pkp_page_index .jdhab-quicklinks a{ display: inline-flex !important; align-items: center !important; padding: 9px 12px !important; border-radius: 10px !important; border: 1px solid rgba(0,0,0,.14) !important; background: #fff !important; color: rgba(0,0,0,.86) !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: .02em !important; text-decoration: none !important; box-shadow: 0 1px 0 rgba(0,0,0,.04) !important; } .pkp_page_index .jdhab-quicklinks a:hover{ border-color: rgba(0,0,0,.22) !important; box-shadow: 0 6px 18px rgba(0,0,0,.08) !important; transform: translateY(-1px); } /* ===== RESET: não deixar o rodapé virar botão ===== */ .pkp_page_index .jdhab-footer a{ display: inline !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; margin: 0 !important; } .jdhab-footer a{ color: rgba(0,0,0,.65) !important; } .jdhab-footer a:hover{ color: rgba(0,0,0,.90) !important; } /* ===== FIX: rodapé NÃO herdar estilo de botões/CTA por href ===== */ .pkp_page_index .jdhab-footer a[href*="instructions-for-authors"], .pkp_page_index .jdhab-footer a[href*="/about/submissions"], .pkp_page_index .jdhab-footer a[href*="/login"], .pkp_page_index .jdhab-footer a[href*="/user/register"], .page_index .jdhab-footer a[href*="instructions-for-authors"], .page_index .jdhab-footer a[href*="/about/submissions"], .page_index .jdhab-footer a[href*="/login"], .page_index .jdhab-footer a[href*="/user/register"]{ font-weight: 400 !important; letter-spacing: normal !important; /* anula qualquer “cara de botão” */ display: inline !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; } /* ===== A1: dropdown do menu como links (remove estilo de botão) ===== */ #headerNavigationContainer .pkp_navigation_primary ul a{ display: block !important; padding: 10px 14px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; font-weight: 600 !important; letter-spacing: .02em !important; text-decoration: none !important; } /* hover editorial discreto */ #headerNavigationContainer .pkp_navigation_primary ul a:hover{ background: rgba(0,0,0,.04) !important; text-decoration: none !important; } /* opcional: dropdown mais “premium” */ #headerNavigationContainer .pkp_navigation_primary ul{ padding: 8px 0 !important; border-radius: 10px !important; overflow: hidden !important; } /* ========================= JDHAB — Issue CTA (A1) ========================= */ .jdhab-issue-cta{ display:flex; flex-wrap:wrap; gap:10px; margin: 10px 0 8px; } .jdhab-issue-cta a{ display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border-radius:12px; border:1px solid rgba(0,0,0,.16); background:#fff; color:rgba(0,0,0,.84); text-decoration:none !important; font-weight:650; font-size:13px; letter-spacing:.02em; box-shadow:0 1px 0 rgba(0,0,0,.04); transition:transform .08s ease, box-shadow .12s ease, background .12s ease; } .jdhab-issue-cta a:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,.10); } /* Botão primário = 2º link (Submit a Manuscript) */ .jdhab-issue-cta a:nth-child(2){ background:#0F2B46; border-color:#0F2B46; color:#fff; } .jdhab-issue-cta a:nth-child(2):hover{ filter:brightness(1.05); } /* ========================= A1: capa da Issue (opcional, mas fica premium) ========================= */ .pkp_page_issue .obj_issue_toc .cover img{ border-radius:14px; box-shadow:0 14px 40px rgba(0,0,0,.14); } /* ===== JDHAB A1: minimizar o bloco "About the Journal" na home ===== */ .pkp_page_index .homepage_about h2{ display: none !important; } .pkp_page_index .homepage_about{ margin: 0 !important; padding: 0 !important; } .pkp_page_index .homepage_about p{ margin: 0 0 6px 0 !important; font-size: 0.92rem !important; line-height: 1.35 !important; color: rgba(0,0,0,.62) !important; } /* ===== JDHAB A1 — limpar topo da home ===== */ /* esconde o título "About the Journal" */ .pkp_page_index .homepage_about h2{ display: none !important; } /* esconde a frase curta do Journal Summary na home */ .pkp_page_index .homepage_about p{ display: none !important; } /* remove o espaço extra do bloco */ .pkp_page_index .homepage_about{ margin: 0 !important; padding: 0 !important; } /* mantém a capa com cantos arredondados */ .obj_issue_summary .cover img, .current_issue .cover img, .pkp_page_index .current_issue img{ border-radius: 18px !important; } .pkp_page_index .homepage_about h2, .pkp_page_index .homepage_about p { display: none !important; } .pkp_page_index .homepage_about { margin: 0 !important; padding: 0 !important; min-height: 0 !important; } .obj_issue_summary .cover img, .current_issue .cover img, .pkp_page_index .current_issue img, .pkp_page_index .issue_cover img { border-radius: 18px !important; display: block !important; } .pkp_page_index .current_issue .cover { margin-right: 1.6rem !important; } .pkp_page_index .current_issue a[href*="submissions"], .pkp_page_index .current_issue a[href*="/authors"], .pkp_page_index .additional_content .jdhab-quicklinks a { display: inline-block !important; padding: 10px 16px !important; margin: 8px 10px 8px 0 !important; border: 1px solid #d1d5db !important; border-radius: 12px !important; background: #ffffff !important; color: #111827 !important; text-decoration: none !important; font-weight: 600 !important; line-height: 1.2 !important; } .jdhab-footer{ margin-top: 48px; padding: 30px 0 16px; } .jdhab-footer__inner{ max-width: 1120px; margin: 0 auto; padding: 0 24px; } .jdhab-footer__grid{ gap: 36px; } .jdhab-footer__bottom{ margin-top: 16px; padding-top: 12px; } .jdhab-footer{ margin-top: 0 !important; padding: 0 !important; } /* ===== JDHAB — remover cinza lateral do canvas ===== */ html, body, .pkp_structure_page, .pkp_structure_main, .pkp_structure_content{ background: #ffffff !important; } .pkp_structure_content{ border-left: 0 !important; border-right: 0 !important; } /* ===== JDHAB — remover cinza lateral ao lado do rodapé ===== */ .pkp_structure_footer_wrapper{ background: #ffffff !important; } /* ===== JDHAB — widen institutional pages ===== */ .pkp_page_page .pkp_structure_content, .pkp_page_about .pkp_structure_content{ width: calc(100% - 80px) !important; max-width: 1120px !important; margin: 0 auto !important; } /* ===== JDHAB — widen institutional pages ===== */ .pkp_page_page .pkp_structure_content, .pkp_page_about .pkp_structure_content{ width: calc(100% - 80px) !important; max-width: 1120px !important; margin: 0 auto !important; } /* ===== JDHAB — remove inner canvas borders ===== */ .pkp_page_page .pkp_structure_content, .pkp_page_about .pkp_structure_content{ border-left: 0 !important; border-right: 0 !important; box-shadow: none !important; } /* ===== JDHAB — hide institutional breadcrumbs ===== */ .pkp_page_page .cmp_breadcrumbs, .pkp_page_about .cmp_breadcrumbs{ display: none !important; } /* ===== JDHAB — compact header ===== */ .pkp_site_name_wrapper{ padding-top: 14px !important; padding-bottom: 8px !important; } .pkp_site_name .is_img img{ max-height: 54px !important; width: auto !important; } .pkp_navigation_primary_wrapper{ padding-top: 0 !important; padding-bottom: 10px !important; } .pkp_navigation_primary > li > a{ padding-top: 8px !important; padding-bottom: 8px !important; } /* ===== JDHAB — active menu refinement ===== */ .pkp_navigation_primary > li > a{ position: relative; } .pkp_navigation_primary > li.current > a, .pkp_navigation_primary > li.current_page_item > a{ text-decoration: none !important; } .pkp_navigation_primary > li.current > a::after, .pkp_navigation_primary > li.current_page_item > a::after{ content: ""; position: absolute; left: 12px; right: 12px; bottom: 2px; height: 1.5px; background: rgba(255,255,255,.92); border-radius: 2px; } .pkp_navigation_primary > li > a:hover{ text-decoration: none !important; } /* ===== JDHAB — posicionar Login no topo direito ===== */ .pkp_structure_head{ position: relative !important; } .pkp_navigation_user_wrapper{ position: absolute !important; top: 18px !important; right: 32px !important; width: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; } .pkp_navigation_user{ display: flex !important; align-items: center !important; gap: 16px !important; } .pkp_navigation_user > li{ margin: 0 !important; } .pkp_navigation_user > li > a{ padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #ffffff !important; font-weight: 600 !important; line-height: 1 !important; box-shadow: none !important; } .pkp_navigation_user > li > a:hover{ text-decoration: none !important; opacity: .88; } /* ===== JDHAB — puxar Login para a faixa superior direita ===== */ .pkp_navigation_user_wrapper{ float: right !important; clear: none !important; width: auto !important; margin: -44px 28px 0 0 !important; padding: 0 !important; background: transparent !important; position: relative !important; z-index: 40 !important; } .pkp_navigation_user{ display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; } .pkp_navigation_user li{ margin: 0 !important; list-style: none !important; } .pkp_navigation_user a{ padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #ffffff !important; font-weight: 600 !important; line-height: 1 !important; } .pkp_navigation_user_wrapper{ display: none !important; } /* ===== JDHAB — hide broken user nav below main menu ===== */ .pkp_navigation_user_wrapper{ display: none !important; } /* ===== JDHAB — padronizar cores dos menus suspensos ===== */ .pkp_navigation_primary .dropdown-menu, .pkp_navigation_primary .pkp_dropdown_menu, .pkp_nav_list ul { background: #ffffff !important; border: 1px solid rgba(15, 42, 68, 0.12) !important; box-shadow: 0 10px 24px rgba(15, 42, 68, 0.10) !important; } .pkp_navigation_primary .dropdown-menu a, .pkp_navigation_primary .dropdown-menu a:visited, .pkp_navigation_primary .pkp_dropdown_menu a, .pkp_navigation_primary .pkp_dropdown_menu a:visited, .pkp_nav_list ul a, .pkp_nav_list ul a:visited { color: #0F2A44 !important; font-weight: 600 !important; text-decoration: none !important; } .pkp_navigation_primary .dropdown-menu a:hover, .pkp_navigation_primary .dropdown-menu a:focus, .pkp_navigation_primary .pkp_dropdown_menu a:hover, .pkp_navigation_primary .pkp_dropdown_menu a:focus, .pkp_nav_list ul a:hover, .pkp_nav_list ul a:focus { color: #0F2A44 !important; background: rgba(15, 42, 68, 0.05) !important; text-decoration: none !important; } .pkp_navigation_primary .dropdown-menu .current a, .pkp_navigation_primary .pkp_dropdown_menu .current a, .pkp_nav_list ul .current a { color: #0F2A44 !important; font-weight: 700 !important; } /* ===== JDHAB — hide public Search in header ===== */ .pkp_navigation_search_wrapper, .pkp_search, li[aria-label*="Search"], li[aria-label*="search"] { display: none !important; } /* ===== JDHAB — submenu mais leve e mais elegante ===== */ .pkp_navigation_primary .dropdown-menu a, .pkp_navigation_primary .dropdown-menu a:visited, .pkp_navigation_primary .pkp_dropdown_menu a, .pkp_navigation_primary .pkp_dropdown_menu a:visited, .pkp_nav_list ul a, .pkp_nav_list ul a:visited { color: #0F2A44 !important; font-weight: 500 !important; font-size: 0.96rem !important; line-height: 1.45 !important; letter-spacing: 0 !important; text-decoration: none !important; } .pkp_navigation_primary .dropdown-menu li, .pkp_navigation_primary .pkp_dropdown_menu li, .pkp_nav_list ul li { margin: 0 !important; } .pkp_navigation_primary .dropdown-menu a, .pkp_navigation_primary .pkp_dropdown_menu a, .pkp_nav_list ul a { padding: 10px 14px !important; } .pkp_navigation_primary .dropdown-menu .current a, .pkp_navigation_primary .pkp_dropdown_menu .current a, .pkp_nav_list ul .current a { font-weight: 600 !important; } /* ===== JDHAB — unify article/galley top viewer bars ===== */ .pkp_page_article .header_view, .pkp_page_article .header_view .title, .pkp_page_article .header_view .return, .pkp_page_article .header_view a, .pkp_page_article .header_view a:visited { background: #0F2A44 !important; color: #ffffff !important; } .pkp_page_article .header_view { border-bottom: 1px solid rgba(255,255,255,.10) !important; box-shadow: none !important; } .pkp_page_article .header_view .return { border-right: 0 !important; box-shadow: none !important; } .pkp_page_article .header_view .title { font-weight: 600 !important; letter-spacing: .01em !important; } .pkp_page_article .header_view a:hover { color: #ffffff !important; opacity: .92 !important; text-decoration: none !important; } /* ===== JDHAB — soften OJS article viewer chrome ===== */ .pkp_page_article .header_view .return a { font-size: 0 !important; } .pkp_page_article .header_view .return a::before { content: "Back"; font-size: 14px; font-weight: 600; color: #ffffff; } /* JDHAB — remove residual white line in article viewer */ .pkp_page_article .header_view, .pkp_page_article .header_view::before, .pkp_page_article .header_view::after, .pkp_page_article .header_view .return, .pkp_page_article .header_view .title { border-bottom: 0 !important; box-shadow: none !important; outline: 0 !important; } .pkp_page_article .header_view + * { border-top: 0 !important; box-shadow: none !important; } /* Mobile header polish */ @media (max-width: 991px){ #headerNavigationContainer .pkp_head_wrapper{ padding: 14px 16px 12px !important; } #headerNavigationContainer .pkp_site_name img{ max-height: 52px !important; width: auto !important; height: auto !important; display: block !important; } #headerNavigationContainer{ min-height: 88px !important; } #headerNavigationContainer .pkp_navigation_primary a{ font-size: 14px !important; } } /* ===== JDHAB — HEADER RESPONSIVO LIMPO ===== */ /* Tablet e mobile */ @media (max-width: 991px) { /* faixa azul */ #headerNavigationContainer, .pkp_structure_head { background: #0F2A44 !important; } /* área superior */ #headerNavigationContainer .pkp_head_wrapper, .pkp_structure_head .pkp_head_wrapper { padding: 18px 18px 16px !important; min-height: 96px !important; display: flex !important; align-items: center !important; } /* conjunto menu + logo */ #headerNavigationContainer .pkp_navigation_primary_row, .pkp_structure_head .pkp_navigation_primary_row { display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; } /* área da marca */ #headerNavigationContainer .pkp_site_name, .pkp_structure_head .pkp_site_name { margin: 0 auto !important; text-align: center !important; } /* logo padrão */ #headerNavigationContainer .pkp_site_name img, .pkp_structure_head .pkp_site_name img { max-height: 54px !important; width: auto !important; height: auto !important; display: block !important; margin: 0 auto !important; } /* botão do menu */ #headerNavigationContainer .pkp_navigation_primary_row .pkp_nav_toggle, .pkp_structure_head .pkp_navigation_primary_row .pkp_nav_toggle, .pkp_site_nav_toggle { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 10px !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 8px !important; background: transparent !important; } #headerNavigationContainer .pkp_site_nav_toggle span, #headerNavigationContainer .pkp_site_nav_toggle:before, .pkp_structure_head .pkp_site_nav_toggle span, .pkp_structure_head .pkp_site_nav_toggle:before { color: #fff !important; border-color: #fff !important; } /* menu aberto */ .pkp_navigation_primary_wrapper { padding-top: 8px !important; } .pkp_navigation_primary a { font-size: 15px !important; line-height: 1.35 !important; } /* conteúdo */ .page { padding-left: 18px !important; padding-right: 18px !important; } /* botões */ .cmp_button_wire, .cmp_button { border-radius: 12px !important; } } /* Mobile — versão refinada com logo própria */ @media (max-width: 767px) { /* header */ #headerNavigationContainer, .pkp_structure_head { background: #0F2A44 !important; } #headerNavigationContainer .pkp_head_wrapper, .pkp_structure_head .pkp_head_wrapper { min-height: 74px !important; padding: 10px 14px !important; display: flex !important; align-items: center !important; } /* linha menu + logo */ #headerNavigationContainer .pkp_navigation_primary_row, .pkp_structure_head .pkp_navigation_primary_row { display: flex !important; align-items: center !important; gap: 24px !important; /* afasta a logo do botão */ width: 100% !important; } /* botão menu */ .pkp_site_nav_toggle, .pkp_navigation_primary_row .pkp_nav_toggle { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(255,255,255,.16) !important; border-radius: 8px !important; background: transparent !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; } /* área da marca */ #headerNavigationContainer .pkp_site_name, .pkp_structure_head .pkp_site_name { flex: 1 1 auto !important; margin: 0 !important; text-align: left !important; } /* esconde a imagem padrão */ #headerNavigationContainer .pkp_site_name img, .pkp_structure_head .pkp_site_name img { display: none !important; } /* usa logo mobile como fundo do link */ #headerNavigationContainer .pkp_site_name a, .pkp_structure_head .pkp_site_name a { display: block !important; width: 240 !important; height: 32px !important; margin: 0 !important; background-image: url("https://jdhab.org/journal/images/cel.png"); background-repeat: no-repeat !important; background-position: left center !important; background-size: contain !important; text-indent: -9999px !important; overflow: hidden !important; } } .pkp_navigation_primary a[href*="/issue/archive"]{ display: none !important; } :root{ --jdhab-blue: #123A5D; } .pkp_page_article .header_view, .pkp_page_article .header_view .title, .pkp_page_article .header_view .return, .pkp_page_article .header_view a, .pkp_page_article .header_view a:visited, .header_view, .header_view .title, .header_view .return, .header_view a, .header_view a:visited{ background: var(--jdhab-blue) !important; color: #ffffff !important; } .pkp_page_article .header_view .title:hover, .pkp_page_article .header_view .title:focus, .pkp_page_article .header_view .return:hover, .pkp_page_article .header_view .return:focus, .pkp_page_article .header_view a:hover, .pkp_page_article .header_view a:focus, .header_view .title:hover, .header_view .title:focus, .header_view .return:hover, .header_view .return:focus, .header_view a:hover, .header_view a:focus{ background: var(--jdhab-blue) !important; color: #ffffff !important; } /* JDHAB – esconder miniaturas/capas apenas nos cards da issue page */ .page_issue .obj_article_summary .cover, .page_issue .obj_article_summary .thumbnail, .page_issue .cmp_article_list .cover, .page_issue .cmp_article_list .thumbnail { display: none !important; } /* ===== JDHAB — Issue page (clean final version) ===== */ /* mantém a página estável */ .page_issue .obj_issue_toc, .page_issue .issue_toc { width: 100% !important; max-width: none !important; } /* topo da issue */ .page_issue h1, .page_issue .current_issue_title, .page_issue .obj_issue_toc > .title { font-size: 1.9rem !important; line-height: 1.15 !important; font-weight: 700 !important; color: #123A5D !important; margin-bottom: 14px !important; } .page_issue .obj_issue_toc .heading, .page_issue .current_issue, .page_issue .issue_summary { margin-bottom: 22px !important; padding-bottom: 10px !important; border-bottom: 1px solid #e8edf2 !important; } /* capa da issue */ .page_issue .obj_issue_toc .cover img, .page_issue .current_issue .cover img, .page_issue .issue_cover img { max-width: 86px !important; height: auto !important; border-radius: 4px !important; box-shadow: none !important; } /* seções */ .page_issue .obj_issue_toc .sections h2, .page_issue .obj_issue_toc .section h2, .page_issue .cmp_toc_section h2, .page_issue h2 { font-size: 1rem !important; font-weight: 600 !important; color: #5f6c79 !important; margin-top: 22px !important; margin-bottom: 10px !important; border: 0 !important; text-transform: none !important; letter-spacing: 0 !important; } /* cards */ .page_issue .obj_article_summary, .page_issue .cmp_article_list > li, .page_issue .issue_toc .section .obj_article_summary, .page_issue .issue_toc .sections .cmp_article_list__item { background: #fff !important; border: 1px solid #e6eaef !important; border-radius: 10px !important; box-shadow: none !important; padding: 14px 18px !important; margin-bottom: 14px !important; } /* remove caixa interna */ .page_issue .obj_article_summary > div, .page_issue .obj_article_summary .media, .page_issue .obj_article_summary .entry_details, .page_issue .obj_article_summary .description { border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; margin: 0 !important; } /* títulos */ .page_issue .obj_article_summary .title, .page_issue .obj_article_summary .title a, .page_issue .cmp_article_list .title, .page_issue .cmp_article_list .title a { font-size: 1.36rem !important; line-height: 1.24 !important; font-weight: 700 !important; color: #123A5D !important; text-decoration: none !important; margin-bottom: 6px !important; } .page_issue .obj_article_summary .title a:hover, .page_issue .cmp_article_list .title a:hover { color: #0f2f4a !important; text-decoration: none !important; } /* autores */ .page_issue .obj_article_summary .authors, .page_issue .obj_article_summary .meta .authors, .page_issue .cmp_article_list .authors { font-size: 0.90rem !important; line-height: 1.35 !important; color: #6f7b88 !important; margin-top: 4px !important; margin-bottom: 10px !important; } /* área dos galleys */ .page_issue .obj_article_summary .galleys_links, .page_issue .obj_article_summary .galleys, .page_issue .cmp_article_list .galleys_links { margin-top: 6px !important; } /* botões PDF / HTML */ .page_issue .obj_article_summary .galleys_links a, .page_issue .obj_article_summary .galleys a, .page_issue .cmp_article_list .galleys_links a, .page_issue .cmp_article_list .galleys a { display: inline-block !important; border: 1px solid #123A5D !important; border-radius: 16px !important; background: transparent !important; color: #123A5D !important; padding: 4px 11px !important; font-size: 0.78rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.01em !important; margin-right: 7px !important; box-shadow: none !important; } .page_issue .obj_article_summary .galleys_links a:hover, .page_issue .obj_article_summary .galleys a:hover, .page_issue .cmp_article_list .galleys_links a:hover, .page_issue .cmp_article_list .galleys a:hover { background: #123A5D !important; color: #fff !important; text-decoration: none !important; } /* espaçamento entre seções */ .page_issue .obj_issue_toc .section, .page_issue .cmp_toc_section { margin-bottom: 18px !important; } /* JDHAB — hide "In this issue" block at top of issue page */ .page_issue .obj_issue_toc .description { display: none !important; } /* JDHAB — hide issue description paragraphs only */ .page_issue .obj_issue_toc .description p, .page_issue .obj_issue_toc .description ul, .page_issue .obj_issue_toc .description ol { display: none !important; } /* ============================================================ JDHAB — FINAL CLEAN OVERRIDES issue page + article page ============================================================ */ /* ISSUE PAGE — esconder o bloco customizado do topo */ .pkp_page_issue .jdhab_issue_index, .pkp_page_issue .jdhab_issue_topline, .pkp_page_issue .jdhab_issue_date, .pkp_page_issue .jdhab_issue_group { display: none !important; } /* ISSUE PAGE — manter capa discreta */ .pkp_page_issue .obj_issue_toc .heading { margin: 8px 0 18px !important; padding-bottom: 12px !important; border-bottom: 1px solid #e8edf2 !important; } .pkp_page_issue .obj_issue_toc .heading .cover img, .pkp_page_issue .obj_issue_toc .cover img, .pkp_page_issue .current_issue .cover img, .pkp_page_issue .issue_cover img { width: 86px !important; max-width: 86px !important; height: auto !important; border-radius: 4px !important; box-shadow: none !important; } /* ISSUE PAGE — esconder miniaturas dos cards */ .pkp_page_issue .obj_article_summary .cover, .pkp_page_issue .obj_article_summary .thumbnail, .pkp_page_issue .cmp_article_list .cover, .pkp_page_issue .cmp_article_list .thumbnail { display: none !important; } /* ISSUE PAGE — cards limpos */ .pkp_page_issue .obj_article_summary, .pkp_page_issue .cmp_article_list > li, .pkp_page_issue .obj_issue_toc .section .obj_article_summary, .pkp_page_issue .obj_issue_toc .sections .cmp_article_list__item { background: #fff !important; border: 1px solid #e6eaef !important; border-radius: 10px !important; box-shadow: none !important; padding: 14px 18px !important; margin-bottom: 14px !important; } .pkp_page_issue .obj_article_summary > div, .pkp_page_issue .obj_article_summary .media, .pkp_page_issue .obj_article_summary .entry_details, .pkp_page_issue .obj_article_summary .description { border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; margin: 0 !important; } .pkp_page_issue .obj_article_summary .title, .pkp_page_issue .obj_article_summary .title a, .pkp_page_issue .cmp_article_list .title, .pkp_page_issue .cmp_article_list .title a { font-size: 1.36rem !important; line-height: 1.24 !important; font-weight: 700 !important; color: #123A5D !important; text-decoration: none !important; margin-bottom: 6px !important; } .pkp_page_issue .obj_article_summary .authors, .pkp_page_issue .obj_article_summary .meta .authors, .pkp_page_issue .cmp_article_list .authors { font-size: 0.92rem !important; line-height: 1.35 !important; color: #6c7886 !important; margin-top: 4px !important; margin-bottom: 10px !important; } .pkp_page_issue .obj_article_summary .galleys_links a, .pkp_page_issue .obj_article_summary .galleys a, .pkp_page_issue .cmp_article_list .galleys_links a, .pkp_page_issue .cmp_article_list .galleys a { display: inline-block !important; border: 1px solid #123A5D !important; border-radius: 16px !important; background: transparent !important; color: #123A5D !important; padding: 4px 11px !important; font-size: 0.78rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.01em !important; margin-right: 7px !important; box-shadow: none !important; } .pkp_page_issue .obj_article_summary .galleys_links a:hover, .pkp_page_issue .obj_article_summary .galleys a:hover, .pkp_page_issue .cmp_article_list .galleys_links a:hover, .pkp_page_issue .cmp_article_list .galleys a:hover { background: #123A5D !important; color: #fff !important; text-decoration: none !important; } /* ARTICLE PAGE — esconder a miniatura lateral */ .pkp_page_article .obj_article_details .entry_details .item.cover_image, .pkp_page_article .obj_article_details .entry_details .item.cover_image *, .pkp_page_article .obj_article_details .entry_details .item.cover, .pkp_page_article .obj_article_details .entry_details .cover, .pkp_page_article .obj_article_details .entry_details .cover img, .pkp_page_article .obj_article_details .entry_details .sub_item img { display: none !important; } /* ARTICLE PAGE — reacomodar a lateral */ .pkp_page_article .obj_article_details .entry_details { padding-top: 0 !important; } .pkp_page_article .obj_article_details .galleys_links { margin-top: 0 !important; } /* ===== JDHAB — final topo da issue page ===== */ /* esconde o índice editorial customizado do topo */ .pkp_page_issue .jdhab_issue_index, .pkp_page_issue .jdhab_issue_topline, .pkp_page_issue .jdhab_issue_date, .pkp_page_issue .jdhab_issue_group, .pkp_page_issue .obj_issue_toc .description, .pkp_page_issue .obj_issue_toc .published { display: none !important; } /* remove a capa do topo da issue */ .pkp_page_issue .obj_issue_toc .heading .cover, .pkp_page_issue .obj_issue_toc .cover, .pkp_page_issue .current_issue .cover, .pkp_page_issue .issue_cover { display: none !important; } /* recolhe o topo após remover a capa e o índice */ .pkp_page_issue .obj_issue_toc .heading { display: block !important; margin: 0 0 6px !important; padding: 0 0 6px !important; border-bottom: 1px solid #e8edf2 !important; min-height: 0 !important; } .pkp_page_issue .obj_issue_toc .heading::before, .pkp_page_issue .obj_issue_toc .heading::after { display: none !important; } .pkp_page_issue .obj_issue_toc, .pkp_page_issue .obj_issue_toc .section:first-of-type { margin-top: 0 !important; padding-top: 0 !important; } /* ===== JDHAB — Archives page refinement ===== */ /* container dos itens do arquivo */ .pkp_page_issue_archive .issues_archive { margin-left: 0 !important; margin-right: 0 !important; border-top: 0 !important; } /* cada edição como card limpo */ .pkp_page_issue_archive .issues_archive > li { padding: 0 !important; margin-bottom: 16px !important; border-bottom: 0 !important; } /* card da edição */ .pkp_page_issue_archive .obj_issue_summary { background: #fff !important; border: 1px solid #e6eaef !important; border-radius: 10px !important; box-shadow: none !important; padding: 18px 20px !important; } /* remove a capa da edição no arquivo */ .pkp_page_issue_archive .obj_issue_summary .cover, .pkp_page_issue_archive .obj_issue_summary .cover img { display: none !important; } /* título da edição */ .pkp_page_issue_archive .obj_issue_summary .title, .pkp_page_issue_archive .obj_issue_summary .title a { font-size: 1.35rem !important; line-height: 1.22 !important; font-weight: 700 !important; color: #123A5D !important; text-decoration: none !important; margin-bottom: 6px !important; } /* metadados/resumo da edição */ .pkp_page_issue_archive .obj_issue_summary .description, .pkp_page_issue_archive .obj_issue_summary .published, .pkp_page_issue_archive .obj_issue_summary .meta { font-size: 0.92rem !important; line-height: 1.45 !important; color: #6c7886 !important; } /* link da edição mais discreto */ .pkp_page_issue_archive .obj_issue_summary a { text-decoration: none !important; } .pkp_page_issue_archive .obj_issue_summary a:hover { text-decoration: none !important; } /* título principal da página */ .pkp_page_issue_archive h1 { font-size: 1.9rem !important; line-height: 1.15 !important; font-weight: 700 !important; color: #123A5D !important; margin-bottom: 18px !important; } /* ===== JDHAB — Archives page final ===== */ .pkp_page_issue_archive h1 { font-size: 1.9rem !important; line-height: 1.15 !important; font-weight: 700 !important; color: #123A5D !important; margin-bottom: 18px !important; } .pkp_page_issue_archive .issues_archive { margin-left: 0 !important; margin-right: 0 !important; border-top: 0 !important; } .pkp_page_issue_archive .issues_archive > li { padding: 0 !important; margin-bottom: 16px !important; border-bottom: 0 !important; } .pkp_page_issue_archive .obj_issue_summary { background: #fff !important; border: 1px solid #e6eaef !important; border-radius: 10px !important; box-shadow: none !important; padding: 18px 20px !important; } /* remove capa da edição no arquivo */ .pkp_page_issue_archive .obj_issue_summary .cover, .pkp_page_issue_archive .obj_issue_summary .cover img { display: none !important; } /* título da edição */ .pkp_page_issue_archive .obj_issue_summary .title, .pkp_page_issue_archive .obj_issue_summary .title a { font-size: 1.35rem !important; line-height: 1.22 !important; font-weight: 700 !important; color: #123A5D !important; text-decoration: none !important; margin-bottom: 6px !important; } /* metadados da edição */ .pkp_page_issue_archive .obj_issue_summary .description, .pkp_page_issue_archive .obj_issue_summary .published, .pkp_page_issue_archive .obj_issue_summary .meta { font-size: 0.92rem !important; line-height: 1.45 !important; color: #6c7886 !important; } /* link da edição mais sóbrio */ .pkp_page_issue_archive .obj_issue_summary a { text-decoration: none !important; } .pkp_page_issue_archive .obj_issue_summary a:hover { text-decoration: none !important; } /* ===== JDHAB — Archives + article opening final ===== */ /* ARCHIVES */ .page_issue_archive .issues_archive, .pkp_page_issue_archive .issues_archive { margin-left: 0 !important; margin-right: 0 !important; border-top: 0 !important; } .page_issue_archive .issues_archive > li, .pkp_page_issue_archive .issues_archive > li { padding: 0 !important; margin-bottom: 16px !important; border-bottom: 0 !important; } .page_issue_archive .obj_issue_summary, .pkp_page_issue_archive .obj_issue_summary { background: #fff !important; border: 1px solid #e6eaef !important; border-radius: 10px !important; box-shadow: none !important; padding: 18px 20px !important; } .page_issue_archive .obj_issue_summary .cover, .page_issue_archive .obj_issue_summary .cover img, .pkp_page_issue_archive .obj_issue_summary .cover, .pkp_page_issue_archive .obj_issue_summary .cover img { display: none !important; } .page_issue_archive .obj_issue_summary .title, .page_issue_archive .obj_issue_summary .title a, .pkp_page_issue_archive .obj_issue_summary .title, .pkp_page_issue_archive .obj_issue_summary .title a { font-size: 1.35rem !important; line-height: 1.22 !important; font-weight: 700 !important; color: #123A5D !important; text-decoration: none !important; margin-bottom: 6px !important; } .page_issue_archive .obj_issue_summary .description, .page_issue_archive .obj_issue_summary .published, .page_issue_archive .obj_issue_summary .meta, .pkp_page_issue_archive .obj_issue_summary .description, .pkp_page_issue_archive .obj_issue_summary .published, .pkp_page_issue_archive .obj_issue_summary .meta { font-size: 0.92rem !important; line-height: 1.45 !important; color: #6c7886 !important; } /* ARTICLE OPENING */ .pkp_page_article .obj_article_details .entry_details .item.cover_image, .pkp_page_article .obj_article_details .entry_details .item.cover_image *, .pkp_page_article .obj_article_details .entry_details .item.cover, .pkp_page_article .obj_article_details .entry_details .cover, .pkp_page_article .obj_article_details .entry_details .cover img { display: none !important; } .pkp_page_article .obj_article_details .author_bios { display: none !important; } /* References: esconder enquanto estiver vazia */ .pkp_page_article .obj_article_details .item.references .value:empty { display: none !important; } .pkp_page_article .obj_article_details .item.references .value:empty + *, .pkp_page_article .obj_article_details .item.references:has(.value:empty) { display: none !important; } /* se no futuro vierem referências, já ficam mais elegantes */ .pkp_page_article .obj_article_details .item.references p, .pkp_page_article .obj_article_details .item.references li { font-size: 0.95rem !important; line-height: 1.55 !important; margin-bottom: 0.55rem !important; padding-left: 1.35rem !important; text-indent: -1.35rem !important; } /* ===== JDHAB — remove o vazio abaixo do título da issue ===== */ .pkp_page_issue .obj_issue_toc .heading { display: none !important; } .pkp_page_issue .obj_issue_toc { margin-top: 0 !important; padding-top: 0 !important; } .pkp_page_issue .obj_issue_toc .section:first-of-type { margin-top: 0 !important; padding-top: 0 !important; } .pkp_page_issue h1 { margin-bottom: 12px !important; } /* ===== JDHAB — remove o vazio antes da primeira seção da issue ===== */ /* zera o espaço acima da primeira seção */ .pkp_page_issue .obj_issue_toc .section:first-of-type { margin-top: 0 !important; padding-top: 0 !important; } /* remove a linha decorativa que o OJS injeta no topo da primeira seção */ .pkp_page_issue .obj_issue_toc .section:first-of-type::before { display: none !important; } /* aproxima o título da seção ("Review Articles") do topo */ .pkp_page_issue .obj_issue_toc .section:first-of-type > h2 { left: 0 !important; margin-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; background: transparent !important; } /* mantém as seções seguintes com respiro, mas menos exagerado */ .pkp_page_issue .obj_issue_toc .section { margin-top: 16px !important; padding-top: 16px !important; } /* ===== JDHAB — esconder References quando estiver vazia ===== */ /* esconde a seção inteira se o valor vier vazio */ .pkp_page_article .obj_article_details .item.references:has(.value:empty) { display: none !important; } /* fallback: esconde também o conteúdo vazio */ .pkp_page_article .obj_article_details .item.references .value:empty { display: none !important; } /* ===== JDHAB — esconder References vazias na HTML dos artigos ===== */ .pkp_page_article .obj_article_details .item.references { display: none !important; } .pkp_page_static .page, .pkp_page_custom .page { max-width: 1240px; } .pkp_page_static .cmp_breadcrumbs, .pkp_page_custom .cmp_breadcrumbs { margin-bottom: 18px; } .pkp_page_static .page h1, .pkp_page_custom .page h1 { margin-bottom: 18px; color: #123A5D; } .pkp_page_static .page p, .pkp_page_custom .page p, .pkp_page_static .page li, .pkp_page_custom .page li { line-height: 1.75; } /* ============================================================ JDHAB — A2 final refinement for public article pages Purpose: improve OJS article landing pages without changing core OJS ============================================================ */ :root{ --jdhab-blue:#123A5D; --jdhab-ink:#24313e; --jdhab-muted:#657487; --jdhab-line:#e1e8ef; --jdhab-soft:#fbfcfe; } /* Wider and cleaner public article page */ .pkp_page_article .pkp_structure_content, .pkp_page_article .pkp_structure_main{ max-width: 1120px !important; width: calc(100% - 80px) !important; margin-left: auto !important; margin-right: auto !important; background: #ffffff !important; } /* Article title hierarchy */ .pkp_page_article .obj_article_details .page_title, .pkp_page_article .page_title{ color: var(--jdhab-blue) !important; font-size: 2.05rem !important; line-height: 1.18 !important; letter-spacing: -0.025em !important; font-weight: 700 !important; margin-bottom: 20px !important; } /* Article landing card */ .pkp_page_article .obj_article_details{ background: #ffffff !important; border: 1px solid var(--jdhab-line) !important; border-radius: 14px !important; box-shadow: 0 12px 34px rgba(18,58,93,.045) !important; overflow: hidden !important; } /* Main content spacing */ .pkp_page_article .obj_article_details .main_entry{ padding: 26px 32px 34px !important; } /* Sidebar / metadata column */ .pkp_page_article .obj_article_details .entry_details{ background: var(--jdhab-soft) !important; border-left: 1px solid var(--jdhab-line) !important; padding: 22px 24px !important; } /* Metadata blocks */ .pkp_page_article .obj_article_details .entry_details .item{ border-bottom: 1px solid var(--jdhab-line) !important; padding: 14px 0 !important; margin: 0 !important; } .pkp_page_article .obj_article_details .entry_details .item:last-child{ border-bottom: 0 !important; } .pkp_page_article .obj_article_details .entry_details .item h2{ color: var(--jdhab-blue) !important; font-size: .78rem !important; letter-spacing: .10em !important; text-transform: uppercase !important; font-weight: 750 !important; margin-bottom: 6px !important; } /* Galley buttons on article page */ .pkp_page_article .obj_article_details .galleys_links, .pkp_page_article .obj_article_details .galleys{ margin-bottom: 18px !important; } .pkp_page_article .obj_article_details .galleys_links a, .pkp_page_article .obj_article_details .galleys a, .pkp_page_article .obj_galley_link{ display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid var(--jdhab-blue) !important; border-radius: 999px !important; background: #ffffff !important; color: var(--jdhab-blue) !important; padding: 7px 15px !important; font-size: .80rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .02em !important; text-decoration: none !important; margin-right: 8px !important; box-shadow: none !important; } .pkp_page_article .obj_article_details .galleys_links a:hover, .pkp_page_article .obj_article_details .galleys a:hover, .pkp_page_article .obj_galley_link:hover{ background: var(--jdhab-blue) !important; color: #ffffff !important; text-decoration: none !important; } /* Abstract as a clean editorial card */ .pkp_page_article .obj_article_details .item.abstract, .pkp_page_article .obj_article_details .abstract{ margin-top: 26px !important; padding: 22px 24px !important; border: 1px solid var(--jdhab-line) !important; border-radius: 12px !important; background: var(--jdhab-soft) !important; } .pkp_page_article .obj_article_details .item.abstract h2, .pkp_page_article .obj_article_details .abstract h2{ color: var(--jdhab-blue) !important; font-size: .82rem !important; letter-spacing: .12em !important; text-transform: uppercase !important; font-weight: 800 !important; margin-bottom: 12px !important; } /* Article text on landing page */ .pkp_page_article .obj_article_details .abstract p, .pkp_page_article .obj_article_details .item.abstract p{ font-size: .98rem !important; line-height: 1.72 !important; color: var(--jdhab-ink) !important; } /* Keywords and authors */ .pkp_page_article .obj_article_details .authors, .pkp_page_article .obj_article_details .item.keywords, .pkp_page_article .obj_article_details .keywords{ color: var(--jdhab-muted) !important; font-size: .92rem !important; line-height: 1.55 !important; } /* License block less heavy */ .pkp_page_article .obj_article_details .item.license, .pkp_page_article .obj_article_details .license{ font-size: .84rem !important; line-height: 1.58 !important; color: var(--jdhab-muted) !important; } /* DOI / issue / published links */ .pkp_page_article .obj_article_details .entry_details a{ color: var(--jdhab-blue) !important; text-decoration: none !important; } .pkp_page_article .obj_article_details .entry_details a:hover{ text-decoration: underline !important; text-underline-offset: 3px !important; } /* Mobile refinement */ @media (max-width: 768px){ .pkp_page_article .pkp_structure_content, .pkp_page_article .pkp_structure_main{ width: 100% !important; max-width: none !important; } .pkp_page_article .obj_article_details{ border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; box-shadow: none !important; } .pkp_page_article .obj_article_details .main_entry{ padding: 22px 18px 28px !important; } .pkp_page_article .obj_article_details .entry_details{ border-left: 0 !important; border-top: 1px solid var(--jdhab-line) !important; padding: 18px !important; } .pkp_page_article .obj_article_details .page_title, .pkp_page_article .page_title{ font-size: 1.55rem !important; line-height: 1.22 !important; } } /* ============================================================ JDHAB — A2 line cleanup for article pages Purpose: remove residual OJS structural lines after A2 refinement ============================================================ */ /* Remove OJS vertical canvas guide lines */ .pkp_page_article .pkp_structure_main::before, .pkp_page_article .pkp_structure_main::after, .pkp_page_issue .pkp_structure_main::before, .pkp_page_issue .pkp_structure_main::after, .pkp_page_issue_archive .pkp_structure_main::before, .pkp_page_issue_archive .pkp_structure_main::after { display: none !important; content: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Remove default OJS horizontal and vertical borders inside article landing pages */ .pkp_page_article .obj_article_details .row { border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } .pkp_page_article .obj_article_details .main_entry { border-right: 0 !important; box-shadow: none !important; } .pkp_page_article .obj_article_details .entry_details { border-left: 0 !important; border-top: 0 !important; box-shadow: none !important; } /* Keep sidebar separation by background, not by a hard line */ .pkp_page_article .obj_article_details .entry_details { background: #fbfcfe !important; } /* Remove any remaining artificial line immediately below title row */ .pkp_page_article .obj_article_details .row::before, .pkp_page_article .obj_article_details .row::after, .pkp_page_article .obj_article_details .main_entry::before, .pkp_page_article .obj_article_details .main_entry::after, .pkp_page_article .obj_article_details .entry_details::before, .pkp_page_article .obj_article_details .entry_details::after { border: 0 !important; background: transparent !important; box-shadow: none !important; } /* ============================================================ JDHAB — A3 final article landing refinement Purpose: refine title spacing, card breathing and long editorial titles ============================================================ */ /* Give the title proper internal padding inside the article card */ .pkp_page_article .obj_article_details > .page_title, .pkp_page_article .obj_article_details .page_title { padding: 28px 32px 6px !important; margin: 0 !important; max-width: 940px !important; color: #123A5D !important; font-size: clamp(1.72rem, 2vw, 1.95rem) !important; line-height: 1.18 !important; letter-spacing: -0.025em !important; box-sizing: border-box !important; } /* Subtitle, when present */ .pkp_page_article .obj_article_details > .subtitle { padding: 0 32px 10px !important; margin: 0 !important; color: #607084 !important; font-size: 0.96rem !important; line-height: 1.45 !important; } /* Remove the large OJS gap between title and article information */ .pkp_page_article .obj_article_details .row { margin-top: 0 !important; } /* Bring author/keywords and right metadata into a cleaner vertical rhythm */ .pkp_page_article .obj_article_details .main_entry { padding-top: 20px !important; } .pkp_page_article .obj_article_details .entry_details { padding-top: 20px !important; } /* Keep abstract visually refined without starting too far below */ .pkp_page_article .obj_article_details .item.abstract, .pkp_page_article .obj_article_details .abstract { margin-top: 20px !important; } /* Mobile refinement */ @media (max-width: 768px) { .pkp_page_article .obj_article_details > .page_title, .pkp_page_article .obj_article_details .page_title { padding: 22px 18px 6px !important; font-size: 1.45rem !important; line-height: 1.22 !important; } .pkp_page_article .obj_article_details > .subtitle { padding: 0 18px 8px !important; } .pkp_page_article .obj_article_details .main_entry { padding-top: 16px !important; } .pkp_page_article .obj_article_details .entry_details { padding-top: 16px !important; } } /* ============================================================ JDHAB — A4 breathing room for abstract and article landing ============================================================ */ /* More breathing room inside the abstract card */ .pkp_page_article .obj_article_details .item.abstract, .pkp_page_article .obj_article_details section.abstract, .pkp_page_article .obj_article_details .abstract { padding: 24px 28px !important; margin-top: 26px !important; margin-bottom: 28px !important; line-height: 1.78 !important; } /* Better paragraph rhythm inside abstract */ .pkp_page_article .obj_article_details .item.abstract p, .pkp_page_article .obj_article_details section.abstract p, .pkp_page_article .obj_article_details .abstract p { margin-top: 0 !important; margin-bottom: 14px !important; line-height: 1.78 !important; } /* Last paragraph without excessive bottom gap */ .pkp_page_article .obj_article_details .item.abstract p:last-child, .pkp_page_article .obj_article_details section.abstract p:last-child, .pkp_page_article .obj_article_details .abstract p:last-child { margin-bottom: 0 !important; } /* More air between author/keywords and abstract */ .pkp_page_article .obj_article_details .main_entry .item.keywords { margin-bottom: 20px !important; } /* Sidebar blocks with more breathing room */ .pkp_page_article .obj_article_details .entry_details .item { padding-top: 18px !important; padding-bottom: 18px !important; } /* How to cite less compressed */ .pkp_page_article .obj_article_details .citation_display, .pkp_page_article .obj_article_details .item.citation_display { padding-top: 18px !important; margin-top: 8px !important; line-height: 1.65 !important; } /* Mobile/tablet */ @media (max-width: 768px) { .pkp_page_article .obj_article_details .item.abstract, .pkp_page_article .obj_article_details section.abstract, .pkp_page_article .obj_article_details .abstract { padding: 20px 18px !important; margin-top: 22px !important; margin-bottom: 24px !important; } } /* ============================================================ JDHAB — emergency mobile viewport fix Purpose: prevent mobile article pages from being clipped/cut ============================================================ */ @media (max-width: 768px) { html, body { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; } .pkp_structure_page, .pkp_structure_content, .pkp_structure_main, .pkp_page_article .pkp_structure_content, .pkp_page_article .pkp_structure_main { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; left: auto !important; right: auto !important; transform: none !important; box-sizing: border-box !important; overflow-x: hidden !important; } .pkp_page_article .obj_article_details { width: calc(100% - 24px) !important; max-width: calc(100% - 24px) !important; margin-left: 12px !important; margin-right: 12px !important; box-sizing: border-box !important; overflow: hidden !important; } .pkp_page_article .obj_article_details .row { display: block !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } .pkp_page_article .obj_article_details .main_entry, .pkp_page_article .obj_article_details .entry_details { display: block !important; float: none !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 18px !important; padding-right: 18px !important; box-sizing: border-box !important; } .pkp_page_article .obj_article_details .entry_details { border-left: 0 !important; border-top: 1px solid #d9e4ee !important; } .pkp_page_article .obj_article_details .entry_details .item, .pkp_page_article .obj_article_details .main_entry .item { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } .pkp_page_article .obj_article_details p, .pkp_page_article .obj_article_details a, .pkp_page_article .obj_article_details .value { overflow-wrap: anywhere !important; word-break: normal !important; } .pkp_page_article .obj_article_details .galleys_links, .pkp_page_article .obj_article_details .galleys { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; } } /* ============================================================ JDHAB — Mobile collapsible abstract Purpose: make long abstracts less tiring on mobile ============================================================ */ @media (max-width: 768px) { .pkp_page_article .obj_article_details .jdhab-mobile-abstract { position: relative !important; overflow: hidden !important; transition: max-height 0.25s ease !important; } .pkp_page_article .obj_article_details .jdhab-mobile-abstract.is-collapsed { max-height: 360px !important; } .pkp_page_article .obj_article_details .jdhab-mobile-abstract.is-expanded { max-height: none !important; } .pkp_page_article .obj_article_details .jdhab-mobile-abstract.is-collapsed::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; height: 90px !important; background: linear-gradient( to bottom, rgba(251,252,254,0), rgba(251,252,254,1) ) !important; pointer-events: none !important; } .jdhab-abstract-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 14px 0 4px !important; padding: 9px 18px !important; border: 1px solid #123A5D !important; border-radius: 999px !important; background: #ffffff !important; color: #123A5D !important; font-size: 0.82rem !important; font-weight: 700 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; cursor: pointer !important; } .jdhab-abstract-toggle:hover, .jdhab-abstract-toggle:focus { background: #123A5D !important; color: #ffffff !important; } } /* ============================================================ JDHAB — Mobile collapsible abstract ============================================================ */ @media (max-width: 768px) { .pkp_page_article .obj_article_details .jdhab-mobile-abstract { position: relative !important; overflow: hidden !important; transition: max-height 0.25s ease !important; } .pkp_page_article .obj_article_details .jdhab-mobile-abstract.is-collapsed { max-height: 390px !important; } .pkp_page_article .obj_article_details .jdhab-mobile-abstract.is-expanded { max-height: none !important; } .pkp_page_article .obj_article_details .jdhab-mobile-abstract.is-collapsed::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; height: 95px !important; background: linear-gradient( to bottom, rgba(251,252,254,0), rgba(251,252,254,1) ) !important; pointer-events: none !important; } .jdhab-abstract-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 14px 0 8px !important; padding: 10px 18px !important; border: 1px solid #123A5D !important; border-radius: 999px !important; background: #ffffff !important; color: #123A5D !important; font-size: 0.82rem !important; font-weight: 700 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; cursor: pointer !important; } .jdhab-abstract-toggle:hover, .jdhab-abstract-toggle:focus { background: #123A5D !important; color: #ffffff !important; } } /* ============================================================ JDHAB — Desktop-only final refinement Purpose: improve desktop article landing pages without changing mobile ============================================================ */ @media (min-width: 769px) { /* Give more editorial breathing between main text and sidebar */ .pkp_page_article .obj_article_details .main_entry { padding-right: 42px !important; } .pkp_page_article .obj_article_details .entry_details { padding-left: 34px !important; padding-right: 28px !important; } /* Abstract card: slightly narrower and more elegant on desktop */ .pkp_page_article .obj_article_details .main_entry .item.abstract, .pkp_page_article .obj_article_details .main_entry section.abstract, .pkp_page_article .obj_article_details .main_entry .abstract { width: calc(100% - 24px) !important; margin-top: 28px !important; margin-right: 24px !important; margin-bottom: 32px !important; padding: 24px 28px !important; box-sizing: border-box !important; } /* Better rhythm inside abstract */ .pkp_page_article .obj_article_details .item.abstract p, .pkp_page_article .obj_article_details section.abstract p, .pkp_page_article .obj_article_details .abstract p { line-height: 1.74 !important; margin-bottom: 13px !important; } /* Sidebar blocks: more refined spacing */ .pkp_page_article .obj_article_details .entry_details .item { padding-top: 18px !important; padding-bottom: 18px !important; } /* How to cite: readable and compact */ .pkp_page_article .obj_article_details .citation_display, .pkp_page_article .obj_article_details .item.citation_display, .pkp_page_article .obj_article_details .citation_display p, .pkp_page_article .obj_article_details .citation_display a { font-size: 0.86rem !important; line-height: 1.58 !important; overflow-wrap: anywhere !important; } /* PDF / HTML buttons with cleaner spacing */ .pkp_page_article .obj_article_details .galleys_links, .pkp_page_article .obj_article_details .galleys { margin-bottom: 22px !important; } .pkp_page_article .obj_article_details .obj_galley_link { margin-right: 10px !important; } } /* ============================================================ JDHAB — final desktop micro-polish for citation block Safe: no layout, no grid, no width changes ============================================================ */ @media (min-width: 769px) { .pkp_page_article .obj_article_details .citation_display, .pkp_page_article .obj_article_details .item.citation_display, .pkp_page_article .obj_article_details .citation_display p, .pkp_page_article .obj_article_details .citation_display a { font-size: 0.88rem !important; line-height: 1.62 !important; overflow-wrap: anywhere !important; } .pkp_page_article .obj_article_details .citation_display h2, .pkp_page_article .obj_article_details .item.citation_display h2 { margin-bottom: 10px !important; } .pkp_page_article .obj_article_details select { border: 1px solid #d9e4ee !important; border-radius: 6px !important; padding: 6px 8px !important; font-size: 0.82rem !important; color: #123A5D !important; background: #ffffff !important; } } /* ============================================================ JDHAB — discrete article metrics block Purpose: show article-level OJS usage statistics elegantly ============================================================ */ .jdhab-article-metrics { padding-top: 18px !important; padding-bottom: 18px !important; } .jdhab-article-metrics h2 { color: #123A5D !important; font-size: 0.76rem !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; font-weight: 800 !important; margin-bottom: 12px !important; } .jdhab-metrics-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; } .jdhab-metric-box { border: 1px solid #d9e4ee !important; border-radius: 10px !important; background: #ffffff !important; padding: 9px 10px !important; text-align: left !important; } .jdhab-metric-number { display: block !important; color: #123A5D !important; font-size: 1.05rem !important; line-height: 1.1 !important; font-weight: 800 !important; } .jdhab-metric-label { display: block !important; margin-top: 4px !important; color: #657487 !important; font-size: 0.68rem !important; line-height: 1.25 !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; } .jdhab-metrics-note { margin-top: 10px !important; color: #657487 !important; font-size: 0.72rem !important; line-height: 1.45 !important; } @media (max-width: 768px) { .jdhab-article-metrics { padding-top: 20px !important; padding-bottom: 20px !important; } .jdhab-metrics-grid { gap: 10px !important; } .jdhab-metric-box { padding: 11px 12px !important; } .jdhab-metric-number { font-size: 1.18rem !important; } }