/* =======================================================
   UNIGIS Branding CSS
   Purpose: Custom styles for callouts, captions and icons
   ======================================================= */

/* Center-align figure captions */
.caption {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* ---------------------------------------------
   Custom Callout: Exercisebox
   --------------------------------------------- */

/* Green pencil icon */
div.callout-exercisebox.callout-titled .callout-icon::before {
  background-image: url('../branding/exercise_icon.png');
}

/* Main container */
.callout-exercisebox {
  border-left-color: #006847 !important; /* UNIGIS green */
  background-color: #e6f4ea !important; /* Light green background */
}

/* Header and body styling */
div.callout-exercisebox > .callout-header,
div.callout-exercisebox > .callout-body {
  background-color: #e6f4ea !important;
}

/* Collapsible behavior (only for Exercisebox) */
.callout-exercisebox .callout-collapse.collapse.show {
  background-color: #e6f4ea !important;
  border-left-color: #006847 !important;
}

.callout-exercisebox .callout-collapse.collapse {
  background-color: #e6f4ea !important;
}

/* Remove icon from collapsible callouts with simple style */
div.callout.callout-exercisebox.callout-style-simple .callout-icon-container {
  display: none;
}

/* Remove unnecessary left padding in collapsed simple boxes */
div.callout:not(.no-icon).callout-titled.callout-style-simple .callout-body {
  padding-left: 0;
}

/* ---------------------------------------------
   Custom Callout: Assignmentbox
   --------------------------------------------- */

/* Red pencil icon */
div.callout-assignmentbox.callout-titled .callout-icon::before {
  background-image: url('../branding/assignment_icon.png');
}

/* Main container */
.callout-assignmentbox {
  border-left-color: #FF4500 !important; /* Soft red */
  background-color: #FFE6E6 !important; /* Light red background */
}

/* Header and body styling */
div.callout-assignmentbox > .callout-header,
div.callout-assignmentbox > .callout-body {
  background-color: #FFE6E6 !important;
}

/* ---------------------------------------------
   Custom Callout: Collapsebox
   --------------------------------------------- */

/* Main container */
.callout-collapsebox {
  border-left-color: #B0B0B0 !important; /* Light grey */
  background-color: #F7F7F7 !important; /* Light grey background */
}

/* Header and body styling */
div.callout-collapsebox > .callout-header,
div.callout-collapsebox > .callout-body {
  background-color: #F7F7F7 !important;
}

/* Title styling for all collapsebox variants */
.callout-collapsebox .callout-header .callout-title-container {
  font-weight: normal !important;
  /* font-style: italic; */ /* Optional */
}

/* Collapsible behavior */
.callout-collapsebox .callout-collapse.collapse.show {
  background-color: #F7F7F7 !important;
  border-left-color: #B0B0B0 !important;
}

.callout-collapsebox .callout-collapse.collapse {
  background-color: #F7F7F7 !important;
}

/* Remove icon from collapsible callouts with simple style */
div.callout.callout-collapsebox.callout-style-simple .callout-icon-container {
  display: none;
}

/* Keep consistent padding rules for all titled simple boxes */
div.callout:not(.no-icon).callout-titled.callout-style-simple .callout-body {
  padding-left: 0;
}

/* ---------------------------------------------
   Modified Default Callout: Note
   --------------------------------------------- */

.callout-note {
  border-left-color: #007BA7 !important; /* Calm blue */
}

div.callout-note.callout-style-default > .callout-header,
div.callout-note.callout-style-default > .callout-body {
  background-color: #e9f2fc; /* Light blue background */
}

/* ---------------------------------------------
   Modified Default Callout: Tip
   --------------------------------------------- */

/* Orange lightbulb icon */
div.callout-tip.callout-titled .callout-icon::before {
  background-image: url('../branding/tip_icon.png');
}

.callout-tip {
  border-left-color: #FFA500 !important;  /* Bright orange */
}

div.callout-tip.callout-style-default > .callout-header,
div.callout-tip.callout-style-default > .callout-body {
  background-color: #fff4e5; /* Light orange background */
}

#refs {
  display: block !important;
}