/* ============================================================
   Plakietka jakości zdjęcia — FZ.PhotoQuality.badge (js/fz-photo-quality.js)
   WSPÓLNA dla kreatorów: album (ramka strony), kalendarz (otwór karty).
   Rodzic musi mieć `position: relative|absolute`.
   ============================================================ */

/* Znacznik jakości zdjęcia — trwały, w rogu ramki.
   Stoi po LEWEJ, bo prawy górny róg zajmuje pasek narzędzi aktywnej ramki;
   nakładanie się obu odebrałoby klikalność temu, który jest pod spodem. */
.fz-quality-badge {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 31;
    /* Obwódka w kolorze tła ramki — plakietka musi być czytelna zarówno na
       jasnym niebie, jak i na ciemnym zdjęciu. Sam kolor wypełnienia nie
       wystarcza, bo leży bezpośrednio na fotografii. */
    box-shadow: 0 0 0 2px rgba(255,255,255,0.9), 0 1px 4px rgba(0,0,0,0.35);
}

/* Kolor niesie WAGĘ, nie dekorację: bursztyn = obejrzyj, czerwień = wyjdzie źle.
   Ciemny znak na jasnym wypełnieniu — biały na bursztynie schodzi poniżej progu
   czytelności (ta sama pułapka, co przy plakietkach w panelu). */
.fz-quality-warn {
    background: #f2b705;
    color: #3d2c00;
}

.fz-quality-bad {
    background: #e5484d;
    color: #fff;
}

.fz-quality-badge:hover {
    transform: scale(1.08);
}