/* Import Sui Generis Font (Only .woff2) */
@font-face {
    font-family: 'Sui Generis';
    src: url('/static/fonts/SuiGeneris-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* Apply Sui Generis Font Globally */
body {
    font-family: 'Sui Generis', sans-serif;
    background-color: #1c1c1c; /* Uniform Dark Background */
    color: #4587FB; /* Updated font color */
    font-size: 115%; /* Increased font size by 15% */
}

/* Center and enlarge the logo */
.logo-img {
    max-height: 264px; /* Ensuring the logo size remains as previously increased */
    height: auto;
}

/* Customize form elements */
.form-label {
    font-weight: bold;
    color: #4587FB; /* Updated font color */
    font-size: 115%; /* Increased font size */
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #4587FB; /* Updated font color */
    font-size: 115%; /* Increased font size */
}

/* Paragraphs and other text */
p, li, a, span, label, input, select, textarea {
    color: #4587FB; /* Updated font color */
    font-size: 115%; /* Increased font size */
}

/* Button styles */
.btn-primary {
    background-color: #C926FF; /* Purple color as before */
    border-color: #C926FF;
    color: #ffffff; /* Ensure text is readable */
    font-size: 115%; /* Increased font size */
}

.btn-primary:hover {
    background-color: #A322D4; /* Slightly darker shade on hover */
    border-color: #A322D4;
    color: #ffffff;
}

.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open > .dropdown-toggle.btn-primary {
    background-color: #A322D4;
    border-color: #A322D4;
    color: #ffffff;
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #C926FF;
    border-color: #C926FF;
    color: #ffffff;
}

.btn-secondary {
    background-color: #555;
    border-color: #555;
    color: #ffffff;
    font-size: 115%; /* Increased font size */
}

.btn-secondary:hover {
    background-color: #444;
    border-color: #444;
}

.btn-warning {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529;
    font-size: 115%; /* Increased font size */
}

.btn-warning:hover {
    background-color: #e0a800;
    border-color: #d39e00;
    color: #212529;
}

/* Alert styles */
.alert {
    background-color: #333333;
    color: #e0e0e0;
    font-size: 115%; /* Increased font size */
}

.alert-success {
    background-color: #C926FF;
    border-color: #C926FF;
    color: #ffffff;
}

.alert-success .alert-link,
.alert-success a {
    color: #ffffff;
}

.alert-warning {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529;
}

.alert-info {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #ffffff;
}

.alert-danger {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #ffffff;
}

/* Card styles */
.card {
    margin-bottom: 20px;
    border: 1px solid #444;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    overflow: hidden;
    background-color: #343a40;
}

.card-header {
    background-color: #C926FF;
    color: #ffffff; /* Keep font color in cards white */
    font-size: 115%; /* Increased font size */
}

.card-body {
    padding: 15px;
    background-color: #343a40;
    color: #ffffff; /* Keep font color in cards white */
    font-size: 115%; /* Increased font size */
}

/* Form check labels (e.g., radio buttons, checkboxes) */
.form-check-label {
    color: #e0e0e0; /* Light text for labels */
    font-size: 115%; /* Increased font size */
}

/* Radio button styles */
.form-check-input:checked {
    background-color: #C926FF;
    border-color: #C926FF;
}

/* Navbar brand */
.navbar-brand {
    font-size: 115%; /* Increased font size */
}

/* Footer */
footer {
    font-size: 115%; /* Increased font size */
}

/* Adjustments for small screens */
@media (max-width: 576px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .navbar-brand img {
        max-height: 213px; /* Adjusted from 264px to maintain proportion */
    }

    /* Adjust font sizes */
    .display-4 {
        font-size: 2.3rem; /* Increased font size by 15% */
    }

    .lead {
        font-size: 1.15rem; /* Increased font size by 15% */
    }

    /* Adjust margins */
    .mt-5 {
        margin-top: 2rem !important;
    }

    .mb-4 {
        margin-bottom: 1.0rem !important;
    }

    /* Adjust dropdown sizes */
    .form-select-sm {
        width: 100px;
    }
}

/* Ensure images are responsive */
.img-thumbnail {
    max-width: 50%;
    height: auto;
}

/* Additional styles for top-right buttons to prevent overlapping */
.top-right-buttons .btn {
    margin-bottom: 5px;
}