body {
    font-family: "Alef", sans-serif;
    font-weight: 400;
    font-style: normal;
}

footer {
    text-align: center;
}

code {
    color: black;
}

audio::-webkit-media-controls-enclosure {
    border-radius: 0;
}


.card-hover:hover {
    background-color: var(--bs-primary-bg-subtle);
}
.lgi-outing:hover {
    background-color: var(--bs-primary-bg-subtle);
}

.spot-marker {
    background: #fff69e;
    border: 2px solid #070749;
    /*padding: 10px;*/
    border-radius: 50%;
    padding: 2px;
    text-align: center;
    opacity: 0.8;
    font-weight: bold;
    color: black;
}

.spot-marker:hover, .spot-marker.hover {
    background: yellow;
}

.deleted {
    text-decoration: line-through;
}

/*#legs .accordion-button.collapsed {*/
/*    background-color: #9cdfd8;*/
/*}*/

/*.accordion-button:not(.collapsed) {*/
/*    background-color: #FEB7EE;*/
/*}*/
.htmx-indicator {
    display: none;
}

.htmx-request .htmx-indicator {
    display: block;
}

.htmx-request.htmx-indicator {
    display: block;
}
/* Fullscreen styles */
.fullscreen-mode {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: white;
    overflow: auto;
    padding: 10px;
    margin: 0;
}


/* Show/hide fullscreen buttons based on state */
#exit-fullscreen {
    display: none;
}

.fullscreen-mode #enter-fullscreen {
    display: none;
}

.fullscreen-mode #exit-fullscreen {
    display: inline-block;
}

.htmx-request #detail {
    display: none;
}

.accordion-button:focus {
    box-shadow: none;
}

.has-hidden-buttons:hover .hidden-button {
    display: block;
}

.btn-splitter {
    border-inline-start: 3px solid rgba(0, 0, 0, 0);
    border-radius: 0;
}

.btn-splitter:hover {
    border-inline-start: 3px solid black;
}


.everything .ehide {
    display: none;
}

.eshow {
    display: none;
}

.everything .eshow {
    display: block;
}

.segments, #transcription {
    word-break: break-word;
}

/* Fixed split panel layout for manage_panel */
#manage_panel {
    display: flex;
    flex-direction: row;
    height: 70vh;
    min-height: 400px;
    gap: 0;
}
#manage_panel > .col {
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: auto;
    scrollbar-gutter: stable;
}

/* fullscreen mode */
#manage_panel.fullscreen-mode {
    height: 100vh;
    min-height: 100vh;
    padding: 3px;
    margin: 0;
}

#manage_panel.fullscreen-mode > .col {
}