/* ===============================
   FULL RED BRICK HEADER & FOOTER (OJS)
   HEADER TEXT WHITE
   =============================== */

/* MAIN COLOR */
:root {
  --lois-red: #A52A2A;        /* merah bata klasik */
  --lois-red-dark: #7B1E1E;   /* merah bata gelap */
  --lois-text-light: #ffffff;
}


/* ===============================
   HEADER TEXT GOLD (OJS)
   RED BRICK BACKGROUND
   =============================== */

/* COLOR VARIABLES */
:root {
  --lois-red: #A52A2A;      /* merah bata */
  --lois-gold: #D4AF37;     /* gold elegan */
  --lois-red-dark: #7B1E1E;
}

/* ===============================
   HEADER BACKGROUND
   =============================== */
header,
.site-header,
.pkp_structure_head,
.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user_wrapper {
  background-color: var(--lois-red) !important;
}

/* ===============================
   FORCE HEADER TEXT GOLD
   =============================== */
header *,
.site-header *,
.pkp_structure_head *,
.pkp_site_name_wrapper *,
.pkp_navigation_primary_wrapper *,
.pkp_navigation_user_wrapper * {
  color: var(--lois-gold) !important;
}

/* Site title */
.pkp_site_name,
.pkp_site_name a {
  color: var(--lois-gold) !important;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* Navigation hover */
.pkp_navigation_primary a:hover,
.pkp_navigation_primary .current a,
.pkp_navigation_user a:hover {
  color: #FFD700 !important;
  background-color: var(--lois-red-dark) !important;
}

/* ===============================
   CLEAN LOOK
   =============================== */
header,
footer {
  border: none !important;
  box-shadow: none !important;
}


/* ===============================
   SUB MENU / SECOND BAR
   =============================== */
.pkp_navigation_user_wrapper {
  background: var(--lois-red) !important;
}

/* ===============================
   FOOTER AREA
   =============================== */
.pkp_structure_footer,
.pkp_footer,
footer {
  background: var(--lois-red) !important;
  color: #ffffff !important;
}

/* Footer text & links */
.pkp_structure_footer p,
.pkp_structure_footer a,
.pkp_footer p,
.pkp_footer a {
  color: #ffffff !important;
}

.pkp_structure_footer a:hover {
  text-decoration: underline;
}

/* ===============================
   REMOVE BORDER / SHADOW
   =============================== */
header,
footer {
  border: none !important;
  box-shadow: none !important;
}