/* Round photo-nav disc — fig 6741:9215 (project media viewer) and 7135:24823
   (franchise design strip). A dark translucent circle on a white hairline with
   a white chevron; the page that uses it owns where the disc sits.
   Loaded by header-new.php for the project pages and by the franchise
   template. */

.pmv__nav {
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    padding: 0;
    background: rgba(23, 27, 28, 0.5);
    /* the chevrons are drawn with currentColor; without this they inherit the
       page's near-black body colour and vanish into the disc */
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    backdrop-filter: blur(2.5px);
    -webkit-backdrop-filter: blur(2.5px);
    transition: background-color 0.2s ease, opacity 0.2s ease;
}

.pmv__nav:hover,
.pmv__nav:focus-visible {
    background: rgba(23, 27, 28, 0.8);
}

.pmv__nav:focus-visible {
    outline: 2px solid #FF6B00;
    outline-offset: 2px;
}

.pmv__nav svg {
    display: block;
    width: 56px;
    height: 56px;
}

.pmv__nav--prev svg {
    transform: rotate(180deg);
}

.pmv__nav[disabled] {
    opacity: 0.35;
    cursor: default;
}