@charset "utf-8";
body {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    padding-top: 5.0rem;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
}

.text-profile-position {
    font-weight: 400;
}

.text-profile-bio {
    /* font-family: "Raleway"; */
    font-weight: 400;
}

.navbar {
    opacity: 0.95;
}

.inline-badge {
    height: 16px;
    vertical-align: -10%;
    margin-right: 2px;
    line-break: unset;
}

.no-break {
    white-space: nowrap;
}

.cover-image {
    width: 180px;
    max-height: 120px;
}

.abstract-body {
    min-height: 100px;
}

img.lazy {
    background-image: url('images/loading.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50px 50px;
    min-height: 80px;
}

div.lazy {
    background-image: url('images/loading.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50px 50px;
    min-height: 80px;
}

.badge-publication {
    font-size: 100%;
}

.email-text {
    font-family: Courier, monospace;
}

/* ------------------------------------------------------------------ */
/* Unified Badge System for Publications, News, and Awards */
/* ------------------------------------------------------------------ */

/* 1. Paper Metrics (IF & JCR) - Clean Outline Style */
.badge-if,
.badge-jcr {
    color: #555; /* Default Dark Grey Text */
    background-color: transparent;
    border: 1px solid;
    font-weight: 500;
    padding: 0.25em 0.5em;
    border-radius: 4px;
}

.badge-if {
    color: #0d6efd; /* Bootstrap Primary Blue */
    border-color: #0d6efd;
    background-color: rgba(13, 110, 253, 0.05); /* Very faint blue tint */
}

.badge-jcr {
    color: #198754; /* Bootstrap Success Green */
    border-color: #198754;
    background-color: rgba(25, 135, 84, 0.05); /* Very faint green tint */
}

/* 2. Role Badges - Clean, Text-based Look */
.badge-role-first,
.badge-role-corr,
.badge-role-co,
.badge-role-other {
    background-color: transparent;
    border: 1px solid;
    font-weight: 500;
    padding: 0.25em 0.5em;
    border-radius: 4px;
}

.badge-role-first {
    color: #0c5460;
    border-color: #bee5eb;
    background-color: rgba(190, 229, 235, 0.2); /* Very faint background */
}

.badge-role-corr {
    color: #856404;
    border-color: #ffc107; /* Darker border (Bootstrap warning color) */
    background-color: rgba(255, 238, 186, 0.2);
}

.badge-role-co {
    color: #495057;
    border-color: #dee2e6;
    background-color: rgba(222, 226, 230, 0.2);
}

.badge-role-second {
    color: #495057; /* Dark Grey */
    border-color: #aeb5bc; /* Distinct Grey Border */
    background-color: rgba(206, 212, 218, 0.25); /* Slightly darker background than 'other' */
}

.badge-role-other {
    color: #6c757d; /* Muted Grey */
    border-color: #dee2e6; /* Light Border */
    background-color: transparent;
}

/* 3. Award Level Badges - Metallic Tones */
.badge-gold {
    background-color: #e0ac00; /* Deep Gold */
    color: #fff;
}
.badge-silver {
    background-color: #757575; /* Darker grey */
    color: #fff;
}
.badge-bronze {
    background-color: #cd7f32; /* Bronze */
    color: #fff;
}
.badge-scholarship {
    background-color: #6f42c1; /* Purple */
    color: #fff;
}

/* 4. Icon Colors (Matching Award Badges) */
.text-gold { color: #e0ac00 !important; }
.text-silver { color: #9e9e9e !important; }
.text-bronze { color: #cd7f32 !important; }
.text-scholarship { color: #6f42c1 !important; }

/* 5. Citation Modal Styles */
[id^="modal-citation-"] .nav-tabs .nav-link {
    color: #495057;
    border: none;
    border-bottom: 2px solid transparent;
}

[id^="modal-citation-"] .nav-tabs .nav-link.active {
    color: #0d6efd;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #0d6efd;
    font-weight: 600;
}

[id^="modal-citation-"] .nav-tabs .nav-link:hover {
    border-color: #e9ecef;
    color: #0d6efd;
}

[id^="modal-citation-"] pre code {
    white-space: pre-wrap;
    word-break: break-all;
}

[id^="modal-citation-"] .modal-content {
    border-radius: 0.5rem;
}

[id^="modal-citation-"] .modal-header {
    border-bottom: 1px solid #e9ecef;
}

[id^="modal-citation-"] .modal-footer {
    border-top: 1px solid #e9ecef;
}

/* ------------------------------------------------------------------ */
/* Mobile Optimizations */
/* ------------------------------------------------------------------ */

/* Prevent horizontal overflow / scroll on narrow viewports */
html, body {
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
}

/* Larger touch targets for links on mobile (Apple/Google recommend 44px) */
@media (max-width: 768px) {
    .nav-link {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    /* Tighter card padding on mobile */
    .card-body {
        padding: 1rem;
    }

    /* Prevent long URLs/DOIs from overflowing */
    a, .text-break-all {
        word-break: break-word;
        overflow-wrap: break-word;
    }

    /* Citation modal pre blocks: smaller font and word wrap on mobile */
    [id^="modal-citation-"] pre code,
    #bibtex-all-content {
        white-space: pre-wrap;
        word-break: break-all;
    }

    /* Publication cards: reduce internal padding on mobile */
    .pub-item .card,
    .award-item {
        padding: 0.75rem 1rem !important;
    }

    /* Sort buttons: full-width friendly on mobile */
    .btn-group-sm .btn {
        padding: 0.35rem 0.6rem;
    }
}

/* Improve rendering on high-DPI mobile screens */
@supports (-webkit-touch-callout: none) {
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}