/* OnHosty Visual Landing Builder shared frontend styles */
.ohvlb-rendered-page,
.ohvlb-rendered-page * { box-sizing: border-box; }

.ohvlb-rendered-page { position: relative; overflow: hidden; }
.ohvlb-rendered-page img { max-width: 100%; height: auto; }
.ohvlb-rendered-page .ohvlb-custom-wrap { width: min(92%, var(--ohvlb-content-width, 1320px)); margin-inline: auto; }

/* Custom builder sections */
.ohvlb-custom-section { position: relative; padding: var(--ohvlb-section-spacing, 92px) 0; background: #fff; color: #111827; }
.ohvlb-custom-kicker,
.ohvlb-custom-heading > span,
.ohvlb-custom-cta span,
.ohvlb-custom-media span { display: inline-flex; margin-bottom: 14px; color: var(--ohvlb-accent, #ff650d); font-size: .74rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.ohvlb-custom-hero { min-height: 720px; display: flex; align-items: center; background: radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--ohvlb-secondary, #6d4aff) 38%, transparent), transparent 30%), #0b1220; color: #fff; }
.ohvlb-custom-hero-copy { max-width: 860px; }
.ohvlb-custom-hero h1 { margin: 0; color: #fff; font-size: clamp(3.4rem, 7vw, 7rem); line-height: .91; letter-spacing: -.065em; }
.ohvlb-custom-hero h1 span { display: block; margin-top: 10px; color: var(--ohvlb-accent, #ff650d); }
.ohvlb-custom-hero p { max-width: 760px; margin: 24px 0 0; color: #d6deeb; font-size: 1.18rem; line-height: 1.7; }
.ohvlb-custom-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 29px; }
.ohvlb-custom-button { border-radius: var(--ohvlb-button-radius, 4px); display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 24px; background: var(--ohvlb-accent, #ff650d); color: #fff !important; font-weight: 900; text-decoration: none; }
.ohvlb-custom-button-ghost { border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.08); }
.ohvlb-custom-heading { max-width: 800px; margin-bottom: 38px; }
.ohvlb-custom-heading h2,
.ohvlb-custom-richtext h2,
.ohvlb-custom-media h2,
.ohvlb-custom-cta h2 { margin: 0; font-size: clamp(2.35rem, 4.5vw, 4.6rem); line-height: 1; letter-spacing: -.055em; }
.ohvlb-custom-card-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.ohvlb-custom-card-grid article { border-radius: var(--ohvlb-card-radius, 6px); min-height: 280px; padding: 26px; border: 1px solid #dce4ef; background: #fff; box-shadow: 0 18px 50px rgba(15,23,42,.08); }
.ohvlb-custom-card-grid article b { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 22px; background: var(--ohvlb-accent, #ff650d); color: #fff; }
.ohvlb-custom-card-grid article small { color: #6b7280; font-size: .68rem; font-weight: 900; letter-spacing: .12em; }
.ohvlb-custom-card-grid article h3 { margin: 9px 0 0; font-size: 1.45rem; line-height: 1.15; }
.ohvlb-custom-card-grid article p { color: #556176; line-height: 1.62; }
.ohvlb-custom-richtext .ohvlb-custom-wrap { max-width: 920px; }
.ohvlb-custom-richtext p,
.ohvlb-custom-richtext li { color: #536176; font-size: 1.05rem; line-height: 1.8; }
.ohvlb-custom-media { min-height: 600px; display: flex; align-items: end; background: #111217; color: #fff; isolation: isolate; }
.ohvlb-custom-media-overlay { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.18)); }
.ohvlb-custom-media .ohvlb-custom-wrap { padding-bottom: 18px; }
.ohvlb-custom-media h2 { max-width: 850px; color: #fff; }
.ohvlb-custom-media p { max-width: 680px; color: #d5d9e0; font-size: 1.05rem; line-height: 1.7; }
.ohvlb-custom-cta { background: var(--ohvlb-secondary, #6d4aff); color: #fff; }
.ohvlb-custom-cta-inner { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 42px; align-items: center; }
.ohvlb-custom-cta h2 { max-width: 850px; color: #fff; }
.ohvlb-custom-cta p { max-width: 720px; color: rgba(255,255,255,.82); line-height: 1.65; }
.ohvlb-custom-slider { background: #f4f6fa; }
.ohvlb-custom-spacer { min-height: 1px; }

/* Entrance animations */
.ohvlb-animate { opacity: 0; transition: opacity .75s ease var(--ohvlb-delay,0ms), transform .75s cubic-bezier(.2,.8,.2,1) var(--ohvlb-delay,0ms); }
.ohvlb-animate.ohvlb-in-view { opacity: 1; transform: none; }
.ohvlb-anim-fade-up { transform: translateY(44px); }
.ohvlb-anim-fade-in { transform: none; }
.ohvlb-anim-slide-left { transform: translateX(-54px); }
.ohvlb-anim-slide-right { transform: translateX(54px); }
.ohvlb-anim-zoom-in { transform: scale(.94); }
.ohvlb-anim-bounce-in { transform: translateY(50px) scale(.94); }

/* Container effects */
.ohvlb-effect-shadow { box-shadow: 0 28px 80px rgba(15,23,42,.2); z-index: 2; }
.ohvlb-effect-glow { box-shadow: 0 0 80px color-mix(in srgb, var(--ohvlb-accent, #ff650d) 45%, transparent); z-index: 2; }
.ohvlb-effect-float { animation: ohvlbFloat 5s ease-in-out infinite; z-index: 2; }
.ohvlb-effect-glass { background-color: rgba(255,255,255,.12) !important; backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,.22); z-index: 2; }
.ohvlb-effect-tilt { transform: rotate(-1deg); z-index: 2; }
@keyframes ohvlbFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }

/* Builder preview editing helpers */
.ohvlb-preview-page .ohvlb-builder-section { outline: 2px solid transparent; outline-offset: -2px; transition: outline-color .15s ease; }
.ohvlb-preview-page .ohvlb-builder-section:hover { outline-color: rgba(37,99,235,.5); cursor: pointer; }
.ohvlb-preview-page .ohvlb-builder-section.ohvlb-live-selected { outline: 3px solid #2563eb; outline-offset: -3px; }
.ohvlb-preview-page [contenteditable="true"] { cursor: text; }
.ohvlb-preview-page [contenteditable="true"]:focus { outline: 2px dashed #ff650d; outline-offset: 3px; }

@media (max-width: 900px) {
  .ohvlb-custom-card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .ohvlb-custom-cta-inner { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .ohvlb-custom-section { padding: 72px 0; }
  .ohvlb-custom-hero { min-height: 620px; }
  .ohvlb-custom-card-grid { grid-template-columns: 1fr; }
  .ohvlb-custom-actions { display: grid; }
  .ohvlb-custom-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .ohvlb-animate { opacity: 1 !important; transform: none !important; transition: none !important; }
  .ohvlb-effect-float { animation: none !important; }
}

/* Element-level effects selected in the visual editor */
.ohvlb-el-float { animation: ohvlbElementFloat 4.8s ease-in-out infinite; }
.ohvlb-el-pulse { animation: ohvlbElementPulse 2.2s ease-in-out infinite; }
.ohvlb-el-glow { filter: drop-shadow(0 0 18px color-mix(in srgb, var(--ohvlb-accent, #ff650d) 65%, transparent)); }
.ohvlb-el-zoom { transition: transform .28s ease; }
.ohvlb-el-zoom:hover { transform: scale(1.055); }
.ohvlb-el-lift { transition: transform .25s ease, filter .25s ease; }
.ohvlb-el-lift:hover { transform: translateY(-8px); filter: drop-shadow(0 16px 20px rgba(0,0,0,.18)); }
.ohvlb-el-underline { position: relative; display: inline-block; }
.ohvlb-el-underline::after { content: ''; position: absolute; right: 0; bottom: -.12em; left: 0; height: .11em; background: var(--ohvlb-accent, #ff650d); transform: scaleX(.2); transform-origin: left; transition: transform .3s ease; }
.ohvlb-el-underline:hover::after { transform: scaleX(1); }
@keyframes ohvlbElementFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes ohvlbElementPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.035)} }
@media (prefers-reduced-motion: reduce) {
  .ohvlb-el-float,.ohvlb-el-pulse { animation:none !important; }
}


/* Global builder variables applied to common elements */
.ohvlb-rendered-page a[class*="btn"],
.ohvlb-rendered-page a[class*="button"],
.ohvlb-rendered-page button {
  border-radius: var(--ohvlb-button-radius, 4px);
}
.ohvlb-rendered-page article,
.ohvlb-rendered-page [class*="card"] {
  --ohvlb-local-card-radius: var(--ohvlb-card-radius, 6px);
}

/* Section overlays */
.ohvlb-has-overlay {
  position: relative;
  isolation: isolate;
}
.ohvlb-has-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--ohvlb-overlay-color, #000);
  opacity: var(--ohvlb-overlay-opacity, 0);
  pointer-events: none;
}
.ohvlb-has-overlay > * {
  position: relative;
  z-index: 1;
}

/* Responsive visibility */
@media (min-width: 1025px) {
  .ohvlb-hide-desktop { display: none !important; }
}
@media (min-width: 621px) and (max-width: 1024px) {
  .ohvlb-hide-tablet { display: none !important; }
}
@media (max-width: 620px) {
  .ohvlb-hide-mobile { display: none !important; }
}

/* Trust bar */
.ohvlb-custom-trustbar {
  background: #0b1220;
  color: #fff;
}
.ohvlb-custom-trustbar .ohvlb-custom-wrap {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 1px;
  background: rgba(255,255,255,.14);
}
.ohvlb-custom-trustbar .ohvlb-custom-wrap > div {
  padding: 22px;
  background: #0b1220;
}
.ohvlb-custom-trustbar strong,
.ohvlb-custom-trustbar small { display: block; }
.ohvlb-custom-trustbar small {
  margin-top: 5px;
  color: #9eabc0;
}

/* Stats */
.ohvlb-custom-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
}
.ohvlb-custom-stat-grid article {
  min-height: 220px;
  padding: 26px;
  border-top: 4px solid var(--ohvlb-accent, #ff650d);
  background: #fff;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
}
.ohvlb-custom-stat-grid article > strong {
  color: var(--ohvlb-accent, #ff650d);
  font-size: .75rem;
  letter-spacing: .12em;
}
.ohvlb-custom-stat-grid h3 {
  margin: 42px 0 0;
  font-size: 1.65rem;
}
.ohvlb-custom-stat-grid p {
  color: #5a6678;
  line-height: 1.6;
}

/* Testimonials */
.ohvlb-custom-testimonials { background: #f5f7fb; }
.ohvlb-custom-testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}
.ohvlb-custom-testimonial-grid blockquote {
  margin: 0;
  padding: 28px;
  border: 1px solid #dce4ef;
  border-radius: var(--ohvlb-card-radius, 6px);
  background: #fff;
  box-shadow: 0 16px 45px rgba(15,23,42,.07);
}
.ohvlb-custom-testimonial-grid blockquote > p {
  color: #263246;
  font-size: 1.08rem;
  line-height: 1.7;
}
.ohvlb-custom-testimonial-grid footer {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid #e4e8ef;
}
.ohvlb-custom-testimonial-grid footer strong,
.ohvlb-custom-testimonial-grid footer small { display: block; }
.ohvlb-custom-testimonial-grid footer small {
  margin-top: 4px;
  color: #758095;
}

/* Pricing */
.ohvlb-custom-pricing { background: #f5f7fb; }
.ohvlb-custom-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
  align-items: stretch;
}
.ohvlb-custom-pricing-grid article {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 30px;
  border: 1px solid #dce4ef;
  border-radius: var(--ohvlb-card-radius, 6px);
  background: #fff;
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
}
.ohvlb-custom-pricing-grid article.is-featured {
  border: 2px solid var(--ohvlb-accent, #ff650d);
  transform: translateY(-10px);
}
.ohvlb-custom-pricing-grid article > span {
  position: absolute;
  top: 18px;
  right: 18px;
  padding: 7px 9px;
  background: var(--ohvlb-accent, #ff650d);
  color: #fff;
  font-size: .62rem;
  font-weight: 900;
}
.ohvlb-custom-pricing-grid article > small {
  color: #738095;
  font-weight: 900;
  letter-spacing: .12em;
}
.ohvlb-custom-pricing-grid h3 {
  margin: 18px 0 0;
  font-size: 1.75rem;
}
.ohvlb-price {
  color: var(--ohvlb-accent, #ff650d);
  font-size: 1.4rem;
  font-weight: 900;
}
.ohvlb-custom-pricing-grid ul {
  display: grid;
  gap: 10px;
  margin: 20px 0 28px;
  padding-left: 19px;
  color: #536176;
}
.ohvlb-custom-pricing-grid .ohvlb-custom-button {
  margin-top: auto;
}

/* FAQ */
.ohvlb-custom-faq .ohvlb-custom-wrap { max-width: 980px; }
.ohvlb-custom-faq details {
  margin-top: 12px;
  border: 1px solid #dce4ef;
  border-radius: var(--ohvlb-card-radius, 6px);
  background: #fff;
}
.ohvlb-custom-faq summary {
  padding: 20px 22px;
  color: #152033;
  font-weight: 900;
  cursor: pointer;
}
.ohvlb-custom-faq details p {
  margin: 0;
  padding: 0 22px 22px;
  color: #566277;
  line-height: 1.7;
}

/* Logos */
.ohvlb-custom-logos {
  border-top: 1px solid #e1e6ee;
  border-bottom: 1px solid #e1e6ee;
  background: #fff;
}
.ohvlb-custom-logos .ohvlb-custom-wrap > span {
  display: block;
  margin-bottom: 20px;
  color: #758095;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-align: center;
}
.ohvlb-custom-logo-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 15px;
}
.ohvlb-custom-logo-grid strong {
  display: grid;
  place-items: center;
  min-height: 74px;
  border: 1px solid #e1e6ee;
  color: #334155;
  letter-spacing: .06em;
}

/* Split media */
.ohvlb-custom-splitmedia .ohvlb-custom-wrap {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(360px, .85fr);
  gap: 50px;
  align-items: center;
}
.ohvlb-custom-split-copy > span {
  color: var(--ohvlb-accent, #ff650d);
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .13em;
}
.ohvlb-custom-split-copy h2 {
  margin: 13px 0 0;
  font-size: clamp(2.4rem, 4.7vw, 4.8rem);
  line-height: 1;
  letter-spacing: -.055em;
}
.ohvlb-custom-split-copy p {
  color: #536176;
  font-size: 1.04rem;
  line-height: 1.75;
}
.ohvlb-custom-split-copy .ohvlb-custom-button { margin-top: 14px; }
.ohvlb-custom-splitmedia figure {
  min-height: 440px;
  margin: 0;
  overflow: hidden;
  border-radius: var(--ohvlb-card-radius, 6px);
  background: linear-gradient(135deg, #111827, var(--ohvlb-secondary, #6d4aff));
  box-shadow: 0 24px 65px rgba(15,23,42,.18);
}
.ohvlb-custom-splitmedia figure img {
  width: 100%;
  height: 100%;
  min-height: 440px;
  object-fit: cover;
}

/* Countdown */
.ohvlb-custom-countdown {
  background: #0b1220;
  color: #fff;
}
.ohvlb-custom-countdown .ohvlb-custom-wrap {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 45px;
  align-items: center;
}
.ohvlb-custom-countdown span {
  color: var(--ohvlb-accent, #ff650d);
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .13em;
}
.ohvlb-custom-countdown h2 {
  max-width: 780px;
  margin: 12px 0 0;
  color: #fff;
  font-size: clamp(2.1rem, 3.8vw, 3.8rem);
  line-height: 1;
}
.ohvlb-countdown-display {
  display: grid;
  grid-template-columns: repeat(4, 96px);
  gap: 8px;
}
.ohvlb-countdown-display > strong {
  display: grid;
  place-items: center;
  min-height: 105px;
  border-top: 4px solid var(--ohvlb-accent, #ff650d);
  background: #fff;
  color: #111827;
  font-size: 1.7rem;
}
.ohvlb-countdown-display small {
  display: block;
  color: #6b7280;
  font-size: .58rem;
  letter-spacing: .1em;
}

@media (max-width: 920px) {
  .ohvlb-custom-trustbar .ohvlb-custom-wrap,
  .ohvlb-custom-stat-grid,
  .ohvlb-custom-logo-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .ohvlb-custom-testimonial-grid,
  .ohvlb-custom-pricing-grid,
  .ohvlb-custom-splitmedia .ohvlb-custom-wrap,
  .ohvlb-custom-countdown .ohvlb-custom-wrap { grid-template-columns: 1fr; }
  .ohvlb-custom-pricing-grid article.is-featured { transform: none; }
}
@media (max-width: 620px) {
  .ohvlb-custom-trustbar .ohvlb-custom-wrap,
  .ohvlb-custom-stat-grid,
  .ohvlb-custom-logo-grid { grid-template-columns: 1fr; }
  .ohvlb-countdown-display { grid-template-columns: repeat(2, minmax(0,1fr)); }
}


/* v1.2 live visual editor controls */
.ohvlb-preview-page .ohvlb-builder-section { position: relative; }
.ohvlb-preview-page .ohvlb-live-section-tools {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2147482000;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px;
  border-radius: 7px;
  background: #151820;
  color: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.26);
  font-family: Arial, sans-serif;
  pointer-events: auto;
}
.ohvlb-preview-page .ohvlb-live-section-name {
  padding: 0 6px;
  color: #cbd5e1;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .1em;
}
.ohvlb-preview-page .ohvlb-live-section-drag,
.ohvlb-preview-page .ohvlb-live-element-tools button {
  min-height: 28px;
  padding: 0 9px;
  border: 0;
  border-radius: 4px;
  background: #2563eb;
  color: #fff;
  font: 900 10px/1 Arial,sans-serif;
  cursor: grab;
}
.ohvlb-preview-page .ohvlb-live-section-drag:active,
.ohvlb-preview-page .ohvlb-live-element-tools button:active { cursor: grabbing; }
.ohvlb-preview-page .ohvlb-live-dragging { opacity: .48; }
.ohvlb-preview-page .ohvlb-live-drop-before::after,
.ohvlb-preview-page .ohvlb-live-drop-after::after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  z-index: 2147481999;
  height: 6px;
  background: #ff650d;
  box-shadow: 0 0 0 2px #fff, 0 0 22px rgba(255,101,13,.8);
}
.ohvlb-preview-page .ohvlb-live-drop-before::after { top: 0; }
.ohvlb-preview-page .ohvlb-live-drop-after::after { bottom: 0; }
.ohvlb-preview-page .ohvlb-live-element-selected {
  outline: 2px dashed #ff650d !important;
  outline-offset: 3px;
}
.ohvlb-preview-page .ohvlb-live-element-tools {
  position: fixed;
  z-index: 2147483000;
  display: flex;
  gap: 5px;
  padding: 5px;
  border-radius: 7px;
  background: #151820;
  box-shadow: 0 8px 24px rgba(0,0,0,.3);
  font-family: Arial,sans-serif;
}
.ohvlb-preview-page .ohvlb-live-element-tools[hidden] { display: none; }
.ohvlb-preview-page .ohvlb-live-element-tools .ohvlb-live-clear-position {
  background: #596273;
  cursor: pointer;
}
.ohvlb-preview-page [data-ohvlb-x],
.ohvlb-preview-page [data-ohvlb-y],
.ohvlb-preview-page [data-ohvlb-rotation] {
  position: relative;
}


/* v1.3 freeform element positioning */
.ohvlb-rendered-page [data-ohvlb-freeform="1"] {
  position: relative;
  transform-origin: center center;
}
.ohvlb-preview-page.ohvlb-freeform-mode,
.ohvlb-preview-page .ohvlb-freeform-mode {
  user-select: none;
}
html.ohvlb-freeform-mode body {
  cursor: default;
}
html.ohvlb-freeform-mode .ohvlb-preview-page [data-ohvlb-section-id] {
  overflow: visible !important;
}
html.ohvlb-freeform-mode .ohvlb-preview-page [data-ohvlb-element-index] {
  cursor: move !important;
}
html.ohvlb-freeform-mode .ohvlb-preview-page [contenteditable="false"] {
  cursor: move !important;
}
.ohvlb-preview-page .ohvlb-live-element-tools {
  flex-wrap: wrap;
  max-width: min(94vw,520px);
}
.ohvlb-preview-page .ohvlb-live-element-tools.is-freeform {
  box-shadow: 0 0 0 2px #7a18ff, 0 10px 28px rgba(0,0,0,.34);
}
.ohvlb-preview-page .ohvlb-live-element-tools .ohvlb-live-size-handle {
  background: #0f9f7f;
}
.ohvlb-preview-page .ohvlb-live-element-tools .ohvlb-live-rotate-handle {
  background: #7a18ff;
}
.ohvlb-preview-page .ohvlb-live-element-tools .ohvlb-live-parent,
.ohvlb-preview-page .ohvlb-live-element-tools .ohvlb-live-front {
  background: #384152;
  cursor: pointer;
}
.ohvlb-preview-page .ohvlb-freeform-notice {
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 2147483640;
  display: grid;
  gap: 4px;
  max-width: 330px;
  padding: 11px 13px;
  border-left: 4px solid #ff650d;
  background: #151820;
  color: #fff;
  box-shadow: 0 12px 34px rgba(0,0,0,.35);
  font-family: Arial,sans-serif;
  pointer-events: none;
}
.ohvlb-preview-page .ohvlb-freeform-notice strong {
  color: #ff9a5f;
  font-size: 10px;
  letter-spacing: .12em;
}
.ohvlb-preview-page .ohvlb-freeform-notice span {
  color: #d5d9e0;
  font-size: 11px;
  line-height: 1.4;
}


/* v1.4 element add/remove controls */
.ohvlb-preview-page .ohvlb-live-element-tools .ohvlb-live-duplicate { background:#0f766e; cursor:pointer; }
.ohvlb-preview-page .ohvlb-live-element-tools .ohvlb-live-delete { background:#c62828; cursor:pointer; }
.ohvlb-rendered-page .ohvlb-added-button { cursor:pointer; }
.ohvlb-rendered-page .ohvlb-added-box { box-sizing:border-box; }


/* Shortcode element support */
.ohvlb-shortcode-element {
  position: relative;
  display: block;
  width: 100%;
  min-height: 44px;
}
.ohvlb-shortcode-preview-output {
  position: relative;
  z-index: 1;
}
.ohvlb-shortcode-preview-label {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 10px;
  padding: 8px 10px;
  border: 1px dashed rgba(37, 99, 235, .45);
  background: rgba(239, 246, 255, .96);
  color: #1e3a8a;
  font: 600 11px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  pointer-events: none;
}
.ohvlb-shortcode-preview-label strong {
  color: #2563eb;
  font-size: 10px;
  letter-spacing: .08em;
}
.ohvlb-shortcode-preview-label code {
  overflow: hidden;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ohvlb-shortcode-warning {
  padding: 14px 16px;
  border: 1px solid #f59e0b;
  background: #fffbeb;
  color: #92400e;
  font: 700 13px/1.5 ui-sans-serif, system-ui, sans-serif;
}