/* =========================
   BASE TYPOGRAPHY SYSTEM
   ========================= */

html {
    font-size: 100%; /* 16px baseline */
}

body {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI",
                 "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 1rem;        /* 16px */
    line-height: 1.6;
    color: rgba(0,0,0,0.87);
    background: #fff;

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
/* =========================
   HEADINGS SCALE
   ========================= */

h1, .page_title {
    font-family: "Montserrat", sans-serif;
    font-size: 1.9rem;   /* ~30px */
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 0.8em;
}

h2 {
    font-size: 1.5rem;   /* ~24px */
    line-height: 1.4;
    margin: 1.5em 0 0.6em;
}

h3 {
    font-size: 1.25rem;  /* ~20px */
    margin: 1.2em 0 0.5em;
}

h4 {
    font-size: 1.1rem;
    margin: 1em 0 0.5em;
}
/* =========================
   ARTICLE TYPOGRAPHY
   ========================= */

/* Article title */
.obj_article_details .page_title {
    font-size: 2rem;  /* strong visual anchor */
    font-weight: 600;
}

/* Authors */
.obj_article_details .authors {
    font-size: 1rem;
    margin-bottom: 1em;
}

/* Abstract */
.article-abstract {
    font-size: 1rem;
    line-height: 1.7;
    text-align: justify;
    hyphens: auto;
}

/* Keywords */
.obj_article_details .keywords {
    font-size: 0.95rem;
}

/* Main article body (if HTML galleys are used) */
.obj_article_details .item.full_text {
    font-size: 1rem;
    line-height: 1.7;
}
/* =========================
   METADATA (IMPORTANT FIX)
   ========================= */

.obj_article_details,
.obj_article_details .item,
.obj_article_details .value,
.obj_article_details .sub_item {
    font-size: 0.95rem;   /* ~15px instead of 10–12px */
    line-height: 1.5;
}

/* Labels (Published, DOI, etc.) */
.obj_article_details .label {
    font-weight: 500;
    color: #555;
}
/* =========================
   REFERENCES
   ========================= */

.article-references-content,
.references {
    font-size: 0.95rem;   /* readable but slightly smaller */
    line-height: 1.6;
    text-align: justify;
    hyphens: auto;
}
/* =========================
   LINKS
   ========================= */

a {
    color: #b23422;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: underline;
}

/* DOI emphasis */
.obj_article_details .doi a {
    font-weight: 600;
}
/* =========================
   SIDEBAR / BLOCKS
   ========================= */

.pkp_block {
    font-size: 0.95rem;
    line-height: 1.5;
}

.pkp_block .title {
    font-size: 1.1rem;
    font-weight: 600;
}
/* =========================
   BUTTONS
   ========================= */
  
/* Fix ALL primary buttons across OJS */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:visited {
    background-color: #b23422 !important;
    border-color: #b23422 !important;
    color: #ffffff !important;
    box-shadow: none !important;
	 font-size: 0.95rem;
}
/* =========================
   MOBILE TYPOGRAPHY
   ========================= */

@media (max-width: 768px) {
    body {
        font-size: 1rem;
    }

    h1, .page_title {
        font-size: 1.6rem;
    }

    h2 {
        font-size: 1.3rem;
    }
}/* Paragraph spacing */
p {
    margin: 0 0 1em;
}

/* Prevent overflow issues */
.pkp_structure_main p {
    overflow-wrap: break-word;
}


/* =========================
   LINKS
   ========================= */

a,
a:link {
    color: #b23422;
}

a:hover,
a:focus {
    color: #b23422;
    text-decoration: underline;
}
pkp_structure_main .h2 {
    color: #333;
    background-color: #efe2d6;
    padding: 12px;
}
.article-abstract,
.article-references-content {
    text-align: justify;
    hyphens: auto;
}

/* Article metadata blocks */
.obj_article_details .item {
    text-align: justify;
}

.obj_article_details .item > *:last-child {
    margin-bottom: 0;
}

/* DOI styling */
.obj_article_details .doi a {
    color: #b23422;
    font-weight: bold;
    text-decoration: none;
}


/* =========================
   BUTTONS (PDF)
   ========================= */

a.galley-link.btn.btn-primary.pdf {
    background-color: #b23422;
    border-color: #b23422;
    color: #ffffff;
    text-decoration: none;
}

a.galley-link.btn.btn-primary.pdf:hover,
a.galley-link.btn.btn-primary.pdf:focus {
    background-color: #8e2a1c;
    border-color: #8e2a1c;
    color: #ffffff;
}


/* =========================
   PANELS / BLOCKS
   ========================= */

.panel-default > .panel-heading,
.pkp_block .title {
    color: #333;
    background-color: #efe2d6;
    border-color: #ddd;
}


/* =========================
   MISC
   ========================= */

.breadcrumb {
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase
}.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 21px;
    list-style: none;
    background-color: #efe2d6;
    border-radius: 0
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 450;
    line-height: 1.1;
    color: inherit
}
.btn-primary.read-more {
    color: #fff;
    background-color: #b23422;
    border-color: #b23422;
}

.btn-primary:focus,.btn-primary.focus {
    color: #fff;
    background-color: #b23422;
    border-color: #b23422;
}
pkp_block.block_language{
	font-size: 1.3rem;
	}
	
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small {
    font-size: 100%;
}
/* Left-aligned shorter border */
.page-header::after {
    content: "";
    display: block;
    width: 40%;                  /* Length of the border */
    border-bottom: 2px solid #b23422;
    margin-top: 10px;            /* spacing below the title */
}
.page_index_journal .journal-description, 
.page_index_journal .about_journal {
    display: none !important;
}
/* Increase navbar height */
.navbar {
    min-height: 70px;
}

/* Fix brand container */
.navbar-brand {
    height: 70px;
    padding: 10px 15px;
}

/* Control logo size */
.navbar-brand.navbar-brand-logo img {
    height: 50px;   /* adjust: 45–60px depending on preference */
    width: auto;
    max-height: 100%;
}

/* Align logo vertically */
.navbar-brand.navbar-brand-logo {
    display: flex;
    align-items: center;
}
/* =========================
   UNIVERSAL BUTTON FIX
   ========================= */

/* Base button styles */
button,
.btn,
.btn-primary,
.btn-secondary,
.btn-outline-primary,
.btn-outline-secondary,
a.btn,
a.btn-primary,
a.btn-secondary,
a.btn-outline-primary,
a.btn-outline-secondary,
a.galley-link.btn.btn-primary.pdf {
    background-color: #b23422 !important; /* red background */
    border-color: #b23422 !important;     /* red border */
    color: #ffffff !important;            /* white text */
    font-size: 0.95rem !important;
    text-decoration: none !important;
    box-shadow: none !important;          /* remove Bootstrap glow */
    outline: none !important;             /* remove browser blue outline */
}

/* Hover and active states */
button:hover,
.btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-outline-primary:hover,
.btn-outline-secondary:hover,
a.btn:hover,
a.btn-primary:hover,
a.btn-secondary:hover,
a.btn-outline-primary:hover,
a.btn-outline-secondary:hover,
a.galley-link.btn.btn-primary.pdf:hover,
button:active,
.btn:active,
.btn-primary:active,
.btn-secondary:active,
.btn-outline-primary:active,
.btn-outline-secondary:active,
a.btn:active,
a.btn-primary:active,
a.btn-secondary:active,
a.btn-outline-primary:active,
a.btn-outline-secondary:active,
a.galley-link.btn.btn-primary.pdf:active {
    background-color: #8e2a1c !important; /* darker red feedback */
    border-color: #8e2a1c !important;
    color: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Focus states (critical for removing blue flash) */
button:focus,
.btn:focus,
.btn-primary:focus,
.btn-secondary:focus,
.btn-outline-primary:focus,
.btn-outline-secondary:focus,
a.btn:focus,
a.btn-primary:focus,
a.btn-secondary:focus,
a.btn-outline-primary:focus,
a.btn-outline-secondary:focus,
a.galley-link.btn.btn-primary.pdf:focus {
    background-color: #b23422 !important;
    border-color: #b23422 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
}
/* =========================
   GLOBAL FOCUS RESET
   ========================= */

button:focus,
button:focus-visible,
.btn:focus,
.btn:focus-visible,
a.btn:focus,
a.btn:focus-visible,
a.galley-link.btn.btn-primary.pdf:focus,
a.galley-link.btn.btn-primary.pdf:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    background-color: #b23422 !important;
    border-color: #b23422 !important;
    color: #ffffff !important;
}
/* Override browser link colors for PDF button */
a.galley-link.btn.btn-primary.pdf:link,
a.galley-link.btn.btn-primary.pdf:visited,
a.galley-link.btn.btn-primary.pdf:active {
    background-color: #b23422 !important;
    border-color: #b23422 !important;
    color: #ffffff !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}