html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.input-validation-error:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

/* Print styles */
/*@media print {*/
    /* Hide specific elements when printing */
    /*.no-print {
        display: none !important;
    }*/

    /* Optional: Make form fields look like plain text */
    /*input, select, textarea {
        border: none;
        background: transparent;
        box-shadow: none;
        pointer-events: none;*/ /* prevent focus highlights in some browsers */
    /*}*/

    /* Optional: Make the page cleaner for printing */
    /*body {
        color: #000;
        background: #fff;
    }
}*/

@media print {
    /* Hide everything */
    body.modal-open * {
        visibility: hidden;
    }

    .modal-dialog,
    .modal-content,
    .modal-body {
        border: none;
    }

    .modal-body {
        padding:0;
    }

    .modal-body .h1 {
        color: #666;
    }

    /* Show only the open modal */
    .modal.show, .modal.show * {
        visibility: visible;
    }

    /* Position for full-page print */
    .modal.show {
        position: absolute !important;
        left: 0;
        top: 0;
        width: 100%;
        overflow: visible !important; /* remove hidden overflow */
    }

    /* Remove scroll restriction from modal-body */
    .modal-body {
        max-height: none !important;
        overflow: visible !important;
    }

    /* Page break between sections if needed */
    .page-break {
        page-break-before: always;
    }

    /* Already in your CSS — hide elements marked no-print */
    .no-print {
        display: none !important;
    }

    /* Your existing form print cleanup */
    input, select, textarea {
        border: none;
        background: transparent;
        box-shadow: none;
        pointer-events: none;
    }

    body {
        color: #000;
        background: #fff;
    }
}

@media (min-width: 992px) {
    #printModal .modal-lg, #printModal .modal-xl {
        max-width: 1200px!important;
    }
}

.btn.btn-primary,
.btn.btn-outline-primary,
.bg-primary,
.accordion-button {
    color: #fff !important;
    background-color: #573494!important;
    border-color: #573494;
}
    .btn.btn-primary:hover,
    .btn.btn-outline-primary:hover,
    .bg-primary :hover {
        background-color: #472a7a !important;
    }
.accordion-button {
    color: #fff !important;
    background-color: #573494 !important;
}
ul.navbar-nav {
    width: auto;
    background-color: #573494;
    border-radius:10px;
}

ul.navbar-nav > li{
    width: 100%;
    text-align: center;
}
ul.navbar-nav > li a,
ul.navbar-nav > li a .emoji{
    color: #fff!important;
    font-weight:600;
}
ul.navbar-nav > li > ul{
    background-color: #573494;
}
ul.navbar-nav:hover,
ul.navbar-nav > li a:hover{
    background-color: #472a7a;
    color: #fff!important;
    border-radius:10px;
}

.no-click {
    pointer-events: none; /* prevents clicking */
    opacity: 0.6; /* optional: make it look inactive */
}

nav.navbar > div img {
    max-width: 300px;
    height: auto;
}