/* ==========================================================
   NERDIUM ARTICLE BUILDER
   IMAGE INTERACTIONS V6.5
========================================================== */


/* ==========================================================
   ADMIN / PROPERTIES
========================================================== */

.ab-v65-image-action-card {
    margin-top:
        14px;
}


.ab-v65-image-check {
    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    margin:
        8px 0 12px;

    color:
        rgba(255,255,255,.72);

    font-size:
        .74rem;

    cursor:
        pointer;
}


.ab-v65-image-check input {
    width:
        auto;

    margin:
        0;
}


/* ==========================================================
   PUBLIC
========================================================== */

.nerdium-builder-public
.nbp-image-action {
    display:
        block;

    width:
        100%;

    max-width:
        100%;

    color:
        inherit;

    text-decoration:
        none;
}


.nerdium-builder-public
button.nbp-image-action {
    font:
        inherit;

    text-align:
        inherit;
}


.nerdium-builder-public
.nbp-image-action-lightbox {
    appearance:
        none;

    padding:
        0;

    border:
        0;

    background:
        transparent;

    cursor:
        zoom-in;
}


.nerdium-builder-public
.nbp-image-action-link {
    cursor:
        pointer;
}


.nerdium-builder-public
.nbp-image-action img {
    display:
        block;
}


/*
 * Gallery:
 * a meglévő .nbp-gallery-button vizuális
 * rendszert megtartjuk link / none esetén is.
 */

.nerdium-builder-public
.nbp-gallery-button[data-image-action="none"] {
    cursor:
        default;
}


.nerdium-builder-public
.nbp-gallery-button[data-image-action="link"] {
    cursor:
        pointer;

    text-decoration:
        none;
}


/*
 * Image Grid wrapper kapja meg a teljes
 * kártyamédia méretét.
 */

.nerdium-builder-public
.nbp-image-grid
.nbp-image-action {
    height:
        100%;
}


/*
 * Link fókuszállapot:
 * billentyűzetes navigációnál látható,
 * egérrel nem zavaró.
 */

.nerdium-builder-public
.nbp-image-action-link:focus-visible,
.nerdium-builder-public
.nbp-image-action-lightbox:focus-visible {
    outline:
        2px solid
        #d9b45b;

    outline-offset:
        3px;

    border-radius:
        10px;
}


/* ==========================================================
   NERDIUM_IMAGE_SIZE_V651

   A sima Kép blokk asztalon ne töltse ki
   automatikusan a teljes cikkoszlopot.

   Normal: max 860px
   Wide:   max 960px
   Full:   max 1080px

   Mobil: 100%
========================================================== */

.nerdium-builder-public
.nbp-block[data-width="normal"]
.nbp-image,

.nerdium-builder-public
.nbp-block:not([data-width])
.nbp-image {
    width:
        min(
            86%,
            860px
        );

    max-width:
        860px;

    margin:
        1.5rem auto;
}


.nerdium-builder-public
.nbp-block[data-width="wide"]
.nbp-image {
    width:
        min(
            90%,
            960px
        );

    max-width:
        960px;

    margin:
        1.5rem auto;
}


.nerdium-builder-public
.nbp-block[data-width="full"]
.nbp-image {
    width:
        min(
            92%,
            1080px
        );

    max-width:
        1080px;

    margin:
        1.5rem auto;
}


/*
 * A kattintható wrapper a már
 * lekorlátozott figure méretét vegye fel.
 */

.nerdium-builder-public
.nbp-image
.nbp-image-action {
    width:
        100%;

    max-width:
        100%;
}


.nerdium-builder-public
.nbp-image
.nbp-image-action img {
    width:
        100%;

    height:
        auto;
}


/*
 * Lightboxos képnél egyértelmű kurzor.
 */

.nerdium-builder-public
.nbp-image
.nbp-image-action[data-image-action="lightbox"] {
    cursor:
        zoom-in;
}


/*
 * Linkelt képnél pointer.
 */

.nerdium-builder-public
.nbp-image
.nbp-image-action[data-image-action="link"] {
    cursor:
        pointer;
}


@media (max-width: 720px) {

    .nerdium-builder-public
    .nbp-block[data-width="normal"]
    .nbp-image,

    .nerdium-builder-public
    .nbp-block[data-width="wide"]
    .nbp-image,

    .nerdium-builder-public
    .nbp-block[data-width="full"]
    .nbp-image,

    .nerdium-builder-public
    .nbp-block:not([data-width])
    .nbp-image {
        width:
            100%;

        max-width:
            none;

        margin:
            1.1rem 0;
    }

}