/*
 * Copyright (c) 2025. Agora Speakers International.  All rights reserved.
 * This file is subject to the terms and conditions defined in the  'LICENSE.txt' file which is part of this source code package.
 *
 * Author: Alexander Hristov
 */

@import url("./common.css");
.contest-header {
    min-height:120px;
    margin-top:1.5em;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:0 0;
    padding-left:0.5em;
    font-size:1.7em;
    font-weight:bold;
    color:var(--agora-gray-1);
    display:flex;
    align-items:flex-end;
    border:solid 1px black;
    text-shadow:                    /* fallback outline using shadows */
            1px 0 0 #000,
            -1px 0 0 #000,
            0 1px 0 #000,
            0 -1px 0 #000,
            1px 1px 0 #000,
            -1px 1px 0 #000,
            1px -1px 0 #000,
            -1px -1px 0 #000;

    /* GEN */
    cursor: pointer;
    user-select: none;
}

/* GEN */
.contest-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.contest-container.active .contest-body {
    /* A value larger than the content will ever be.
       This allows the animation to work correctly. */
    max-height: 3000px;
    transition: max-height 0.9s ease-in;
}

.contest-container {
    margin-bottom:2em;
}

.contest-container h3 {
    margin-top:1.5em;
    padding-bottom: 0.5em;
}
.contest-container .grid {
    padding-left:1.5em;
}

.stage {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding-left:1em;
    margin-bottom: 2em;
    font-family: Roboto, sans-serif;
    font-size: 12px;


}

.stage-container {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 15px; /* Applies spacing between all items */
    margin-top:1.3em;
}

.stage-container .icon-wrapper {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 2px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background-position: center;
    background-size: cover;
}


.stage-container .icon-wrapper span {
    font-size: 20px;
    color: #4285F4;
}

.stage-container .label {
    font-family: sans-serif;
    font-weight: 600;
    color: #555;
    flex-shrink: 0; /* Prevents text from shrinking/wrapping */
    white-space: nowrap; /* Ensures text stays on one line */
    margin-bottom: 0;
}

.stage-container .line {
    height: 1px;
    background-color: black;
    flex-grow: 1; /* Still works perfectly! */
}


.round {
    font-weight:bold;
    font-size:1.1em;
    margin-top:1.5em;
}
.criterion {
    text-align:center;
    font-weight:bold;
    font-size:0.8em;
}
.total-score {
    font-size:0.8em;

}
.criterion-score {
    font-size:0.8em;
}
.criterion-weight {
    text-align:center;
    font-size:0.8em;
}
.participant-speech {

}
.participant-club {
    font-size:0.8em;
}

.team-container {
    border: solid 2px var(--agora-blue-0);
    padding: 1em;
    border-radius: 10px;
}

.team-container h2 {
    color:var(--agora-blue-0);
    border:none;
    margin-top:0;
    text-align: center;
}
.participant-name {
    font-weight: bold;
}
.participant-role {

}