/* ==========================================================
   NERDIUM ARTICLE BUILDER RICH TEXT V6.4A
========================================================== */


/* ============================
   TOOLBAR
============================ */

.ab-rich-toolbar {
    position: fixed;
    z-index: 11000;

    display: flex;
    gap: 4px;

    transform: translateX(-50%);

    padding: 5px;

    border:
        1px solid
        rgba(215,177,92,.25);

    border-radius: 10px;

    background:
        rgba(11,14,18,.98);

    box-shadow:
        0 10px 30px
        rgba(0,0,0,.4);
}


.ab-rich-toolbar[hidden] {
    display: none !important;
}


.ab-rich-toolbar button {
    min-width: 34px;
    height: 32px;

    padding: 0 7px;

    border:
        1px solid transparent;

    border-radius: 6px;

    color: #ddd7ca;

    background: transparent;

    font-size: 13px;

    cursor: pointer;
}


.ab-rich-toolbar button:hover {
    border-color:
        rgba(215,177,92,.28);

    color: #efd58f;

    background:
        rgba(215,177,92,.08);
}


/* ============================
   LINK PANEL
============================ */

.ab-rich-link-panel {
    position: fixed;
    z-index: 11010;

    display: grid;
    gap: 9px;

    width:
        min(
            330px,
            calc(100vw - 24px)
        );

    transform:
        translateX(-50%);

    padding: 13px;

    border:
        1px solid
        rgba(215,177,92,.24);

    border-radius: 12px;

    color: #eee7db;

    background:
        rgba(11,14,18,.99);

    box-shadow:
        0 14px 40px
        rgba(0,0,0,.42);
}


.ab-rich-link-panel[hidden] {
    display: none !important;
}


.ab-rich-link-panel strong {
    font-size: 12px;
}


.ab-rich-link-panel input[type="text"] {
    box-sizing: border-box;

    width: 100%;

    padding: 9px 10px;

    border:
        1px solid
        rgba(255,255,255,.12);

    border-radius: 7px;

    outline: none;

    color: #f4f0e8;

    background:
        rgba(255,255,255,.05);
}


.ab-rich-link-panel input[type="text"]:focus {
    border-color:
        rgba(215,177,92,.62);
}


.ab-rich-link-panel label {
    display: flex;
    gap: 7px;
    align-items: center;

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

    font-size: 11px;
}


.ab-rich-link-panel > div {
    display: flex;
    gap: 7px;
}


.ab-rich-link-panel button {
    padding: 8px 10px;

    border-radius: 7px;

    border:
        1px solid
        rgba(255,255,255,.12);

    color: #ddd5c6;

    background:
        #12181d;

    cursor: pointer;
}


.ab-rich-link-panel button:first-child {
    border-color:
        rgba(215,177,92,.45);

    color: #181208;

    background:
        #d7b15c;
}


/* ============================
   ADMIN TEXT FORMATTING
============================ */

.ab2-block[data-type="paragraph"]
.ab2-editable a {
    color: #d8b568;

    text-decoration:
        underline;

    text-decoration-thickness:
        1px;

    text-underline-offset:
        3px;

    cursor: pointer;
}


.ab2-block[data-text-size="small"]
.ab2-editable {
    font-size: .92rem;
}


.ab2-block[data-text-size="large"]
.ab2-editable {
    font-size: 1.12rem;
}


.ab2-block[data-text-size="lead"]
.ab2-editable {
    font-size: 1.24rem;
}


.ab2-block[data-text-align="center"]
.ab2-editable {
    text-align: center;
}


.ab2-block[data-line-height="compact"]
.ab2-editable {
    line-height: 1.45;
}


.ab2-block[data-line-height="normal"]
.ab2-editable {
    line-height: 1.7;
}


.ab2-block[data-line-height="relaxed"]
.ab2-editable {
    line-height: 1.95;
}


/* ============================
   PUBLIC TEXT FORMATTING
============================ */

.nerdium-builder-public
.nbp-block[data-text-size="small"]
.nbp-html,
.nerdium-builder-public
.nbp-block[data-text-size="small"]
.nbp-html p {
    font-size: .92rem;
}


.nerdium-builder-public
.nbp-block[data-text-size="large"]
.nbp-html,
.nerdium-builder-public
.nbp-block[data-text-size="large"]
.nbp-html p {
    font-size: 1.12rem;
}


.nerdium-builder-public
.nbp-block[data-text-size="lead"]
.nbp-html,
.nerdium-builder-public
.nbp-block[data-text-size="lead"]
.nbp-html p {
    font-size: 1.24rem;
}


.nerdium-builder-public
.nbp-block[data-text-align="center"]
.nbp-html,
.nerdium-builder-public
.nbp-block[data-text-align="center"]
.nbp-html p {
    text-align: center;
}


.nerdium-builder-public
.nbp-block[data-line-height="compact"]
.nbp-html,
.nerdium-builder-public
.nbp-block[data-line-height="compact"]
.nbp-html p {
    line-height: 1.45;
}


.nerdium-builder-public
.nbp-block[data-line-height="normal"]
.nbp-html,
.nerdium-builder-public
.nbp-block[data-line-height="normal"]
.nbp-html p {
    line-height: 1.7;
}


.nerdium-builder-public
.nbp-block[data-line-height="relaxed"]
.nbp-html,
.nerdium-builder-public
.nbp-block[data-line-height="relaxed"]
.nbp-html p {
    line-height: 1.95;
}


.nerdium-builder-public
.nbp-html a {
    color: #d8b568;

    text-decoration:
        underline;

    text-decoration-thickness:
        1px;

    text-underline-offset:
        3px;
}


@media (max-width: 700px) {

    .nerdium-builder-public
    .nbp-block[data-text-size="lead"]
    .nbp-html,
    .nerdium-builder-public
    .nbp-block[data-text-size="lead"]
    .nbp-html p {
        font-size: 1.16rem;
    }

}


/* ==========================================================
   NERDIUM EDITABLE TEXT SELECTION FIX V1

   Mentett piszkozat visszatöltése után is engedje
   a kurzort, kijelölést és szövegszerkesztést.
========================================================== */

#article-builder-canvas .ab2-editable {
    user-select: text !important;
    -webkit-user-select: text !important;
}



/* NERDIUM RICH TEXT EXTENSION V69 */
#article-builder-canvas
.ab2-block[data-type="highlight"]
.ab2-editable,
#article-builder-canvas
.ab2-block[data-type="quote"]
.ab2-editable {
    user-select: text !important;
    -webkit-user-select: text !important;
}