/* WP Visual Builder — Frontend Styles */
.wpvb-page { width: 100%; }
.wpvb-section { width: 100%; box-sizing: border-box; }
.wpvb-section-inner { display: flex; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; }
.wpvb-column { box-sizing: border-box; padding: 0 15px; }

.wpvb-btn {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  font-size: 15px;
  transition: opacity .2s, transform .15s;
  cursor: pointer;
}
.wpvb-btn:hover { opacity: .9; transform: translateY(-1px); }

.wpvb-video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 6px;
}
.wpvb-video-wrap iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border: 0;
}

.wpvb-testimonial {
  border-left: 4px solid #6366f1;
  padding: 16px 20px;
  margin: 0;
  background: #f8f9ff;
  border-radius: 0 8px 8px 0;
}
.wpvb-testimonial p { font-size: 15px; color: #374151; line-height: 1.7; margin: 0 0 8px; }
.wpvb-testimonial cite { font-size: 13px; color: #6b7280; font-style: normal; font-weight: 600; }

.wpvb-widget { box-sizing: border-box; }
.wpvb-text img { max-width: 100%; height: auto; }
.wpvb-text p { margin: 0 0 1em; }
.wpvb-text p:last-child { margin-bottom: 0; }

@media (max-width: 768px) {
  .wpvb-section-inner { flex-direction: column; }
  .wpvb-column { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
}

/* ── Admin bar offset: if WP admin bar is also visible, stack correctly ── */
body.admin-bar #sitepaper-edit-bar { bottom: 0; }
body.admin-bar #sitepaper-tab { bottom: 0; }

/* ── Make sure Sitepaper bar doesn't overlap WP toolbar ── */
#sitepaper-edit-bar { z-index: 99990; }
#wpadminbar { z-index: 99999 !important; }
