/* * Laravel adapter. prototype.css / feedback-round.css / event-page.css are * generated design bundles and must not be edited — every difference that comes * from rendering the design server side lives here instead. */
/* The design filters are <button>s inside GET forms, so the forms themselves have to behave exactly like the containers they replace. */
.segmented, .division-filter, .fighters-tools {
    margin: 0;
}
/* Implicit submit target for the search field: without it, pressing Enter would activate the first discipline button and silently change that filter. */
.default-submit {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    opacity: 0;
    pointer-events: none;
}
/* "IŠVALYTI FILTRUS" is a link here, not a scripted button. */
.fighters-results-bar a {
    color: #596200;
    text-decoration: underline;
    text-underline-offset: 4px;
    font: 600 10px "Oswald", sans-serif;
    letter-spacing: .08em;
}
/* Disabled year chips on the upcoming tab keep the hero height stable without pretending to be interactive. */
.archive-years button[disabled] {
    cursor: default;
    opacity: 1;
}
/* Server rendered pages have no client side empty state container. */
.empty-state, .profile-empty {
    padding: 30px;
    color: #646e77;
    font: 600 12px "Oswald", sans-serif;
    letter-spacing: .06em;
}
/* Instagram lives in the profile fact grid, so it inherits the tile styling. */
.profile-instagram a {
    color: #111517;
    text-decoration: none;
}
.profile-instagram a:hover {
    text-decoration: underline;
}
/* The complete P4P card links to a fighter profile. Keep the optional Instagram link independently interactive above the card link. */
.p4p-profile-link {
    position: absolute;
    inset: 0;
    z-index: 1;
}
.p4p-profile-link:focus-visible {
    outline: 3px solid var(--acid);
    outline-offset: -3px;
}
.p4p-profile .club-instagram-link {
    position: relative;
    z-index: 2;
}
.p4p-name-link {
    position: relative;
    z-index: 2;
    color: inherit;
    font: inherit;
    text-decoration: none;
}
.p4p-name-link:hover, .p4p-name-link:focus-visible {
    color: #5f8200;
    text-decoration: underline;
}
/* The fighter directory used to intentionally break out of the shared main container. Keep it within the same responsive content width as every other Statistics view. */
.fighters-view {
    margin-left: 0;
    margin-right: 0;
}
.view {
    padding-left: 0;
    padding-right: 0;
}
@media (max-width: 1050px) {
    .fighters-view .fighters-hero, .fighters-view .fighters-directory-shell {
        margin-left: 0;
        margin-right: 0;
    }
}
/* Compact phone gutters: preserve breathing room without wasting the limited width available below 550px. */
@media (max-width: 550px) {
    main {
        width:95%;
        margin:auto;
        padding: 20px 0;
    }
    main .view {
        margin:auto !important;
        padding:0 !important;
    }
    .event-shell {
        width: 100%;
    }
    .event-site-header .event-shell {
        width: calc(100% - 5vw);
    }
}
/* Main mobile navigation: match the admin area's animated menu reveal and transform the three bars into a close icon when the navigation is open. */
@media (max-width: 900px) {
    * {
        -webkit-tap-highlight-color: transparent;
    }
    .site-header .brand {
        margin-right: auto;
    }
    .site-header .menu-button {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        min-width: 50px;
        height: 46px;
        padding: 0 12px;
        border: 1px solid rgba(255, 255, 255, .18);
        border-radius: 12px;
        color: #fff;
        background: rgba(255, 255, 255, .035);
        transition: background .25s ease, border-color .25s ease, transform .25s ease;
    }
    .site-header .header-actions {
        flex: 0 0 auto;
    }
    .site-header .menu-button:hover, .site-header .menu-button[aria-expanded="true"] {
        border-color: var(--acid);
        background: rgba(200, 255, 0, .09);
    }
    .menu-button-label {
        font: 700 10px "Oswald", sans-serif;
        letter-spacing: .08em;
    }
    .menu-button-icon {
        display: grid;
        width: 18px;
        gap: 4px;
    }
    .menu-button-icon i {
        display: block;
        width: 18px;
        height: 2px;
        border-radius: 99px;
        background: currentColor;
        transform-origin: center;
        transition: transform .28s cubic-bezier(.2, .8, .2, 1), opacity .18s ease;
    }
    .menu-button[aria-expanded="true"] .menu-button-icon i:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }
    .menu-button[aria-expanded="true"] .menu-button-icon i:nth-child(2) {
        opacity: 0;
        transform: scaleX(.2);
    }
    .menu-button[aria-expanded="true"] .menu-button-icon i:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }
    .site-header #nav {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        max-height: 0;
        overflow: hidden;
        padding: 0 12px;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-14px) scale(.98);
        transform-origin: top center;
        transition: max-height .38s cubic-bezier(.2, .8, .2, 1), padding .3s ease, opacity .2s ease, transform .32s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .38s;
    }
    .site-header #nav.open {
        display: flex !important;
        max-height: 480px;
        padding: 12px;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0) scale(1);
        transition-delay: 0s;
        animation: main-nav-slide-in .55s cubic-bezier(.16, 1, .3, 1) both;
    }
    @keyframes main-nav-slide-in {
        from {
            max-height: 0;
            padding-top: 0;
            padding-bottom: 0;
            opacity: 0;
            transform: translateY(-24px) scale(.96);
        }
        to {
            max-height: 480px;
            padding-top: 12px;
            padding-bottom: 12px;
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }
    .site-header #nav.is-closing {
        pointer-events: none;
        animation: main-nav-slide-out .18s cubic-bezier(.55, 0, 1, .45) both;
    }
    @keyframes main-nav-slide-out {
        from {
            max-height: 480px;
            padding-top: 12px;
            padding-bottom: 12px;
            opacity: 1;
            transform: translateY(0) scale(1);
        }
        to {
            max-height: 0;
            padding-top: 0;
            padding-bottom: 0;
            opacity: 0;
            transform: translateY(-24px) scale(.96);
        }
    }
    .site-header #nav a {
        min-height: 45px;
        justify-content: center;
        border-radius: 8px;
        opacity: 0;
        transform: translateY(-8px);
        transition: opacity .22s ease, transform .28s cubic-bezier(.2, .8, .2, 1), background .2s ease;
    }
    .site-header #nav.open a {
        opacity: 1;
        transform: translateY(0);
    }
    .site-header #nav.open a:nth-child(2) {
        transition-delay: .04s;
    }
    .site-header #nav.open a:nth-child(3) {
        transition-delay: .08s;
    }
    .site-header #nav.open a:nth-child(4) {
        transition-delay: .12s;
    }
}
@media (max-width: 560px) {
    .site-header .menu-button {
        min-width: 42px;
        padding: 0 10px;
    }
    .menu-button-label {
        display: none;
    }
}
/* Turnyro puslapio kortos skiltys yra tikros nuorodos į atskirus maršrutus, todėl jos perima .event-card-tabs button išvaizdą. */
.event-card-tabs a {
    flex: 1;
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px 15px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #6b757a;
    text-decoration: none;
    font-size: 11px;
    font-weight: 600;
}
.event-card-tabs a b {
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 99px;
    display: grid;
    place-items: center;
    background: #fff;
    color: #70797e;
    font-size: 9px;
}
.event-card-tabs a.active {
    background: #0c1012;
    color: #fff;
}
.event-card-tabs a.active b {
    background: var(--acid);
    color: #0c1012;
}
.event-card-tabs a:not(.active):hover {
    color: #6b757a;
}
@media (max-width: 700px) {
    .event-card-tabs a {
        flex: 0 0 auto;
    }
}
/* Archyvo kortelė be paskelbtos pagrindinės kovos neturi nuotraukų juostos, todėl turinys užima visą kortelės plotį, o ne palieka tuščią stulpelį. */
.view[data-view="events"] .past-event-card:not(.has-fighters) {
    grid-template-columns: minmax(0, 1fr);
}
.view[data-view="events"] .past-event-card:not(.has-fighters) .event-top, .view[data-view="events"] .past-event-card:not(.has-fighters) .event-bottom {
    grid-column: 1;
}

/* Keep the footer at the bottom when a page has less content than the viewport. */
html, body {
    min-height: 100%;
}
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
main#main {
    flex: 1 0 auto;
}
footer {
    flex-shrink: 0;
}