/*
 * KAAS — PropertyResource „Fotók és alaprajz" galéria stílusok.
 *
 * EGY komponens (SpatieMediaLibraryFileUpload, FilePond grid) — erre rakjuk
 * rá a következő overlay feature-öket:
 *
 *   1) Nagyobb tile-méret, object-fit: cover (ne legyen fekete keret).
 *   2) „Főkép" badge a `data-kaas-primary-badge="1"` konténer első FilePond
 *      item-jén (csak a `photos` collectionnél).
 *   3) Zoom-in cursor a kép-előnézeten (lightbox hint).
 */

/* ---------------------------------------------------------------------------
 * 1) FilePond panel-grid override-ok
 * --------------------------------------------------------------------------- */

/* STANDARD FilePond lista-elrendezés (NEM grid) — megbízhatóan görgethető,
 * nincs grid-magasság bug. Nem írunk felül item-szélességet/-magasságot, hogy a
 * FilePond layout-számítása ép maradjon. Csak a kép kitöltési módját szabjuk. */
.fi-fo-file-upload .filepond--image-preview img,
.fi-fo-file-upload .filepond--image-preview canvas {
    object-fit: cover !important;
}

/* Lightbox-hint: az image preview kattintható (KAAS galéria-konténereken) */
[data-kaas-gallery] .filepond--image-preview-wrapper,
[data-kaas-gallery] .filepond--image-preview {
    cursor: zoom-in;
}

/* „Tallózás" — nagyobb, jól látható gomb a drop-label-en belül. */
[data-kaas-gallery] .filepond--label-action {
    display: inline-block;
    margin-top: 0.35rem;
    padding: 0.55rem 1.4rem;
    background-color: #D9802C;
    color: #ffffff;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

[data-kaas-gallery] .filepond--label-action:hover {
    background-color: #c0701f;
}

/* ---------------------------------------------------------------------------
 * 2) „Főkép" badge — overlay a FilePond első item-jén
 * ---------------------------------------------------------------------------
 * A FilePond a látható sorrendben rendezi az item-eket; a `nth-of-type(1)`
 * trükk azért nem 100%-os, mert a FilePond néha hidden item-eket is rak a
 * listába. JS oldalon `data-kaas-first="1"` osztálytagot is teszünk az első
 * data-filepond-item-state="idle" elemre — a CSS arra is reagál.
 */

[data-kaas-gallery][data-kaas-primary-badge="1"] .filepond--list .filepond--item[data-kaas-first="1"]::before {
    content: "Főkép";
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 5;
    background: #D9802C;
    color: #fff;
    padding: 0.25rem 0.6rem;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    pointer-events: none;
}

/* GLightbox dark theme finomhangolás */
.glightbox-clean .gslide-description {
    background: rgba(0, 0, 0, 0.75);
}