/* || Font sizing */

html {
    font-size: 14px;
}

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


/* || Main positioning */


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


/* || Main styling */

body {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

/* Custom performance info switch styling */
/* TRACK (background behind thumb) */
#perfInfoSwitch.form-check-input {
    background-color: #dc3545;
    border-color: #dc3545;
    transition: background-color 0.4s, border-color 0.4s;
}

    #perfInfoSwitch.form-check-input:checked {
        background-color: #198754;
        border-color: #198754;
    }

    /* THUMB override */
    #perfInfoSwitch.form-check-input::after {
        background-color: #f8f9fa !important; /* Light thumb for light mode */
    }

@media (max-width: 576px) {
    #perf-info {
        flex-direction: column !important;
        align-items: stretch !important;
        font-size: 0.95rem;
        text-align: center;
    }

        #perf-info .badge {
            margin-bottom: 0.25rem;
            font-size: 0.95em;
        }

        #perf-info .fw-semibold,
        #perf-info i {
            margin-bottom: 0.25rem;
        }

    #perf-metrics-content {
        justify-content: center !important;
    }
}

/* THUMB in dark mode */
[data-mdb-theme="dark"] #perfInfoSwitch.form-check-input::after {
    background-color: #f8f9fa !important; /* Light thumb for dark mode */
}


/* Custom dark mode switch styling */

/* TRACK (background behind thumb) */
#darkModeSwitch.form-check-input {
    background-color: #dc3545;
    border-color: #dc3545;
    transition: background-color 0.4s, border-color 0.4s;
}

    #darkModeSwitch.form-check-input:checked {
        background-color: #198754;
        border-color: #198754;
    }

    /* THUMB override */
    #darkModeSwitch.form-check-input::after {
        background-color: #f8f9fa !important; /* Light thumb for light mode */
    }

/* THUMB in dark mode */
[data-mdb-theme="dark"] #darkModeSwitch.form-check-input::after {
    background-color: #f8f9fa !important; /* Light thumb for dark mode */
}

/* Light mode background */
.footer-theme {
    background-color: #f8f9fa; /* Light gray background for light mode */
}

/* Dark mode background */
[data-mdb-theme="dark"] .footer-theme {
    background-color: #303030; /* Match page background in dark mode */
}


/* || Start of custom CSS classes */

/* || About page */

.about-section {
    margin-bottom: 2rem;
}

.about-text {
    font-size: 20px;
}


/* || Resume page */

.resume-section {
    margin-bottom: 2rem;
}
    .resume-section p {
        margin-bottom: 0.5rem;
    }

.resume-experience-header {
    margin-bottom: 1rem;
}

.resume-experience {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.resume-experience:not(:last-child) {
    margin-bottom: 2rem;
}

.resume-major-header {
    margin-bottom: 1rem;
}

.resume-section-small {
    margin-bottom: 1rem;
}

.resume-list li {
    margin-bottom: 0.5rem;
}