/* Version 0.35.2 – korrigierte, kontextabhängige Navigation auf Astroaufnahme-Detailseiten. */

/* Die einzige Aktionsleiste beginnt am linken Inhaltsrand. */
body.dsa-photo-template .dsa-photo-sticky-nav {
    margin-left: 0;
    margin-right: auto;
}

/* Alle Aktionen sind gleichwertige Navigationselemente. Keine Aktion wirkt
   dauerhaft ausgewählt oder primär; Blau erscheint nur bei Hover/Fokus. */
body.dsa-photo-template .dsa-photo-quick-action-tech {
    border-color: var(--dsa-border) !important;
    background: rgba(255,255,255,.035) !important;
    color: var(--dsa-text) !important;
}

body.dsa-photo-template .dsa-photo-quick-action-tech:hover,
body.dsa-photo-template .dsa-photo-quick-action-tech:focus-visible {
    border-color: var(--dsa-accent) !important;
    background: rgba(114,191,255,.11) !important;
    color: var(--dsa-accent-strong) !important;
}

/* Der Rücksprung ist nur im Technikbereich sichtbar. Das hidden-Attribut hat
   Vorrang vor den allgemeinen Inline-Flex-Regeln der Buttons. */
body.dsa-photo-template .dsa-photo-quick-action-details[hidden] {
    display: none !important;
}

/* Auf breiten Ansichten bleibt die kompakte Leiste tatsächlich linksbündig;
   auf Mobilgeräten darf sie wie bisher die verfügbare Breite nutzen. */
@media (min-width: 621px) {
    body.dsa-photo-template .dsa-photo-sticky-nav {
        width: fit-content;
        max-width: 100%;
    }

    body.dsa-photo-template .dsa-photo-sticky-nav .dsa-photo-quick-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 620px) {
    body.dsa-photo-template .dsa-photo-sticky-nav .dsa-photo-quick-actions {
        justify-content: flex-start;
        overflow-x: auto;
        scrollbar-width: thin;
    }
}

/* 0.35.2: Der unsichtbare Sentinel verändert das Layout nicht. */
body.dsa-photo-template .dsa-photo-technique-sentinel {
    display: block;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    pointer-events: none;
}

/* Vier Navigationselemente müssen im Technikbereich zuverlässig Platz finden.
   Auf schmaleren Viewports darf die Leiste umbrechen statt den Rücksprung zu
   verdecken oder außerhalb des sichtbaren Bereichs zu schieben. */
body.dsa-photo-template .dsa-photo-sticky-nav .dsa-photo-quick-actions {
    flex-wrap: wrap;
    overflow: visible;
}

body.dsa-photo-template .dsa-photo-quick-action-details:not([hidden]) {
    display: inline-flex !important;
}

@media (max-width: 620px) {
    body.dsa-photo-template .dsa-photo-sticky-nav .dsa-photo-quick-actions {
        overflow-x: visible;
        flex-wrap: wrap;
    }
}