/* Public page builder output */

.pb-page {

  width: 100%;

  max-width: 100%;

  margin-left: auto;

  margin-right: auto;

}

.pb-section {

  width: 100%;

  box-sizing: border-box;

  margin-left: auto;

  margin-right: auto;

}

.pb-section-inner {

  box-sizing: border-box;

  margin-left: auto !important;

  margin-right: auto !important;

  width: 100%;

  padding-left: 15px;

  padding-right: 15px;

}

.pb-row { box-sizing: border-box; width: 100%; }

.pb-widget-wrap { min-width: 0; width: 100%; }

.pb-column { box-sizing: border-box; min-width: 0; }

.pb-text p:first-child { margin-top: 0; }

.pb-text p:last-child { margin-bottom: 0; }

.pb-icon-box { text-align: center; padding: 20px; }

.pb-icon-box-icon { font-size: 40px; margin-bottom: 12px; }

.pb-icon-box-title { margin: 0 0 8px; font-size: 18px; font-weight: 600; }

.pb-icon-box-text { color: var(--wd-text-color, #777); font-size: 14px; line-height: 1.6; }

.pb-button { transition: opacity .2s; }

.pb-button:hover { opacity: .9; }

.pb-home-blocks { width: 100%; }

/* Visibility — Elementor-style responsive hide */
@media (min-width: 1025px) {
  .pb-hide-desktop { display: none !important; }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .pb-hide-tablet { display: none !important; }
}
@media (max-width: 768px) {
  .pb-hide-mobile { display: none !important; }
}

.pb-bg-overlay { z-index: 0; }
.pb-section-inner { position: relative; z-index: 1; }

@media (min-width: 769px) {
  .pb-section[data-align-d="center"] .pb-section-inner { text-align: center; }
  .pb-section[data-align-d="center"] .pb-row { justify-content: center; }
  .pb-section[data-align-d="center"] .pb-column { display: flex; flex-direction: column; align-items: center; }
  .pb-section[data-align-d="center"] .pb-text,
  .pb-section[data-align-d="center"] .pb-heading,
  .pb-section[data-align-d="center"] .pb-icon-box { text-align: center; }
  .pb-section[data-align-d="center"] .pb-button { margin-left: auto; margin-right: auto; }

  .pb-section[data-align-d="right"] .pb-section-inner { text-align: right; }
  .pb-section[data-align-d="right"] .pb-row { justify-content: flex-end; }
  .pb-section[data-align-d="right"] .pb-column { display: flex; flex-direction: column; align-items: flex-end; }
  .pb-section[data-align-d="right"] .pb-text,
  .pb-section[data-align-d="right"] .pb-heading,
  .pb-section[data-align-d="right"] .pb-icon-box { text-align: right; }
  .pb-section[data-align-d="right"] .pb-button { margin-left: auto; margin-right: 0; }
}

/* Section content alignment — mobile (≤768px) */
@media (max-width: 768px) {
  .pb-section[data-align-m="center"] .pb-section-inner { text-align: center; }
  .pb-section[data-align-m="center"] .pb-row { justify-content: center; }
  .pb-section[data-align-m="center"] .pb-column { display: flex; flex-direction: column; align-items: center; }
  .pb-section[data-align-m="center"] .pb-text,
  .pb-section[data-align-m="center"] .pb-heading,
  .pb-section[data-align-m="center"] .pb-icon-box { text-align: center; }
  .pb-section[data-align-m="center"] .pb-button { margin-left: auto; margin-right: auto; }

  .pb-section[data-align-m="right"] .pb-section-inner { text-align: right; }
  .pb-section[data-align-m="right"] .pb-row { justify-content: flex-end; }
  .pb-section[data-align-m="right"] .pb-column { display: flex; flex-direction: column; align-items: flex-end; }
  .pb-section[data-align-m="right"] .pb-text,
  .pb-section[data-align-m="right"] .pb-heading,
  .pb-section[data-align-m="right"] .pb-icon-box { text-align: right; }
  .pb-section[data-align-m="right"] .pb-button { margin-left: auto; margin-right: 0; }
}

/* Builder mobile preview inside iframe */
body.builder-preview-mobile .pb-row { flex-direction: column !important; }
body.builder-preview-mobile .pb-column {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}



@media (max-width: 768px) {

  body:not(.builder-preview-mode) .pb-row { flex-direction: column !important; }

  body:not(.builder-preview-mode) .pb-column { flex: 0 0 100% !important; max-width: 100% !important; }

}



/* ── Header / footer chrome (live site + editors) ── */

.pb-chrome-header .pb-page-header,

.pb-chrome-header .pb-page { width: 100%; margin: 0; }



.pb-chrome-header .pb-chrome-sec-top {

  padding-top: 15px !important;

  padding-bottom: 15px !important;

  border-bottom: 1px solid var(--wd-border-color, #eee);

  background: var(--wd-header-bg, #fff) !important;

}

.pb-chrome-header .pb-chrome-sec-top .pb-section-inner {

  max-width: var(--wd-container-w, 1200px);

  padding-left: 15px;

  padding-right: 15px;

}

.pb-chrome-header .pb-chrome-sec-top .pb-row {

  flex-wrap: nowrap !important;

  margin: 0 !important;

  align-items: center !important;

}

.pb-chrome-header .pb-chrome-sec-top .pb-column:nth-child(1) {

  flex: 0 0 auto !important;

  max-width: none !important;

  width: auto !important;

}

.pb-chrome-header .pb-chrome-sec-top .pb-column:nth-child(2) {

  flex: 1 1 auto !important;

  max-width: none !important;

  width: auto !important;

  padding-left: 20px !important;

  padding-right: 20px !important;

}

.pb-chrome-header .pb-chrome-sec-top .pb-column:nth-child(3) {

  flex: 0 0 auto !important;

  max-width: none !important;

  width: auto !important;

}

.pb-chrome-header .pb-chrome-sec-top .searchform {

  max-width: 560px;

  margin: 0 auto;

  width: 100%;

}

.pb-chrome-header .whb-header-actions {

  display: flex;

  align-items: center;

  gap: 15px;

  justify-content: flex-end;

  flex-wrap: nowrap;

}



.pb-chrome-header .pb-chrome-sec-nav {

  background: #242424 !important;

  padding: 0 !important;

}

.pb-chrome-header .pb-chrome-sec-nav .pb-section-inner {

  max-width: var(--wd-container-w, 1200px);

  padding-left: 15px;

  padding-right: 15px;

}

.pb-chrome-header .pb-chrome-sec-nav .pb-row {

  flex-wrap: nowrap !important;

  margin: 0 !important;

  min-height: 50px;

  align-items: stretch !important;

}

.pb-chrome-header .pb-chrome-sec-nav .pb-column:first-child {

  flex: 0 0 auto !important;

  max-width: none !important;

  width: auto !important;

  padding: 0 !important;

}

.pb-chrome-header .pb-chrome-sec-nav .pb-column:last-child {

  flex: 1 1 auto !important;

  max-width: none !important;

  width: auto !important;

  padding: 0 !important;

  display: flex;

  align-items: center;

}

.pb-chrome-header .pb-widget-main-nav {

  width: 100%;

}

.pb-chrome-header .pb-widget-main-nav .wd-nav-main {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 0;

  margin: 0;

  padding: 0;

  list-style: none;

}

.pb-chrome-header .pb-widget-main-nav .wd-nav-main a {

  color: #fff;

  padding: 14px 18px;

  display: block;

  font-size: 14px;

  font-weight: 500;

  text-decoration: none;

}

.pb-chrome-header .pb-widget-main-nav .wd-nav-main a:hover {

  color: var(--wd-primary-color, #f47b02);

}

.pb-chrome-header .pb-widget-catalog-menu .wd-header-cats {

  height: 100%;

}



/* Footer chrome */

.pb-chrome-footer .pb-page-footer,

.pb-chrome-footer .pb-page { width: 100%; }

.pb-chrome-footer .pb-chrome-sec-widgets .pb-row {

  flex-wrap: wrap;

  margin: 0 -10px;

  align-items: flex-start;

}

.pb-chrome-footer .pb-chrome-sec-copy .footer-bottom,

.pb-chrome-footer .pb-widget-copyright {

  width: 100%;

  text-align: center;

}

.pb-chrome-footer .pb-chrome-sec-toolbar {

  padding: 0 !important;

  background: transparent !important;

}

.pb-chrome-footer .pb-chrome-sec-toolbar .pb-section-inner {

  padding: 0 !important;

  max-width: none !important;

}

.pb-chrome-footer .footer-column,

.pb-chrome-footer .pb-widget-link-list,

.pb-chrome-footer .pb-widget-contact {

  min-width: 0;

}

.pb-chrome-footer .pb-widget-link-list .menu {

  list-style: none;

  margin: 0;

  padding: 0;

}

.pb-chrome-footer .pb-widget-link-list .menu a {

  color: inherit;

  text-decoration: none;

}

.pb-chrome-footer .pb-widget-contact .footer-contact-list {

  list-style: none;

  margin: 0;

  padding: 0;

}

.pb-widget-social {

  display: flex;

  flex-wrap: wrap;

  gap: 10px;

  align-items: center;

}

.pb-widget-social .pb-social-link {

  display: inline-flex;

  padding: 8px 14px;

  border-radius: 6px;

  background: rgba(255, 255, 255, .08);

  color: inherit;

  text-decoration: none;

  font-size: 14px;

}



/* Page editor: chrome is read-only preview */

.builder-preview-readonly-chrome .pb-chrome-header,

.builder-preview-readonly-chrome .pb-chrome-footer {

  pointer-events: none;

  user-select: none;

}

.builder-preview-readonly-chrome .pb-chrome-header a,

.builder-preview-readonly-chrome .pb-chrome-footer a,

.builder-preview-readonly-chrome .pb-chrome-header button,

.builder-preview-readonly-chrome .pb-chrome-footer button,

.builder-preview-readonly-chrome .pb-chrome-header input {

  pointer-events: none;

}



/* Chrome-only editor: tidy edit buttons */

body.builder-chrome-edit .pb-section > .builder-edit-btn {

  top: 6px;

  right: 8px;

  width: 30px;

  height: 30px;

  opacity: 0;

  transition: opacity .15s, transform .15s;

}

body.builder-chrome-edit .pb-section:hover > .builder-edit-btn {

  opacity: .85;

}

body.builder-chrome-edit .pb-widget-wrap > .builder-edit-btn {

  top: auto;

  bottom: 4px;

  right: 4px;

  width: 26px;

  height: 26px;

  opacity: 0;

}

body.builder-chrome-edit .pb-widget-wrap:hover > .builder-edit-btn {

  opacity: .9;

}

body.builder-chrome-edit .builder-edit-btn:hover {

  opacity: 1 !important;

}

