/* =========================================================
   Stoma Modern Theme
   Child theme overrides for Health Sciences
   ========================================================= */


/* =========================================================
   01. Design tokens
   ========================================================= */

:root {
  --stoma-primary: #0f6f8f;
  --stoma-primary-dark: #084f68;
  --stoma-accent: #10beca;

  --stoma-bg: #f7fbfc;
  --stoma-surface: #ffffff;
  --stoma-surface-soft: #eef8fa;

  --stoma-text: #17242a;
  --stoma-muted: #65777f;
  --stoma-border: rgba(15, 111, 143, 0.16);

  --stoma-radius-sm: 8px;
  --stoma-radius-md: 14px;
  --stoma-radius-lg: 22px;

  --stoma-shadow-soft: 0 16px 40px rgba(8, 79, 104, 0.1);
  --stoma-shadow-card: 0 10px 28px rgba(8, 79, 104, 0.08);

  --stoma-container: 1180px;
}


/* =========================================================
   02. Base
   ========================================================= */

body {
  background: var(--stoma-bg);
  color: var(--stoma-text);
}

a {
  text-underline-offset: 0.18em;
}

img {
  max-width: 100%;
  height: auto;
}


/* =========================================================
   03. Layout
   ========================================================= */

.pkp_structure_content {
  max-width: var(--stoma-container);
}

.pkp_structure_main {
  background: var(--stoma-surface);
}

.pkp_structure_footer_wrapper {
  margin-top: 3rem;
}


/* =========================================================
   04. Navigation
   ========================================================= */

.pkp_navigation_primary > li > a {
  font-weight: 650;
}


/* =========================================================
   05. Buttons and links
   ========================================================= */

.cmp_button,
.cmp_form .buttons button,
.page_search .submit button,
.obj_galley_link {
  border-radius: 999px;
}

.obj_galley_link {
  font-weight: 700;
}


/* =========================================================
   06. Article summaries
   ========================================================= */

.obj_article_summary {
  border: 1px solid var(--stoma-border);
  border-radius: var(--stoma-radius-md);
  padding: 1.25rem;
  background: var(--stoma-surface);
  box-shadow: var(--stoma-shadow-card);
}


/* =========================================================
   07. Homepage
   ========================================================= */


/* =========================================================
   08. Article page
   ========================================================= */


/* =========================================================
   09. Issue page
   ========================================================= */


/* =========================================================
   10. Responsive
   ========================================================= */

@media (max-width: 768px) {
  .obj_article_summary {
    padding: 1rem;
  }
}