/* Hidden by default; enabled only in mobile media query. */
.edition-mobile-view-toggle,
.edition-mobile-view-input,
.edition-facsimile-touch-guard {
    display: none !important;
}

/* Keep metadata table always visible on non-mobile screens. */
@media (min-width: 801px) {
    .witness-info-desktop {
        display: block !important;
    }

    .witness-info-mobile {
        display: none !important;
    }
}

@media (max-width: 800px) {
    :root {
        --site-offcanvas-width: 100vw !important;
    }

    .offcanvas-body {
        padding: 4rem 0 0 0!important;
    }

    .site-offcanvas.showing [data-bs-dismiss="offcanvas"],
    .offcanvas.showing [data-bs-dismiss="offcanvas"] {
        display: inline-flex !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        margin: 0 !important;
        z-index: 20001 !important;
        transition: left 480ms cubic-bezier(.22, 1, .36, 1), opacity 220ms ease-in-out;
    }

    .site-offcanvas.show [data-bs-dismiss="offcanvas"],
    .offcanvas.show [data-bs-dismiss="offcanvas"] {
        display: inline-flex !important;
        position: absolute !important;
        top: 0 !important;
        right: 0% !important;
        left: auto !important;
        margin: 0 !important;
        z-index: 20001 !important;
        transition: left 480ms cubic-bezier(.22, 1, .36, 1), opacity 220ms ease-in-out;
    }
    .landing-section-pic-wrapper {
        max-width: 100%;
    }
    .landing-section-pic{
        width: 100%;
    }

    .landing-section.landing-section--banner {
        display: none;
    }

    .container.site-top-inner {
        width: 100vw;
        height: 6rem;
        padding: 0;
    }

    .site-top-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .bild {
        min-height: 2rem;
    }

    .site-top-image {
        padding-right: 2px;
        height: 5rem;
    }

.site-top-left {
    	display: none;
}

    .site-top-right {
        width: 100%;
        justify-content: center;
    }

    .site-top-title-link {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .site-top-title {
        text-align: center;
    }

    .site-menu>* {
        margin-left: 0;
    }


    .text-footer * {
        font-size: 0.7rem;
    }

    #wrapper-footer-secondary{
        text-align: left; 
    }


    .container-inner {
        padding: 1rem;
    }

    .contents h1 {
        font-size: 1.4rem;
        letter-spacing: 0.2em;
    }


    .contents h2 {
        font-size: 1.3rem;
    }

    .contents :where(p, ul, ol, li, span.d-block) {
        font-size: 1.2rem;
    }

    .square-button-nebentext {
        display: none;
    }

     .square-btn-bis {
        display: none!important;
    }

    .nav-buttons {
        position: fixed !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 20050 !important;
        display: inline-flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

    }

    .nav-buttons .square-button.bottom-button.semitrans {
        position: static !important;
        display: inline-flex !important;
    }

    body.page-person-search .nav-buttons {
        position: fixed !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 20050 !important;
        display: inline-flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
    }

    body.page-person-search .nav-buttons .square-button.bottom-button {
        position: static !important;
        display: inline-flex !important;
    }

    body.page-person-search .nav-buttons .square-button.bottom-button.semitrans {
        background-color: rgba(200, 182, 166, 0.8) !important;
        color: var(--bs-white) !important;
    }

    body.page-person-search .nav-buttons .square-button.bottom-button.semitrans:hover,
    body.page-person-search .nav-buttons .square-button.bottom-button.semitrans:focus,
    body.page-person-search .nav-buttons .square-button.bottom-button.semitrans:focus-visible,
    body.page-person-search .nav-buttons .square-button.bottom-button.semitrans:active {
        background-color: rgba(200, 182, 166, 1) !important;
    }



    main.meta {
        height: unset;
    }

    .contents {
        overflow: visible;
        height: 100%;
    }

    .contents-frame {
        height: 100%;
    }

    main.meta .contents::after,
    .contents-frame::after,
    .scroller::after {
        background-image: none !important;
        position: inherit !important;
        height: 0 !important;
        width: 0 !important;
        background-size: 0;
        display: none !important;
    }

.search-col-left .person-left-facet,  .search-col-left .person-left-section, .search-col-left #sort-by, .search-col-left #clear-refinements, .person-left-togglebar::after {
    display: none !important;
  }

  #searchContainer.search-container .search-col-right {
    width: 100% !important;
    height: auto!important ; 
  }
#searchPage {
    height: auto!important ;
}

.scroller {
    padding-top: 2rem;
    padding-bottom: 2rem;
}


body.page-search #searchContainer.search-container {
    display: block !important;
  }

    .toc-mobile-searchbox {
        display: block;
    }

    body.page-toc-search .toc-searchbox-container {
        display: none;
    }

  .noske-left-header, .noske-stats, .person-left-tailpiece{
    display: none !important;
  }

  .noske-left-section {
    padding: 0 1.5rem 1.5rem 1.5rem !important;
  }

    .noske-left-section::after {
    display:none;
  }
  #noske-search {
    margin: 0!important ;
  }


  .noske-results-area{
    padding: 0 1.5rem 1.5rem 1.5rem !important;
  }


.noske-hits-table.tabulator * {
    font-size: 0.9rem!important;

}

    /* On mobile search keep only left/kwic/right context columns. */
    body.page-noske-search .tabulator .tabulator-header .tabulator-col[tabulator-field]:not([tabulator-field="left"]):not([tabulator-field="kwic"]):not([tabulator-field="right"]),
    body.page-noske-search .tabulator .tabulator-row .tabulator-cell[tabulator-field]:not([tabulator-field="left"]):not([tabulator-field="kwic"]):not([tabulator-field="right"]) {
        display: none !important;
    }

  body.page-search #searchContainer.search-container .search-col-right {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

    /* Keep the burger button visible on mobile search/toc/edition pages. */
    body.page-search .site-header,
    body.page-edition .site-header,
    #searchPage #searchContainer .site-header {
        left: 0 !important;
    }


    .search-col-left .person-cards-container {
        display: none;
    }

    /* Edition witness pagination: shrink buttons to fit viewport width. */
    .witness-pagination .ais-Pagination-list {
        width: 100% !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
    }

    .edition-pagination-header {
        justify-content: stretch !important;
    }

    .edition-pagination-header .witness-pagination-container,
    .edition-pagination-header .tab-content,
    .edition-pagination-header .witness-pages,
    .edition-pagination-header .witness-pagination,
    .edition-pagination-header .ais-Pagination-list {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }

    .edition-pagination-header .witness-pagination-container,
    .edition-pagination-header .witness-pagination,
    .edition-pagination-header .ais-Pagination-list {
        justify-content: stretch !important;
    }

    .witness-pagination .ais-Pagination-item {
        flex: 1 1 0 !important;
        min-width: 0 !important;
    }

    .witness-pagination .ais-Pagination-link {
        width: 100% !important;
        min-width: 0 !important;
        height: clamp(2.1rem, 8vw, 2.8rem) !important;
        font-size: clamp(0.72rem, 2.6vw, 0.95rem) !important;
        padding: 0 !important;
    }

    details.witness-info-collapsible {
        margin: 0 0 0.75rem 0;
    }

    .witness-info-desktop {
        display: none !important;
    }

    .witness-info-mobile {
        display: block !important;
    }

    details.witness-info-collapsible > summary {
        cursor: pointer;
        list-style: none;
        display: block;
    }

    details.witness-info-collapsible > summary::-webkit-details-marker {
        display: none;
    }

    details.witness-info-collapsible > :not(summary) {
        display: none;
    }

    details.witness-info-collapsible[open] > :not(summary) {
        display: block;
    }

    details.person-cards-collapsible {
        margin: 0 0 0.75rem 0;
    }

    details.person-cards-collapsible > summary {
        cursor: pointer;
        list-style: none;
        display: block;
    }

    details.person-cards-collapsible > summary::-webkit-details-marker {
        display: none;
    }

    details.person-cards-collapsible > :not(summary) {
        display: none;
    }

    details.person-cards-collapsible[open] > :not(summary) {
        display: block;
    }

    .edition-metadata-summary {
        display: block;
        cursor: pointer;
        list-style: none;
        margin: 0 0 0.75rem 0;
        font-weight: 700;
        color: var(--okar-colour-4);
        text-transform: uppercase;
        letter-spacing: 0.1em;
    }

    .edition-metadata-summary::-webkit-details-marker {
        display: none;
    }

    .edition-metadata-summary::after {
        content: " \203A";
        display: inline-block;
        margin-left: 0.35rem;
        transform: rotate(270deg);
        transition: transform 0.2s ease;
    }

    .edition-metadata-collapsible[open] .edition-metadata-summary::after {
        transform: rotate(90deg);
    }

    .edition-metadata-collapsible:not([open]) .edition-metadata-summary::after {
        transform: rotate(270deg);
    }

    .edition-metadata-collapsible > :not(summary) {
        display: block;
    }

    /* .edition-metadata-collapsible[open] > :not(summary) {
        display: none;
    } */


    .search-col-left {
        min-height: unset!important;
    }
    .edition-metadata-collapsible:not([open]) > :not(summary) {
        display: block;
    }

    .facet-collapsible {
        margin: 0 0 0.75rem 0;
    }

    .facet-collapsible-summary {
        display: block;
        cursor: pointer;
        list-style: none;
        margin: 0 0 0.75rem 0;
        font-weight: 700;
        color: var(--okar-colour-4);
        text-transform: uppercase;
        letter-spacing: 0.1em;
    }

    .facet-collapsible-summary::-webkit-details-marker {
        display: none;
    }

    .facet-collapsible-summary::after {
        content: " \203A";
        display: inline-block;
        margin-left: 0.35rem;
        transform: rotate(90deg);
        transition: transform 0.2s ease;
    }

    .facet-collapsible[open] .facet-collapsible-summary::after {
        transform: rotate(270deg);
    }

    .facet-collapsible > :not(summary) {
        display: none;
    }

    .facet-collapsible[open] > :not(summary) {
        display: block;
    }

    .facet-collapsible--with-heading > .toc-left-heading {
        display: none;
    }

    .edition-mobile-view-input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .view-toggle {
        display: flex;
        justify-content: center;
        margin: 0 0 0.75rem;
    }

    .view-toggle .edition-mobile-view-toggle {
        display: inline-flex !important;
        width: auto;
        margin: 0;
    }

    .edition-mobile-view-label {
        display: inline;
    }

    .edition-mobile-view-label--text {
        display: none;
    }

    #edition-mobile-view-toggle:checked + .view-toggle .edition-mobile-view-label--facs {
        display: none;
    }

    #edition-mobile-view-toggle:checked + .view-toggle .edition-mobile-view-label--text {
        display: inline;
    }

    #img-resize,
    #text-resize {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 0.5rem !important;
    }

    /* Mobile default: show facsimile, hide transcription. */
    #edition-mobile-view-toggle:not(:checked) ~ .wp-transcript #img-resize {
        display: block !important;
    }

    #edition-mobile-view-toggle:not(:checked) ~ .wp-transcript #text-resize {
        display: none !important;
    }

    #edition-mobile-view-toggle:checked ~ .wp-transcript #img-resize {
        display: none !important;
    }

    #edition-mobile-view-toggle:checked ~ .wp-transcript #text-resize {
        display: block !important;
    }

    #img-resize {
        position: relative;
    }

    .edition-facsimile-touch-guard {
        display: block !important;
        position: absolute;
        inset: 0;
        z-index: 20;
        background: transparent;
        pointer-events: auto;
    }

    #edition-mobile-view-toggle:checked ~ .wp-transcript .edition-facsimile-touch-guard {
        display: none !important;
    }


    .edition-text-inner{
        padding:1.5rem!important;
    }
    .person-card-header {
        border-bottom: none!important;
    }
    .person-badge::after {
        content: " ⏷";
    }
    .ais-Pagination-item + .ais-Pagination-item {
        margin-left: 0 !important;
    }
}