/* === IRSP automatic theme (applies when body or html has .irsp-section) === */
.irsp-section, html.irsp-section {
  --irsp-color: #550000;
}

/* Links and primary text */
.irsp-section a,
html.irsp-section a {
  color: var(--irsp-color) !important;
}

/* Buttons, badges and primary backgrounds */
.irsp-section .btn,
.irsp-section .btn-primary,
.irsp-section .bg-primary,
.irsp-section .badge-primary,
html.irsp-section .btn,
html.irsp-section .btn-primary {
  background-color: var(--irsp-color) !important;
  border-color: var(--irsp-color) !important;
  color: #fff !important;
}

/* Hover states */
.irsp-section .btn:hover,
.irsp-section .btn-primary:hover,
html.irsp-section .btn:hover {
  background-color: #770000 !important;
  border-color: #770000 !important;
}

/* Headings */
.irsp-section h1,
.irsp-section h2,
.irsp-section h3,
.irsp-section h4 {
  color: var(--irsp-color) !important;
}

/* Top navigation: highlight active IRSP menu item (if present) */
.irsp-section nav .active,
.irsp-section .menu .active > a,
.irsp-section .menu li#webpage-75376 > a,
.irsp-section .menu li#webpage-75376 a {
  color: var(--irsp-color) !important;
}

/* Footer (if page-specific footer exists) */
.irsp-section footer,
html.irsp-section footer {
  background-color: var(--irsp-color) !important;
  color: #fff !important;
}
.irsp-section footer a:hover,
html.irsp-section footer a:hover {
  color: #fff !important;
}

/* Temporary visual test helper (remove after confirming it works) */
/* Uncomment the next two lines to visually confirm the class is applied */
/*
.irsp-section { outline: 6px solid rgba(85,0,0,0.15) !important; }
html.irsp-section { outline: 6px solid rgba(85,0,0,0.15) !important; }
*/