/* ================================
   Mars-Bench Custom Styles
   Built on Bulma Framework
   ================================ */

/* ================================
   Color Variables
   ================================ */
:root {
    --mars-red: #d84315;
    --mars-orange: #f4511e;
    --primary-dark: #2c3e50;
    --secondary-dark: #34495e;
    --accent-blue: #3498db;
}

/* ================================
   Typography
   ================================ */
body {
    font-family: 'Google Sans', 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.publication-title {
    font-weight: 600;
    line-height: 1.3;
}

.publication-title img {
    background: transparent !important;
    mix-blend-mode: normal;
}

.marsbench {
    color: var(--mars-red);
    font-weight: 700;
    font-style: italic;
}

/* ================================
   Authors & Affiliations
   ================================ */
.publication-authors {
    line-height: 1.8;
    font-weight: 400;
}

.author-block {
    display: inline-block;
    margin: 0 8px;
}

.author-block a {
    color: var(--primary-dark);
    text-decoration: none;
    transition: color 0.2s ease;
}

.author-block a:hover {
    color: var(--accent-blue);
    text-decoration: underline;
}

.author-block sup {
    margin-left: 2px;
}

/* Equal contribution styling */
.equal-contrib {
    font-size: 0.9rem;
    font-style: italic;
    color: #7f8c8d;
    margin: 10px 0;
}

/* ================================
   Conference Badge
   ================================ */
.conference-badge {
    margin: 25px 0;
    text-align: center;
}

.conference-name {
    font-size: 2rem;
    font-weight: 700;
    color: var(--primary-dark);
    letter-spacing: 1px;
}

/* ================================
   Buttons
   ================================ */
.button.is-dark {
    background-color: #2c3e50;
    border-color: #2c3e50;
}

.button.is-dark:hover {
    background-color: #34495e;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.publication-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0;
}

.link-block {
    display: inline-block;
}

/* ================================
   Sections
   ================================ */
.section {
    padding: 3rem 1.5rem;
}

.hero.teaser {
    background-color: #f8f9fa;
}

/* ================================
   Content Formatting
   ================================ */
.content.has-text-justified p {
    text-align: justify;
    line-height: 1.8;
    font-size: 1.1rem;
}

.subtitle.has-text-centered {
    margin-top: 20px;
    font-size: 1rem;
    line-height: 1.6;
    color: #5a6c7d;
}

/* ================================
   Images
   ================================ */
section img {
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* ================================
   BibTeX
   ================================ */
#BibTeX pre {
    background-color: #2d2d2d;
    color: #f8f8f2;
    padding: 20px;
    border-radius: 6px;
    overflow-x: auto;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.9rem;
    line-height: 1.6;
}

#BibTeX pre code {
    background-color: transparent;
    color: inherit;
}

/* Copy button for BibTeX */
.copy-button {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}

/* ================================
   Footer
   ================================ */
.footer {
    background-color: #fafafa;
    padding: 3rem 1.5rem 2rem;
}

.icon-link {
    color: var(--primary-dark);
    margin: 0 10px;
    font-size: 1.5rem;
    transition: color 0.2s ease;
}

.icon-link:hover {
    color: var(--accent-blue);
}

/* ================================
   Performance Section
   ================================ */
.performance-image {
    margin: 20px 0;
}

/* ================================
   Responsive Design
   ================================ */
@media screen and (max-width: 768px) {
    .publication-title {
        font-size: 1.5rem !important;
    }

    .conference-name {
        font-size: 1.5rem;
    }

    .publication-links {
        flex-direction: column;
        align-items: center;
    }

    .link-block {
        width: 100%;
        max-width: 300px;
    }

    .content.has-text-justified p {
        font-size: 1rem;
    }
}

/* ================================
   Animations
   ================================ */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-body {
    animation: fadeInUp 0.6s ease-out;
}

/* ================================
   Utilities
   ================================ */
.is-mars-red {
    color: var(--mars-red) !important;
}

.has-background-mars {
    background-color: #fff5f0 !important;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Selection color */
::selection {
    background-color: var(--accent-blue);
    color: white;
}

::-moz-selection {
    background-color: var(--accent-blue);
    color: white;
}