/* ======================================================================
   LAF POPOVER  --  laf_dialog_provider_styles.css'in EN ALTINA ekle.
   Renkler LAF palette token'larindan gelir.
   ====================================================================== */

/* Yerinde kalan sifir-yukseklikli isaretci */
.laf-popover-anchor {
    position: relative;
    width: 100%;
    height: 0;
}

/* Kokte (LAF_Dialog_Provider) render edilen gercek popover kutusu.
   Konum (left/top/position) ve gorunurluk JS tarafindan yazilir.
   z-index dialog'larin (1400+) ustunde.

   ONEMLI: visibility:hidden varsayilan -> popover JS konumlandirmasi
   bitene kadar GORUNMEZ. Boylece ilk acilista 0,0'da bir an gorunup
   sonra yerine sicrama olmaz. JS, place() sonunda visibility:visible yapar. */
.laf-popover {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    overflow: hidden;
    border-radius: 8px;
    visibility: hidden;
}

/* Paper="true" -> yuzey + golge */
.laf-popover-paper {
    background: var(--LAF-palette-surface);
    color: var(--LAF-palette-text);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
}

/* FlipOrCenter ile viewport'a ortalanan popover */
.laf-popover--centered {
    max-width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
    overflow: auto;
    animation: laf-popover-center-in .22s ease both;
}

@keyframes laf-popover-center-in {
    from {
        opacity: 0;
        transform: translate(-50%, calc(-50% + 24px));
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}