/* ==========================================================================
   Drents Archief - Elements Genealogy v3 Theming
   ==========================================================================
   The v3 components use --elements-* CSS custom properties for theming.
   Global vars (--elements-primary etc.) cascade into component-specific
   vars (--elements-genealogy-primary etc.) automatically.
   ========================================================================== */

@scope (#elements-genealogy) {
    /* --------------------------------------------------------------------------
       Global theme tokens
       -------------------------------------------------------------------------- */
    .elements-genealogy-root.elements-genealogy-root {
        /* Brand colors */
        --elements-primary: oklch(0.44 0.11 250); /* Drents Archief blauw */
        --elements-secondary: oklch(0.56 0.18 38); /* Drents Archief rood */
        --elements-tertiary: #c9dded;

        /* Text & links */
        --elements-body-color: oklch(0.44 0.11 250);
        --elements-link-color: oklch(0.56 0.18 38);

        /* Blue-tinted neutrals (matching Drents Archief design) */
        --elements-light: oklch(0.97 0.015 250); /* Lichte achtergronden */
        --elements-medium: oklch(0.80 0.05 250); /* Borders, scheidingslijnen */
        --elements-dark: oklch(0.50 0.09 250); /* Subtiele tekst, iconen */

        /* Typography */
        --elements-font-family: 'Source Sans 3', sans-serif;
    }

    a, button, .mod-list li a, a:not([class]){
        --anchor-underline-hover-color: transparent;
    }


    /* --------------------------------------------------------------------------
       Layout
       -------------------------------------------------------------------------- */

    .elements-genealogy-root.elements-genealogy-scan-viewer {
        z-index: 999999999;
    }

    #elements-genealogy,
    .elements-genealogy-root.elements-genealogy-scan-viewer {
        background: var(--white);
        box-shadow: var(--box-shadow);
    }

    .elements-genealogy-root {
        width: 100%;
    }

    .elements-genealogy-root .elements-genealogy-container {
        padding: 0;
        max-inline-size: 100%;
    }

    .elements-genealogy-root .elements-genealogy-container[mediaId] {
        padding: 1rem;
    }

    /* --------------------------------------------------------------------------
       Overrides — copied from user.css
       -------------------------------------------------------------------------- */

    .elements-genealogy-container:has(.row > .col-12 > .elements-genealogy-searchbar-outer) {
        background: var(--elements-light);
    }

    .elements-genealogy-searchbar-outer {
        padding: 1rem;
    }

    .elements-genealogy-filter-panel,
    .elements-genealogy-results__header {
        padding-inline: 1rem;
    }

}

@layer picturae-overrides {
    @scope (#elements-genealogy) {
        .elements-genealogy-container > .row > .col-12 {
            margin-top: 0 !important;
        }
        .elements-genealogy-filter-panel__clear.elements-genealogy-filter-panel__clear {
            margin-bottom: 0 !important;
        }
    }
}

@scope (#elements-genealogy) {

    .elements-genealogy-container .elements-genealogy-results {
        padding-inline: 0;
        padding-block-start: .5rem;
    }

    .elements-genealogy-results-list {
        padding: 1rem;
        background: var(--white);
    }

    .elements-genealogy-results__header.elements-genealogy-results__header {
        margin-block-end: 0;
    }

    .elements-genealogy-filter-panel .elements-genealogy-button,
    .elements-genealogy-results__header .elements-genealogy-select,
    .elements-genealogy-results__header .elements-genealogy-button--icon.elements-genealogy-button--active {
        background-color: var(--white);
    }

    .elements-genealogy-results-list__header > *,
    .elements-genealogy-results-list__sort-indicator .material-symbols-outlined {
        color: var(--white);
        background-color: var(--elements-dark);
    }

    .elements-genealogy-results-list__header .elements-genealogy-results-list__header-cell--sortable:hover {
        background-color: var(--elements-dark);
    }

    .elements-genealogy-deed-view__source.elements-genealogy-deed-view__source,
    .elements-genealogy-deed-view__deed-info.elements-genealogy-deed-view__deed-info {
        background-color: var(--white);
        padding: 0;
    }

    .elements-genealogy-deed-view__info-list.elements-genealogy-deed-view__info-list li,
    .elements-genealogy-deed-view__source-details.elements-genealogy-deed-view__source-details,
    .elements-genealogy-deed-view__source-line.elements-genealogy-deed-view__source-line {
        font-size: 1rem;
        color: currentColor;
    }

    .elements-genealogy-results-list__detail.elements-genealogy-results-list__detail {
        background-color: #f9f9f9;
    }

    .elements-genealogy-deed-view__scan-image.elements-genealogy-deed-view__scan-image {
        background-color: var(--white);
    }

    .elements-genealogy-deed-view__scan-image > img {
        max-inline-size: 50%;
    }

    @media (width < 992px) {
        .elements-genealogy-results-list > *:nth-child(odd) .elements-genealogy-results-list__card {
            background-color: var(--white);
        }
        .elements-genealogy-results-list > *:nth-child(even) .elements-genealogy-results-list__card {
            background-color: var(--elements-light);
        }
    }

    @media (width >= 992px) {
        .elements-genealogy-results-list__row > * {
            background-color: var(--white);
        }

        .elements-genealogy-results-list > *:nth-child(odd) .elements-genealogy-results-list__row > * {
            background-color: var(--elements-light);
        }

        .elements-genealogy-results-list > *:nth-child(even) .elements-genealogy-results-list__item--visited > .elements-genealogy-results-list__row > * {
            background-color: var(--white);
        }

        .elements-genealogy-results-list > *:nth-child(odd) .elements-genealogy-results-list__item--visited > .elements-genealogy-results-list__row > * {
            background-color: var(--elements-light);
        }

        .elements-genealogy-results-list > *:nth-child(odd) .elements-genealogy-results-list__item:hover > .elements-genealogy-results-list__row > *,
        .elements-genealogy-results-list > *:nth-child(even) .elements-genealogy-results-list__item:hover > .elements-genealogy-results-list__row > * {
            background-color: var(--elements-genealogy-primary-hover);
        }
    }

    .elements-genealogy-filter-panel .elements-genealogy-button,
    .elements-genealogy-results__header .elements-genealogy-button {
        background-color: var(--white);
    }

    .elements-genealogy-filter-panel .elements-genealogy-button[type="submit"] {
        background-color: transparent;
    }

    .elements-genealogy-searchbar-input input[type=search]::placeholder {
        --elements-genealogy-medium: var(--elements-dark);
    }

    .elements-genealogy-results .person-tree {
        background: #f9f9f9;
        border: none;
    }

    .elements-genealogy-results .person-tree .person-permalink-button .material-symbols-outlined {
        font-size:1.5rem;
    }

    .person-tree__search {
        background: var(--elements-light);
        border: 1px solid var(--elements-dark);
    }

    .elements-genealogy-deed-view__social-share .elements-genealogy-button--icon {
        border: 2px solid;
    }


    .com_picturae main a,
    .com_picturae main button {
        text-decoration: none;
    }
}