/*
 * LJISR Minimal CSS
 * Clean, Simple, Justified, and Fast.
 *
 * This stylesheet provides a basic, responsive foundation
 * for web pages with a focus on readability and simplicity.
 */

/* --- Base Page Layout --- */
/* Resets default margins/paddings and sets global font styles. */
body, html {
  margin: 0;
  padding: 0;
  font-family: sans-serif; /* A common, legible sans-serif font */
  font-size: 14px;
  line-height: 1.6; /* Improved readability with more line spacing */
  background: #fff; /* White background */
  color: #111;     /* Dark grey text for good contrast */
}

/* --- Typography --- */
/* Justifies all paragraph text for a clean, block-like appearance. */
p {
  text-align: justify;
  margin: 1em 0; /* Vertical spacing for paragraphs */
}

/* Styles for headings (h1, h2, h3) */
h1, h2, h3 {
  font-weight: bold;
  color: #003366; /* A deep blue for headings */
  margin: 1em 0 0.5em; /* Top, horizontal, and bottom margins */
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }

/* --- Links --- */
/* Basic styling for anchor tags (links). */
a {
  color: #0056b3; /* A standard blue for links */
  text-decoration: none; /* No underline by default */
}

a:hover {
  text-decoration: underline; /* Underline on hover for interactivity */
}

/* --- Buttons & Form Submits --- */
/* Consistent styling for buttons and submit inputs. */
button,
.btn, /* Custom class for button-like elements */
input[type="submit"] {
  background: #003366; /* Matches heading color */
  color: #fff; /* White text */
  padding: 8px 14px;
  border: none;
  border-radius: 4px; /* Slightly rounded corners */
  cursor: pointer; /* Indicates clickable element */
}

/* --- Tables --- */
/* Basic table styling for readability. */
table {
  width: 100%; /* Full width tables */
  border-collapse: collapse; /* Collapses borders for a cleaner look */
  margin: 1em 0; /* Vertical spacing for tables */
}

th, td {
  border: 1px solid #ccc; /* Light grey borders */
  padding: 8px;
  text-align: left; /* Left-aligns text in table cells */
}

/* --- Specific Element Hiding --- */
/* Hides the PKP (Public Knowledge Project) footer, if present. */
.pkp_brand_footer {
  display: none !important; /* Ensures element is not displayed */
  visibility: hidden !important; /* Hides element from screen readers */
  height: 0 !important; /* Removes any vertical space */
  overflow: hidden !important; /* Hides any overflowing content */
}

/* --- Responsive Adjustments --- */
/* Media query for screens up to 600px wide (e.g., mobile devices). */
@media (max-width: 600px) {
  body {
    font-size: 13px; /* Slightly smaller base font size for mobile */
  }
  h1 { font-size: 1.4em; }
  h2 { font-size: 1.2em; }
  h3 { font-size: 1em; }
}