/* NovaBuilder 5.4: separate rebuilt blocks, large exact previews and editable blank section. */
@media (max-width:600px) {
  .np-mobile-repaired53 .nb-element,
  .nb-app.nb-mobile .np-mobile-repaired53 .nb-element {
    box-sizing:border-box;
  }
  .np-mobile-repaired53 .np-mobile-type-large53,
  .nb-app.nb-mobile .np-mobile-repaired53 .np-mobile-type-large53 {
    max-width:100%;
    font-size:clamp(38px,11vw,50px)!important;
    line-height:1.02!important;
    overflow-wrap:anywhere;
  }
  .np-mobile-repaired53 .np-mobile-type-medium53,
  .nb-app.nb-mobile .np-mobile-repaired53 .np-mobile-type-medium53 {
    max-width:100%;
    font-size:clamp(22px,7vw,29px)!important;
    line-height:1.15!important;
    overflow-wrap:anywhere;
  }
  .np-mobile-repaired53 p,
  .np-mobile-repaired53 blockquote,
  .np-mobile-repaired53 a,
  .np-mobile-repaired53 span,
  .nb-app.nb-mobile .np-mobile-repaired53 p,
  .nb-app.nb-mobile .np-mobile-repaired53 blockquote {
    max-width:100%;
    overflow-wrap:anywhere;
  }
  .np-mobile-repaired53 [style*="columns:2"],
  .nb-app.nb-mobile .np-mobile-repaired53 [style*="columns:2"] {
    columns:1!important;
  }
  .np-mobile-repaired53 [style*="writing-mode"],
  .nb-app.nb-mobile .np-mobile-repaired53 [style*="writing-mode"] {
    writing-mode:horizontal-tb!important;
  }
  .np-mobile-repaired53 form,
  .np-mobile-repaired53 input,
  .np-mobile-repaired53 select,
  .np-mobile-repaired53 textarea,
  .np-mobile-repaired53 button {
    max-width:100%;
    box-sizing:border-box;
  }
}

/* Az admin mobilnézet keskeny vászon egy széles böngészőablakban. */
.nb-app.nb-mobile .np-mobile-repaired53 .nb-element,
.np-preview-window.np-preview-m .np-mobile-repaired53 .nb-element {
  box-sizing:border-box;
}
.nb-app.nb-mobile .np-mobile-repaired53 .np-mobile-type-large53,
.np-preview-window.np-preview-m .np-mobile-repaired53 .np-mobile-type-large53 {
  max-width:100%;
  font-size:44px!important;
  line-height:1.02!important;
  overflow-wrap:anywhere;
}
.nb-app.nb-mobile .np-mobile-repaired53 .np-mobile-type-medium53,
.np-preview-window.np-preview-m .np-mobile-repaired53 .np-mobile-type-medium53 {
  max-width:100%;
  font-size:27px!important;
  line-height:1.15!important;
  overflow-wrap:anywhere;
}
.nb-app.nb-mobile .np-mobile-repaired53 p,
.nb-app.nb-mobile .np-mobile-repaired53 blockquote,
.nb-app.nb-mobile .np-mobile-repaired53 a,
.nb-app.nb-mobile .np-mobile-repaired53 span,
.np-preview-window.np-preview-m .np-mobile-repaired53 p,
.np-preview-window.np-preview-m .np-mobile-repaired53 blockquote,
.np-preview-window.np-preview-m .np-mobile-repaired53 a,
.np-preview-window.np-preview-m .np-mobile-repaired53 span {
  max-width:100%;
  overflow-wrap:anywhere;
}
.nb-app.nb-mobile .np-mobile-repaired53 [style*="columns:2"],
.np-preview-window.np-preview-m .np-mobile-repaired53 [style*="columns:2"] { columns:1!important; }
.nb-app.nb-mobile .np-mobile-repaired53 [style*="writing-mode"],
.np-preview-window.np-preview-m .np-mobile-repaired53 [style*="writing-mode"] { writing-mode:horizontal-tb!important; }
.nb-app.nb-mobile .np-mobile-repaired53 form,
.nb-app.nb-mobile .np-mobile-repaired53 input,
.nb-app.nb-mobile .np-mobile-repaired53 select,
.nb-app.nb-mobile .np-mobile-repaired53 textarea,
.nb-app.nb-mobile .np-mobile-repaired53 button,
.np-preview-window.np-preview-m .np-mobile-repaired53 form,
.np-preview-window.np-preview-m .np-mobile-repaired53 input,
.np-preview-window.np-preview-m .np-mobile-repaired53 select,
.np-preview-window.np-preview-m .np-mobile-repaired53 textarea,
.np-preview-window.np-preview-m .np-mobile-repaired53 button {
  max-width:100%;
  box-sizing:border-box;
}

.np-live-thumb53 {
  position:relative;
  width:100%;
  height:300px;
  overflow:hidden;
  border-radius:15px;
  background:#e8eaf0;
  pointer-events:none;
  isolation:isolate;
}
.np-live-stage53 {
  position:absolute;
  left:50%;
  top:50%;
  width:1200px;
  height:var(--np-stage-height,760px);
  transform:translate(-50%,-50%);
  transform-origin:center;
}
.np-live-stage53 > .nb-section {
  width:1200px!important;
  min-width:1200px!important;
  max-width:none!important;
  margin:0!important;
  box-shadow:none!important;
  transform:scale(var(--np-thumb-scale,.28))!important;
  transform-origin:center center!important;
}
.np-live-stage53 .nb-container,
.np-live-stage53 .nb-grid,
.np-live-stage53 .nb-column {
  width:1200px!important;
  min-width:1200px!important;
  max-width:none!important;
}
.np-live-stage53 .nb-section-actions,
.np-live-stage53 .np-label,
.np-live-stage53 .np-handle,
.np-live-stage53 .np-section-resize521,
.np-live-stage53 .nb-handle,
.np-live-stage53 .fc-resize {
  display:none!important;
}
.np-live-stage53 [contenteditable] { outline:0!important; }
.np-live-stage53 .np-media-placeholder > b,
.np-live-stage53 .np-media-placeholder > small,
.np-live-stage53 [data-nbs-image] > b,
.np-live-stage53 [data-nbs-image] > small {
  opacity:0!important;
}
.np-live-stage53 [data-nbs-image] {
  background-image:
    linear-gradient(145deg,rgba(8,15,31,.08),rgba(8,15,31,.5)),
    radial-gradient(circle at 68% 27%,rgba(255,255,255,.8) 0 7%,transparent 8%),
    linear-gradient(135deg,var(--ta,#6d5dfc),var(--tb,#2dd4bf))!important;
}
.np-live-stage53 .np-grid-cell-empty {
  display:block!important;
  opacity:1!important;
}
.np-libpager53 {
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 0 26px;
}
.np-libpager53 button {
  min-width:42px;
  height:38px;
  border:1px solid #d4d7e2;
  border-radius:10px;
  background:#fff;
  color:#252838;
  cursor:pointer;
}
.np-libpager53 button.active {
  background:#6d5dfc;
  border-color:#6d5dfc;
  color:#fff;
}
.np-libpager53 button:disabled { opacity:.35;cursor:default; }
.np-libpager53 span { color:#656b7d;font-size:13px; }

.np-template-live53 .np-template42-preview {
  min-height:300px;
  padding:0;
}
.np-template-live53 .np-template42-add { z-index:3; }
.np-layout53 .np-grid-cell { border-style:dashed; }
.np-layout53 .np-grid-cell-inner span { display:block; }

/* A blokknézetek nagyobbak: a tényleges kompozíció és a szöveg is felismerhető. */
.np-pro54 .np-library:not(.np-library-pages50) .np-templates {
  grid-template-columns:repeat(auto-fill,minmax(360px,1fr));
  max-width:1720px;
  gap:20px;
}

/* Az első, valóban üres szekció szerkesztői indítópontja. */
.np-blank53 { position:relative; }
.np-blank-drop54 {
  position:absolute;
  z-index:2;
  inset:55px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  box-sizing:border-box;
  border:2px dashed #6d5dfc88;
  border-radius:22px;
  background:linear-gradient(145deg,#ffffffcc,#eef0ffdd);
  color:#25233f;
  text-align:center;
}
.np-blank-drop54[hidden] { display:none!important; }
.np-blank-drop54>b { font:800 25px/1.1 Syne,sans-serif; }
.np-blank-drop54>span { color:#67647e;font:500 13px/1.4 Manrope,sans-serif; }
.np-blank-drop54>div { display:flex;flex-wrap:wrap;justify-content:center;gap:7px; }
.np-blank-drop54 button {
  padding:9px 12px;
  border:1px solid #c9c5f5;
  border-radius:9px;
  background:#fff;
  color:#423a8d;
  font:700 11px Manrope,sans-serif;
  cursor:pointer;
}
.np-blank-drop54 button:hover { border-color:#6d5dfc;background:#6d5dfc;color:#fff; }
.np-preview-window .np-blank-drop54,
.np-preview-canvas .np-blank-drop54,
.np-public-canvas .np-blank-drop54 { display:none!important; }

@media(max-width:760px) {
  .np-pro54 .np-library:not(.np-library-pages50) .np-templates { grid-template-columns:1fr; }
  .np-blank-drop54 { inset:35px 25px; }
}

/* NovaBuilder 5.5: kinyitható blokk-rétegfa. */
.np-pro55 .np-blocklist46 { max-height:430px; }
.np-pro55 .np-block46 { align-items:start; }
.np-block-toggle55 {
  display:grid;
  flex:0 0 17px;
  width:17px;
  height:17px;
  place-items:center;
  border:1px solid #424d66;
  border-radius:4px;
  color:#b9b2ff;
  font-size:10px;
}
.np-block46.is-expanded55 { border-color:#675de0;background:#22243a; }
.np-block-parts55 {
  grid-column:1/-1;
  display:grid;
  gap:4px;
  margin-top:3px;
  padding:6px 4px 3px 20px;
  border-top:1px solid #384158;
}
.np-block-part55 {
  display:grid;
  grid-template-columns:minmax(0,1fr) 24px 24px;
  align-items:center;
  gap:4px;
  min-width:0;
  padding:3px;
  border:1px solid transparent;
  border-radius:6px;
  background:#151a25;
}
.np-block-part55:hover,.np-block-part55.active { border-color:#7368f3;background:#302b52; }
.np-block-part-main55 {
  display:flex;
  min-width:0;
  align-items:center;
  gap:7px;
  padding:2px 3px;
  border:0;
  background:transparent;
  color:#edf2fb;
  text-align:left;
  cursor:pointer;
}
.np-block-part-main55>span:last-child { display:flex;min-width:0;flex-direction:column; }
.np-block-part-main55 b { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px; }
.np-block-part-main55 small { color:#8995aa;font-size:7px; }
.np-block-part-icon55 { display:grid;flex:0 0 20px;height:20px;place-items:center;border-radius:5px;background:#292f42;color:#bdb7ff;font-weight:800; }
.np-block-part55>button:not(.np-block-part-main55) { height:22px;padding:0;border:1px solid #424b61;border-radius:5px;background:#242b3a;color:#dce4f2;cursor:pointer; }
.np-block-part55>button:not(.np-block-part-main55):hover { border-color:#8e84ff;background:#3a3265; }
.np-block-part55>.np-block-part-delete55 { border-color:#783641!important;color:#fecdd3!important; }
.np-block-part55>.np-block-part-delete55:hover { background:#722f3b!important;color:#fff!important; }
.np-block-parts-empty55 { padding:8px;border:1px dashed #46516a;border-radius:6px;color:#9aa5b9;font-size:8px;line-height:1.45; }

/* Minden egyszerű szövegréteg a saját kijelölési keretében marad. */
.np-text-frame55 { min-width:0!important;box-sizing:border-box!important; }
.np-text-frame55 > :not(.np-label):not(.np-handle):not(.np-chrome52) { max-width:100%;box-sizing:border-box; }
.np-text-frame55 :is([data-np-text],[contenteditable],h1,h2,h3,h4,h5,h6,p,blockquote,li,a,.nb-button) {
  max-width:100%;
  box-sizing:border-box;
  overflow-wrap:anywhere;
  word-break:normal;
  white-space:normal;
}
.np-text-frame55[data-np-content-vertical55] { display:flex!important;flex-direction:column!important; }
.np-text-frame55[data-np-content-vertical55] > :not(.np-label):not(.np-handle):not(.np-chrome52) { width:100%; }
.np-text-frame55[data-np-content-vertical55="top"] { justify-content:flex-start!important; }
.np-text-frame55[data-np-content-vertical55="center"] { justify-content:center!important; }
.np-text-frame55[data-np-content-vertical55="bottom"] { justify-content:flex-end!important; }

/* A futószalagos márkasor feliratai minden nézetben a kártya közepén maradnak. */
.np-rebuilt54.np-brand50-1 .nb-element [contenteditable] {
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  font-size:clamp(24px,3.2vw,38px)!important;
  line-height:1.05!important;
  letter-spacing:.06em!important;
  text-align:center!important;
  overflow-wrap:anywhere;
}

/* A legfontosabb igazítások közvetlenül a jobb panel tetején látszanak. */
.np-align-card55 { position:sticky;z-index:5;top:0;border-color:#675de0!important;background:linear-gradient(145deg,#20233a,#171b28)!important;box-shadow:0 10px 30px #080a10aa; }
.np-align-card55 .np-title { color:#f1efff; }
.np-align-card55 .np-align-grid51 { margin-bottom:8px; }
.np-align-grid-four55 { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
.np-frame-actions55 { display:grid;gap:6px;margin-top:9px; }
.np-frame-actions55 button { min-height:32px;border:1px solid #5b58a4;border-radius:7px;background:#302c5a;color:#f4f2ff;font-size:10px;font-weight:700;cursor:pointer; }
.np-frame-actions55 button:hover { border-color:#9b92ff;background:#4a4285; }
.np-effect-card51 > .np-align-title51,
.np-effect-card51 > .np-align-grid51 { display:none!important; }

@media(max-width:600px) {
  .np-rebuilt54.np-brand50-1 .nb-element [contenteditable] { font-size:27px!important; }
}
