/* iForSabah frontend reskin (Lane A: CSS-only, additive overrides) */

/* 1. TEXT & LINK DISCIPLINE */
.content-box,
.content-box .paragraphs,
.content-box .entry-content,
.content-box .paragraphs p,
.content-box .entry-content p {
  color: #1f2a2e;
}
.content-box .paragraphs {
  color: #1f2a2e;
  letter-spacing: 0;
}
.content-box a:link,
.content-box a:visited {
  color: #c0392b;
  text-decoration: none;
}
.content-box a:hover,
.content-box a:focus {
  color: #96281b;
  text-decoration: underline;
}
.content-box p { text-shadow: none; }
.content-box h1 { color: #2f4f57; }

/* 2. HERO — legibility ONLY, NO layout changes (text-shadow only) */
.home-block h1,
.home-block .subtitle,
.home-block .home-content p {
  text-shadow: 0 1px 4px rgba(0,0,0,0.6);
}

/* 3. NAV COLOR PANELS affordance + focus */
.colour_link {
  cursor: pointer;
  transition: filter 0.2s ease, transform 0.2s ease;
}
.colour_link:hover { filter: brightness(1.08); }
.colour_link:focus,
.colour_link:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: -6px;
}
.colour_link:hover .colour span {
  transform: translateX(-4px);
  transition: transform 0.2s ease;
}
.colour span p { color: rgba(255,255,255,0.85); }

/* 4. LOGIN */
.form-control {
  border-radius: 4px;
  height: 42px;
  border: 1px solid #b9c2c6;
  color: #1f2a2e;
  font-size: 15px;
  padding: 8px 12px;
}
.form-control::placeholder { color: #6b767b; }
.form-control:focus {
  border-color: #2f4f57;
  box-shadow: 0 0 0 3px rgba(47,79,87,0.25);
  outline: none;
}
.submit-btn,
.submit-btn:link,
.submit-btn:visited {
  background: #7c378a;
  color: #ffffff;
  border: 1px solid #7c378a;
  border-radius: 4px;
  padding: 9px 22px;
  font-weight: bold;
  letter-spacing: 1px;
}
.submit-btn:hover,
.submit-btn:focus {
  background: #63256f;
  border-color: #63256f;
  color: #ffffff;
}
.submit-btn:focus,
.submit-btn:focus-visible {
  outline: 3px solid rgba(124,55,138,0.35);
  outline-offset: 2px;
}
.login-errors { color: #b3261e; font-weight: bold; }

/* 5. CARDS */
.box {
  border: 1px solid #e2e6e8;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.box:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  transform: translateY(-2px);
}
.action .btn-showmap {
  background: #09a275;
  color: #ffffff !important;
  border-radius: 4px;
}
.action .btn-showmap:hover,
.action .btn-showmap:focus { background: #077e5b; }
.row-project { padding: 22px 0 8px; }

/* 6. CONTACT CARD */
.info-block {
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,0.18);
}

/* 7. GLOBAL FOCUS VISIBILITY */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #2f4f57;
  outline-offset: 2px;
}

/* 8. HOME top-right button focus */
.icon-home a:focus-visible,
.icon-admin-home a:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: -4px;
}

/* 9. GROUP CARD THUMBNAIL — stop the logo tiling/duplication */
.group-box .icon,
.box .icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}