/* css styles */
/* div.note2 {
  background-color: #d4e5f5;
  border: 1px solid #dcdcdc;
  padding: 10px;
  margin: 10px 0;
  height: 100%;
} */
 
nav.navbar .nav-link.active, .navbar a:hover {
  /* background-color: #003d59; */
  color: white;
}

h1, h2, h3, h4{
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.sidebar-title
{
  font-size: 1em;
  font-weight: 800;
  color: #003d59;
  font-family: "Merriweather", sans-serif;
  /* margin-top: 0.5em; */
  /* margin-bottom: 0.5em; */
}

h1 {
  margin-top: 0em;
}
h2{
  border-top: 1px solid #1B556B;
  padding-top: 1em;
  border-bottom: none;
  font-size: 1.75em;
  line-height: 1.4;
}
h2#toc-title
{
  border-top: none;
}
h3{
  font-size: 1.35em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  /* color: #212529; */
}
h4{
  font-size: 1.2em;
  color: #212529;
}

.header-section-number
{
  font-weight: normal;
}
li.sidebar-item
{
  line-height: 1.5;
  margin-bottom: 0.5em;
}
div.callout-note.callout
{
  border-left-color:#1B556B;
}
div.callout-note.callout-style-default>.callout-header
{
  background-color: #1B556B20;
}

div.callout-tip.callout
{
  border-left-color:#009f86
}
div.callout-tip.callout-style-default>.callout-header
{
  background-color: #009f8620;
}
.panel-caption, .figure-caption, .subfigure-caption, .table-caption, figcaption, caption
{
  font-weight: 700;
  color: #003147;
  /* font-size: 1.2em; */
}
figure.quarto-float-tbl figcaption.quarto-float-caption-top
{
  border-top: #1B556B 1px solid;
  padding-top: 1em;
  font-size: 1em;
  text-align: left;
}
nav#TOC > ul > li
{
 line-height: 1.8;
 padding: 0.5em 0em;
}

.link-cards .linkcard {
  /* width: 220px; */
  margin: 0 20px 12px 0;
}


.link-cards .linkcard {
  border: none;
  padding: 0;
}

.link-cards .card-title h4 {
  margin-top: 0;
}

.link-cards .card-title p {
  margin-bottom: 0;
}

.link-cards .card-subtitle {
  margin-bottom: 0.7rem;
}

.link-cards .card-body {
  padding: 0.5rem;
  padding-left: 0.1rem;
}

.link-cards .card-body ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.link-cards .card-body ul a {
  text-decoration: none;
}

.link-cards .card-body ul li {
  padding-bottom: 0.2rem;
}

.card {
  background-color: rgba(217, 234, 232);
  border: none;
  font-style: uppercase;
  font-size: 0.9em;
  margin-bottom: 1em;
}

.card h4, .card h5 {
  background-color: rgb(56,121,124);
  color: white;
  margin: 0;
  padding-left: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.card span.header-section-number {
  display: none;
}

.card p:first-of-type {
  padding-top: 1em;
}

.card p + p {
  padding-top: 0.5em;
}

.card p {
  padding-left: 1em; 
  padding-right: 1em;
  padding-bottom: 0.5em;
  margin: 0;
}

.card li p {
  padding: 0;
}

.card table {
  margin-bottom: 0em;  
} 

.card ul {
  margin-bottom: 0em;
}

.card div.cell {
  margin-bottom: 0em;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}

.card figure {
  padding-left: 1em !important; 
  padding-right: 1em !important; 
}

.card figcaption {
  border:none !important;
  padding-top: 0 !important;
}

.equation {
  background-color: rgba(217, 234, 232);
  border: none;
  padding: 1em;
  text-align: center;
  margin-bottom: 1em;
}

.equation p {
  margin:0;
}

p + ul,
p + ol {
  margin-top: -0.25em;
}

p:has(+ ul),
p:has(+ ol) {
  margin-bottom: 0.3em; /* reduce space before list */
}

div.calc-totals p {
  padding-top: .2em;
  padding-bottom: 0;
}

div.calc-totals ul, div.calc-totals ol {
  list-style-type: none;
  padding-left: 1em;
}

/* EF Tables */
.ef-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9em;
}

/* Caption like LaTeX */
.ef-table caption {
  caption-side: top;
  text-align: left;
  margin-bottom: 0.4rem;
}

/* Header styling (your headerbg/headerfg equivalents) */
.ef-table thead th {
  background: var(--headerbg, #1B556B);
  color: var(--headerfg, #fff);
  font-weight: 700;
  padding: 0.4rem 0.5rem;
  vertical-align: bottom;
}

/* Data cells */
.ef-table td {
  padding: 0.35rem 0.5rem;
  vertical-align: top;
}

/* Numeric alignment */
.ef-table td.num {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.ef-table td.col-ghg_total_kgco2_e {
  background: var(--subsectionbg, #e9eef6);
}


/* Optional: keep long labels from exploding layout */
.ef-table td.txt {
  text-align: left;
}

/* Group row (your subsectionbg + bold + extra height) */
.ef-table .group-cell {
  background: var(--subsectionbg, #e9eef6);
  font-weight: 700;
  padding: 0.45rem 0.5rem;
  border-bottom: 1px solid #000;   /* like a midrule after group title */
}

.ef-table th.group-cell {
  text-align: left !important;
}

/* Row “clines” between data rows */
.ef-table .row-divider td {
  border-bottom: 1px solid #000;
}

.ef-table tr.end-of-group td {
  border-bottom: 1px solid #000; /* your group \midrule */
}

/* Vertical rules between columns only */
.ef-table td:not(:last-child) {
  border-right: 1px solid #000;
}

/* Optional: tighten cell padding to match LaTeX feel */
.ef-table th,
.ef-table td {
  padding: 0.35rem 0.5rem;
}

/* End EF Tables */


/* Begin Auxiliary Table Styles */
.aux-table {
  width: 100%;
  border-collapse: collapse;
  border: none;  
  font-size: 0.9em;
}

/* Caption like LaTeX */
.aux-table caption {
  caption-side: top;
  text-align: left;
  margin-bottom: 0.4rem;
}

/* Header styling (your headerbg/headerfg equivalents) */
.aux-table thead th {
  background: var(--headerbg, #1B556B);
  color: var(--headerfg, #fff);
  font-weight: 700;
  padding: 0.4rem 0.5rem;
  vertical-align: bottom;
  border: none;
}

.aux-table thead {
  border: none;
}

.aux-table th.group-cell {
  text-align: left !important;
}

/* Data cells */
.aux-table td {
  padding: 0.35rem 0.5rem;
  vertical-align: top;
}

/* Numeric alignment */
.aux-table td.num {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* Optional: keep long labels from exploding layout */
.aux-table td.txt {
  text-align: left;
}

/* Vertical rules between columns only */
.aux-table td:not(:last-child) {
  border-right: 1px solid #1B556B;
}

table.aux-table.nested tbody th.rowgroup,
table.aux-table.nested tbody td.rowgroup
 {
  border-right: 1px solid #1B556B;
}

/* Optional: tighten cell padding to match LaTeX feel */
.aux-table th,
.aux-table td {
  padding: 0.35rem 0.5rem;
}

.aux-table tr {
  border-bottom: 2px solid #1B556B;
}

.aux-table tfoot .table-source-note {
  text-align: left;
}

figcaption.quarto-float-caption-top {
  border-top: none !important;
}

/* Begin products table styles */
.meg-products-table {
  width: 100%;
  border-collapse: collapse;
  border: none;  
  font-size: 0.9em;
}

.meg-products-table thead th {
  background: var(--headerbg, #1B556B);
  color: var(--headerfg, #fff);
  font-weight: 700;
  padding: 0.4rem 0.5rem;
  vertical-align: bottom;
  border: none;
  text-align: center;
}

.meg-products-table td {
  border: 8px solid #ffffff;
  border-left: none;

}
.meg-products-table td.col1 {
  background-color: #357791;
  color:#ffffff;
  text-align: center;
  vertical-align: middle;
  padding: 1em;
}

.meg-products-table td.col2 {
  position: relative;
  padding:0;
  vertical-align: middle;
}

.meg-products-table tbody tr:first-child td.col2 {
  background-color: rgba(217, 234, 232);
}

.meg-products-table .cell-content {
  display: flex;
  border: 3px solid #357791;
  padding: 1em;
  padding-right: 0;
  height: 6em;
  text-align: center;
  justify-content: center;
  align-items: center;
}


/* End products table styles */

span > .chapter-number::after {
  content: ".";
}

#tbl-emissions-by-scope-category-and-source thead th {
  background: var(--headerbg, #1B556B);
  color: var(--headerfg, #fff);
  font-weight: 700;
  padding: 0.4rem 0.5rem;
  vertical-align: bottom;
  border: none;
  text-align: center;
}

#tbl-emissions-by-scope-category-and-source tbody tr > th.col-iso-inventory-category {
  background-color: #ffffff !important;
  --bs-table-bg: #ffffff !important;
  --bs-table-bg-type: transparent;
  --bs-table-bg-state: transparent;
}

#tbl-emissions-by-scope-category-and-source tbody tr > td.col-scopes-in-the-ghg-protocol {
  border-left: 1px solid #1B556B !important;
}

#tbl-emissions-by-scope-category-and-source tbody tr {
  border-bottom: 1px solid #1B556B;
}

mjx-container[display="true"] {
  font-size: 0.9em !important;
}


/* top rule */
.nav-footer {
  border-top: 1px solid #ddd;
  padding-top: 1rem;
}

footer.footer .nav-footer, #quarto-header>nav .navbar {
  background-color: #1B556B !important;
}

/* Footer links: keep white in all states */
.nav-footer a.nav-link,
.nav-footer a.nav-link:visited,
.nav-footer a.nav-link:hover,
.nav-footer a.nav-link:focus,
.nav-footer a.nav-link:active,
.nav-footer .nav-link.active,
.nav-footer .nav-item .nav-link.active {
  color: #fff !important;
  text-decoration: none; /* optional */
}

/* If Quarto wraps link text in <p>, keep it white too */
.nav-footer a.nav-link p {
  color: inherit !important;
}


/* Footer logo styling */
.footer-logo {
  height: 50px;
  width: auto;
  vertical-align: middle;
}

/* Stop logos affecting link colour / hover states */
.footer-logo-link {
  display: inline-block;
  line-height: 0;
}

/* Navbar brand: always white */
.navbar .navbar-brand,
.navbar .navbar-brand:visited {
  color: #ffffff !important;
}

/* Title text inside brand */
.navbar .navbar-brand .navbar-title {
  color: inherit;
}

/* Subtle hover/focus: slightly duller, not a colour shift */
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  opacity: 0.85;        /* adjust to taste */
  text-decoration: none;
}

/* Prevent Bootstrap active styles from changing colour */
.navbar .navbar-brand.active,
.navbar .navbar-brand:active {
  color: #ffffff !important;
}

a.navbar-brand-logo img.navbar-logo {
  max-height: 40px !important;      /* preferred */
}

a.navbar-brand-logo {
  padding-right: 40px;
  vertical-align: middle;
}

@media (max-width: 991.98px) {
  .navbar img.navbar-logo {
    display: none !important;
  }
}


td.col-kg-co₂-e\/unit {
  background-color: #e6f2f6 !important;
}
