/* =========================================================
   UJLH GLOBAL UI POLISH (Safe for OJS)
   Universal Journal of Law and Humanities
   Brand: Navy (Primary) | Gold (Accent) | Ink (Text)
   Scope: low-risk selectors only (no structural overrides)
   ========================================================= */

:root{
  /* Brand */
  --ujlh-navy:#0B1F3A;          /* primary */
  --ujlh-navy-dark:#071526;     /* hover/deeper */
  --ujlh-gold:#C6A34F;          /* accent */
  --ujlh-gold-dark:#A88739;     /* hover accent */

  /* Neutrals */
  --ujlh-ink:#1F2937;           /* main text */
  --ujlh-muted:#6B7280;         /* secondary text */
  --ujlh-border:#E6E8EF;        /* borders */
  --ujlh-surface:#FFFFFF;       /* cards */
  --ujlh-surface2:#F7F9FC;      /* subtle bg */

  /* Effects */
  --ujlh-shadow1:0 1px 2px rgba(0,0,0,.06);
  --ujlh-shadow2:0 8px 22px rgba(17,24,39,.10);
  --ujlh-shadow3:0 16px 36px rgba(17,24,39,.14);

  --ujlh-radius:14px;
  --ujlh-pill:999px;
}

/* ---------------------------------------------------------
   TYPOGRAPHY & READING COMFORT
--------------------------------------------------------- */

.pkp_structure_main,
.pkp_structure_content,
.pkp_structure_footer{
  color: var(--ujlh-ink);
}

.pkp_structure_main p{
  line-height: 1.80; /* slightly more “journal-like” */
  color: var(--ujlh-ink);
}

/* Optional: improve muted text (metadata) without breaking theme */
.pkp_structure_main .meta,
.pkp_structure_main .sub_title,
.pkp_structure_main .authors,
.pkp_structure_main .date{
  color: var(--ujlh-muted);
}

/* ---------------------------------------------------------
   GLOBAL LINK POLISH (Law-journal feel: navy + gold accent)
--------------------------------------------------------- */

.pkp_structure_main a,
.pkp_structure_footer a{
  color: var(--ujlh-navy);
  text-decoration: none;
  font-weight: 650;
  transition: all .15s ease;
}

.pkp_structure_main a:hover,
.pkp_structure_footer a:hover{
  color: var(--ujlh-navy-dark);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ---------------------------------------------------------
   CONTENT LINKS → SOFT PILL STYLE
   Applies to page content links, policy links, etc.
   Excludes native buttons, nav, and article titles
--------------------------------------------------------- */

.pkp_structure_main .page a:not(.pkp_button):not(.block_make_submission_link):not(.title a){
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 8px 14px;
  margin: 6px 6px 6px 0;

  background: var(--ujlh-surface);
  border: 1px solid var(--ujlh-border);
  border-radius: var(--ujlh-pill);

  box-shadow: var(--ujlh-shadow1);

  font-weight: 750;
  color: var(--ujlh-navy);
}

.pkp_structure_main .page a:not(.pkp_button):not(.block_make_submission_link):not(.title a)::after{
  content: "→";
  font-weight: 900;
  color: var(--ujlh-gold);
}

.pkp_structure_main .page a:not(.pkp_button):not(.block_make_submission_link):not(.title a):hover{
  background: rgba(11,31,58,.06);
  border-color: rgba(11,31,58,.30);
  box-shadow: var(--ujlh-shadow2);
  transform: translateY(-1px);
  text-decoration: none; /* avoid underline on pill links */
}

/* ---------------------------------------------------------
   BUTTONS (OJS native buttons only lightly rounded)
--------------------------------------------------------- */

.pkp_structure_main a.pkp_button,
.pkp_structure_main button.pkp_button,
.pkp_structure_main input.pkp_button{
  border-radius: var(--ujlh-pill);
}

/* ---------------------------------------------------------
   CARD UI (Issue, Article summaries, Sidebar, Footer)
--------------------------------------------------------- */

.pkp_structure_main .obj_issue_toc,
.pkp_structure_main .obj_article_summary,
.pkp_structure_main .obj_issue_summary,
.pkp_structure_sidebar .pkp_block,
.pkp_structure_footer .pkp_block,
.pkp_structure_footer .pkp_footer_content,
.pkp_structure_footer .pkp_brand_footer{
  background: var(--ujlh-surface);
  border: 1px solid var(--ujlh-border);
  border-radius: var(--ujlh-radius);
  box-shadow: var(--ujlh-shadow1);
}

/* Breathing room */
.pkp_structure_sidebar .pkp_block,
.pkp_structure_footer .pkp_block{
  padding: 16px 18px;
}

/* ---------------------------------------------------------
   HEADINGS (Academic tone)
--------------------------------------------------------- */

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3{
  color: var(--ujlh-ink);
  letter-spacing: .15px;
}

/* Subtle accent rule under primary headings (optional, safe) */
.pkp_structure_main h1::after,
.pkp_structure_main h2::after{
  content:"";
  display:block;
  width: 54px;
  height: 3px;
  margin-top: 10px;
  background: rgba(198,163,79,.65);
  border-radius: 2px;
}

/* ---------------------------------------------------------
   ARTICLE TITLE LINKS (keep elegant, not pill style)
--------------------------------------------------------- */

.pkp_structure_main .obj_article_summary .title a,
.pkp_structure_main .obj_issue_toc .title a{
  color: var(--ujlh-ink);
  font-weight: 850;
  display: inline;
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
  text-decoration: none;
}

.pkp_structure_main .obj_article_summary .title a:hover,
.pkp_structure_main .obj_issue_toc .title a:hover{
  color: var(--ujlh-navy);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ---------------------------------------------------------
   “View All Issues” Button (law-style accent)
--------------------------------------------------------- */

.pkp_structure_main a[href*="/issue/archive"]{
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 10px 16px;
  border-radius: var(--ujlh-pill);

  background: rgba(198,163,79,.12);
  border: 1px solid rgba(198,163,79,.35);

  font-weight: 850;
  color: var(--ujlh-navy);
  text-decoration: none;
}

.pkp_structure_main a[href*="/issue/archive"]:hover{
  background: rgba(198,163,79,.18);
  border-color: rgba(198,163,79,.55);
  box-shadow: var(--ujlh-shadow2);
  text-decoration: none;
}

/* ---------------------------------------------------------
   FOOTER POLISH (gold accent bar)
--------------------------------------------------------- */

.pkp_structure_footer .pkp_footer_content,
.pkp_structure_footer .pkp_brand_footer{
  padding: 18px 20px;
  border-left: 4px solid rgba(198,163,79,.65);
}

.pkp_structure_footer strong{
  color: var(--ujlh-ink);
}

/* =========================================================
   UJLH About Page — FIX for identity clutter/overlap
   Paste at VERY BOTTOM of your stylesheet
   (Keeps this section generic; only targets wrapper classes)
   ========================================================= */

/* 1) Ensure the definition-list grid can shrink without overflow */
.ujlh-about-wrap .ujlh-dl{
  grid-template-columns: 170px minmax(0, 1fr) !important;
  align-items: start;
}

/* 2) Allow values to wrap (long URLs/emails were forcing overflow) */
.ujlh-about-wrap .ujlh-dl dd{
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* 3) Reduce clutter: DO NOT style identity/contact links as pill buttons */
.ujlh-about-wrap .ujlh-card .ujlh-dl dd a{
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  color: var(--ujlh-navy) !important;
  text-decoration: none !important;
  font-weight: 800;
}

/* Subtle, clean hover (not button-like) */
.ujlh-about-wrap .ujlh-card .ujlh-dl dd a:hover{
  color: var(--ujlh-navy-dark) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* 4) Improve spacing consistency inside the DL */
.ujlh-about-wrap .ujlh-dl dt{
  white-space: normal;
  padding-right: 6px;
  color: var(--ujlh-muted);
  font-weight: 700;
}

/* 5) Mobile: stack labels/values to avoid any crowding */
@media (max-width: 520px){
  .ujlh-about-wrap .ujlh-dl{
    grid-template-columns: 1fr !important;
  }
}