/* CSS Document */

/* START :: Bootstrap System Theme Style - Light / Dark Mode */

    html, body {
        height: 100%;
        margin: 0;
    }

    body {
        display: flex;
        flex-direction: column;
    }

    main {
        flex: 1;
    }

    /* CUSTOM */

    .breadcrumb {
        padding: 10px;
        border-radius: 10px;
        background-color: rgb(245, 245, 245); /* light theme */
    }

    [data-bs-theme="dark"] .breadcrumb {
        background-color: #2c2c2c; /* dark theme background */
        color: #f8f9fa; /* optional: light text for contrast */
    }

/* END :: Bootstrap System Theme Style - Light / Dark Mode */

a {
    text-decoration: none;
}

.error {
    color: red;
    margin-left: 4px;
    font-size: 85%;
}

.firstcharacter {
    float: left;
    font-size: 36px;
    line-height: 30px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
}

/* PRINT */

/* Generic helpers you can also use on-screen if you want */
  .page-break { page-break-before: always; break-before: page; }

  @page {
    /* Adjust to your preference */
    margin: 12mm;
    size: auto; /* let the browser choose */
  }

  @media print {
    /* Force light theme so text has proper contrast on paper */
    :root { color-scheme: light; }
    [data-bs-theme="dark"] { color-scheme: light; }
    body {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
    }

    /* Remove top spacer used for fixed navbar */
    body > main > div[style*="height:50px"] { display: none !important; }

    /* Make content span the page width nicely */
    .container { max-width: 100% !important; }
    .row { break-inside: avoid; }

    /* Tidy images */
    img { max-width: 100% !important; height: auto !important; }
    .img-thumbnail { border: 0 !important; }

    /* Optional: show link URLs after anchor text on paper */
    a[href^="http"]:after {
      content: " (" attr(href) ")";
      font-size: .9em;
      color: #666;
      word-break: break-all;
    }

    /* Remove interactive-only affordances if any slipped through */
    .dropdown-menu,
    .navbar-toggler { display: none !important; }

    /* Remove extra margins between stacked cards/rows if desired */
    .mb-3, .my-3, .mb-4, .my-4 { margin-bottom: .75rem !important; }
    .mt-3, .my-3, .mt-4, .my-4 { margin-top: .75rem !important; }

    /* Fixed/sticky elements should not overlay printed content */
    .fixed-top, .sticky-top { position: static !important; }
  }