rows: 1
/* Custom styles for Arte y Ciudad */

/* Fix: Force reload Font Awesome with absolute URLs to bypass cached 404s */
@font-face {
  font-family: 'FontAwesome';
  src: url('https://www.arteyciudad.com/revista/lib/pkp/styles/fontawesome/fontawesome-webfont.woff2?v=4.7.0.1') format('woff2'),
       url('https://www.arteyciudad.com/revista/lib/pkp/styles/fontawesome/fontawesome-webfont.woff?v=4.7.0.1') format('woff'),
       url('https://www.arteyciudad.com/revista/lib/pkp/styles/fontawesome/fontawesome-webfont.ttf?v=4.7.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* === Mobile-first sidebar/footer overrides === */

/* Center the indexaciones content paragraphs */
#customblock-indexaciones .content,
#customblock-antiplagio .content {
  text-align: center !important;
}
#customblock-indexaciones .content > p,
#customblock-antiplagio .content > p {
  text-align: center !important;
}

/* Indexaciones imgs: uniform 220px max, mobile-first */
#customblock-indexaciones .content img,
#customblock-antiplagio .content img {
  max-width: 220px !important;
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
}

/* JCR badge specifically capped smaller (it's a heavy element) */
#customblock-indexaciones .content img[alt="JCR 2024"] {
  max-width: 180px !important;
}

/* IDR widget container — centered */
#customblock-indexaciones #idr-revista {
  width: 220px !important;
  max-width: 100% !important;
  margin: 10px auto !important;
}

/* JCI bordered card — centered uniform width */
#customblock-indexaciones .content > div[style*="border:"] {
  max-width: 220px !important;
  width: 100% !important;
  margin: 10px auto !important;
}

/* Separators centered */
#customblock-indexaciones .content hr {
  width: 220px !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* JCR badge first paragraph: smaller top margin on mobile */
#customblock-indexaciones .content > p:first-of-type {
  margin-top: 12px !important;
}

/* Keyword cloud */
#wordcloud {
  min-height: 160px !important;
}

/* Footer logo cap on mobile */
.pkp_structure_footer img[alt*="Grupo de Investigación UCM"] {
  max-width: 320px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Footer flex layout: column on mobile */
.pkp_structure_footer .pkp_footer_content > div[style*="display:flex"] {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 1rem !important;
}
.pkp_structure_footer .pkp_footer_content > div[style*="display:flex"] > * {
  flex: 0 0 auto !important;
  width: auto !important;
}

/* === Desktop overrides (>=992px = sidebar visible) === */
@media (min-width: 992px) {
  #customblock-indexaciones .content,
  #customblock-antiplagio .content,
  #customblock-indexaciones .content > p,
  #customblock-antiplagio .content > p {
    text-align: left !important;
  }
  #customblock-indexaciones .content img,
  #customblock-antiplagio .content img {
    max-width: 165px !important;
  }
  #customblock-indexaciones .content img[alt="JCR 2024"] {
    max-width: 165px !important;
  }
  #customblock-indexaciones #idr-revista {
    width: 165px !important;
    margin: 10px 0 !important;
  }
  #customblock-indexaciones .content > div[style*="border:"] {
    max-width: 165px !important;
    width: 165px !important;
    margin: 10px 0 !important;
  }
  #customblock-indexaciones .content hr {
    width: 165px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  #customblock-indexaciones .content > p:first-of-type {
    margin-top: 24px !important;
  }
  #wordcloud {
    min-height: 200px !important;
  }
  .pkp_structure_footer img[alt*="Grupo de Investigación UCM"] {
    max-width: 380px !important;
  }
  .pkp_structure_footer .pkp_footer_content > div[style*="display:flex"] {
    flex-direction: row !important;
    align-items: center !important;
  }
}

/* Spacing after block title */
#customblock-indexaciones > .title,
#customblock-indexaciones h2.title,
#customblock-antiplagio > .title,
#customblock-antiplagio h2.title {
  margin-bottom: 16px !important;
}

/* Uniform vertical spacing between sidebar block items */
#customblock-indexaciones .content > p,
#customblock-indexaciones .content > div,
#customblock-indexaciones .content > hr,
#customblock-antiplagio .content > p,
#customblock-antiplagio .content > div {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
#customblock-indexaciones .content > *:first-child,
#customblock-antiplagio .content > *:first-child {
  margin-top: 0 !important;
}
#customblock-indexaciones .content > *:last-child,
#customblock-antiplagio .content > *:last-child {
  margin-bottom: 0 !important;
}

/* Quality-badge checks (CSIC-style). Used in journal description and on /politicas. */
.check {
  position: relative;
  padding-left: 24px;
  margin: 6px 0;
  line-height: 1.5;
}
.check::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #006798;
  font-weight: bold;
}

/* Constrain ORCID and ROR icons inside the article author block.
   The default theme renders raw SVG via {$orcidIcon} / {$rorIdIcon},
   which inherit no size and otherwise render at the SVG's natural
   viewport (very large). Use !important to defeat the default theme
   typography rules. */
.authors {
  list-style: none;
  padding: 0;
  margin: 0;
}
.authors li {
  display: block !important;
  text-align: left !important;
  padding: 6px 0 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}
.authors .name {
  font-weight: 600;
  font-size: 15px;
  display: block;
  margin-bottom: 2px;
}
.authors .affiliation,
.authors .orcid {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: #555 !important;
  margin: 2px 0 !important;
  padding: 0 !important;
}
.authors .affiliation > span,
.authors .orcid {
  font-weight: 400 !important;
}
/* ROR icon link only — text is a plain span, so the whole <a> wraps
   just the SVG. Neutral styling, no underline until hover. */
.authors .affiliation a.ror {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
}
/* ORCID link — default OJS wraps the URL text in <a> (NOT the icon),
   so the link should look like a link. Inherit the theme's link color
   and underline. Only constrain layout, not color/decoration. */
.authors .orcid a {
  display: inline !important;
}
.authors .affiliation svg,
.authors .affiliation a.ror svg,
.authors .orcid svg,
.authors .orcid svg.orcid_icon {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  flex: 0 0 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}