/* H26 THEME PACK v1 — minimal, conflict-free */
/* Page tone */
#page { background:#EEF7F9; }

/* Section wrapper: no extra frames */
.course-content .section{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  margin:16px 0;
  padding:12px 0;
}

/* ONE nice frame per ACTIVITY row */
.course-content .section li.activity{
  background:#fff;
  border:1px solid #E6F3F6;
  border-radius:10px;
  padding:12px;
  margin:12px 0;
  box-shadow:none !important;
}

/* Strip borders/shadows from nested wrappers INSIDE activities only */
.course-content .section li.activity :where(
  .activity-item,
  .activity-basis,
  .content,
  .contentafterlink,
  .contentwithoutlink,
  .activity-information,
  .activity-meta,
  .availabilityinfo,
  .card,
  .box,
  .main,
  .description
){
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  outline:0 !important;
}

/* Section title pill */
.course-content .section .sectionname,
.sectionname > span{
  display:inline-block;
  background:#D4F1F4;      /* Light Cyan */
  color:#05445E;           /* Indigo */
  border-radius:10px;
  padding:6px 10px;
  font-weight:600;
  line-height:1;
}

/* Activity title pill */
.course-content li.activity .activityinstance{
  display:flex; align-items:center; gap:.5rem;
}
.course-content li.activity .activityinstance :is(a,.instancename){
  display:inline-block;
  background:#D4F1F4;
  color:#05445E;
  border-radius:9999px;
  padding:6px 12px;
  font-weight:600;
  line-height:1.1;
  text-decoration:none;
}

/* Breadcrumb pill */
.breadcrumb{
  border-radius:9999px !important;
  padding:6px 12px !important;
}
.breadcrumb .breadcrumb-item{
  border-radius:9999px !important;
  padding:2px 8px !important;
}

/* Remove teal underline & bottom border */
header#page-header, header#page-header .page-header-headings,
.navbar, .navbar.fixed-top, .navbar.fixed-top .container-fluid,
.secondary-navigation { border-bottom:none !important; box-shadow:none !important; }
.secondary-navigation .nav-tabs .nav-link,
.secondary-navigation .nav-tabs .nav-link.active{ border-color:transparent !important; }
.secondary-navigation .nav-tabs .nav-link.active::after{ content:none !important; }

  .box,
  .main,
  .description
){
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  outline:0 !important;
}

/* Activity title pill (continue cleanly) */
.course-content li.activity .activityinstance :is(a,.instancename){
  display:inline-block;
  background:#D4F1F4;
  color:#05445E;
  border-radius:9999px;
  padding:6px 12px;
  font-weight:600;
  line-height:1.1;
  text-decoration:none;
}
.course-content li.activity .activityinstance a:hover{
  filter:brightness(.96);
  text-decoration:none;
}

/* Breadcrumb as a pill */
.breadcrumb{
  border-radius:9999px !important;
  padding:6px 12px !important;
}
.breadcrumb .breadcrumb-item{
  border-radius:9999px !important;
  padding:2px 8px !important;
}

/* Remove teal underline & bottom border in header/tabs */
header#page-header, header#page-header .page-header-headings,
.navbar, .navbar.fixed-top, .navbar.fixed-top .container-fluid,
.secondary-navigation {
  border-bottom:none !important;
  box-shadow:none !important;
}
.secondary-navigation .nav-tabs .nav-link,
.secondary-navigation .nav-tabs .nav-link.active{
  border-color:transparent !important;
}
.secondary-navigation .nav-tabs .nav-link.active::after{
  content:none !important;
}

/* Extra tidy for section 0 (Announcements etc.) */
#page .course-content li#section-0 :where(
  .content,
  .activity-item,
  .activity-basis,
  .contentafterlink,
  .contentwithoutlink
){
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

/* Activity title pill: accessible text fix */
.course-content li.activity .activityname a.aalink {
  text-decoration:none !important;
}
.course-content li.activity .activityname .instancename {
  display:inline-block !important;
  background:#D4F1F4 !important;
  color:#05445E !important;
  border-radius:9999px !important;
  padding:6px 12px !important;
  font-weight:600 !important;
  line-height:1.1 !important;
  vertical-align:middle !important;
}
.course-content li.activity .activityname .instancename .accesshide {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

/* Align icon + pill horizontally */
.course-content li.activity .activity-instance,
.course-content li.activity .activityname {
  display:flex !important;
  align-items:center !important;
  gap:.5rem !important;
}

/* Icon sizing / stop tint override */
li.activity .activityicon img,
li.activity .activityicon svg,
li.activity .activityicon i {
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  object-fit:contain !important;
  flex-shrink:0 !important;
}

img.activityicon[src*="/theme/image.php/adaptable/"][src*="monologo"]{
  filter:none !important;
  -webkit-filter:none !important;
  mix-blend-mode:normal !important;
}

/* Brand colour vars */
:root{
  --h26-indigo:#05445E;
  --h26-teal:#01BFCF;
  --h26-turq:#75E6DA;
  --h26-cyan:#D4F1F4;
  --h26-brdr:#E3EEF0;
}

.h26c-wrap{
  display:flex;
  gap:16px;
  align-items:stretch;
  margin:0 0 20px 0;
  font-family: Arial, Helvetica, sans-serif;
}
.h26c-left{
  width:210px;
  background:#FFF8E6;
  border:1px solid #E5D7B2;
  border-radius:6px;
  padding:10px 10px 12px 10px;
}
.h26c-heading{
  font-weight:600;
  color:#05445E;
  margin-bottom:6px;
}
.h26c-helper{
  font-size:0.85rem;
  color:#444;
  margin-bottom:8px;
}
.h26c-scenariolist{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.h26c-scenariobutton{
  border:1px solid #75E6DA;
  background:#fff;
  border-radius:5px;
  padding:4px 6px;
  text-align:left;
  cursor:pointer;
  font-size:0.78rem;
}
.h26c-scenariobutton.is-active{
  background:#D4F1F4;
  border-color:#01BFCF;
  font-weight:600;
}
.h26c-legend{
  margin-top:10px;
  font-size:0.65rem;
  color:#555;
}
.h26c-right{
  flex:1;
  background:#fff;
  border:1px solid #E3EEF0;
  border-radius:6px;
  padding:10px 12px 12px 12px;
}
.h26c-scenarioheader{
  border-bottom:1px solid #E3EEF0;
  margin-bottom:10px;
  padding-bottom:6px;
}
.h26c-scenariotitle{
  font-weight:600;
  color:#05445E;
  margin-bottom:3px;
}
.h26c-scenariotext{
  font-size:0.85rem;
}
.h26c-answers{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.h26c-answer{
  border:1px solid rgba(5,68,94,.12);
  border-radius:6px;
  padding:6px 8px 7px 8px;
}
.h26c-answer-top{
  display:flex;
  gap:8px;
  align-items:center;
  margin-bottom:3px;
}
.h26c-tag{
  background:#05445E;
  color:#fff;
  font-size:0.6rem;
  padding:2px 6px 2px 6px;
  border-radius:999px;
  white-space:nowrap;
}
.h26c-answer-text{
  font-weight:500;
}
.h26c-answer-why{
  font-size:0.75rem;
  color:#333;
}
.h26c-empty{
  font-size:0.8rem;
  color:#666;
  font-style:italic;
}
@media (max-width: 880px){
  .h26c-wrap{flex-direction:column;}
  .h26c-left{width:100%; display:flex; gap:10px; align-items:flex-start;}
  .h26c-scenariolist{flex-direction:row; flex-wrap:wrap;}
}