.elementor-2133 .elementor-element.elementor-element-204be21{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-2133:not(.elementor-motion-effects-element-type-background), body.elementor-page-2133 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3e45814 );}/* Start custom CSS for shortcode, class: .elementor-element-4b21e9a *//* Centered Split-Screen Ad Manager Layout */
.cstm-ad-wrap,
.elementor-shortcode > div {
  display: grid !important;
  grid-template-columns: minmax(420px, 500px) minmax(420px, 540px) !important;
  justify-content: center !important;
  align-items: start !important;
  gap: 28px !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 24px 20px !important;
}

/* Center-Left: Fixed Entry Form (1st card) */
.cstm-ad-wrap > div:first-child,
.elementor-shortcode > div > div:first-child {
  position: sticky !important;
  top: 24px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Center-Right: Scrollable Campaigns List (2nd card) */
.cstm-ad-wrap > div:nth-child(2),
.elementor-shortcode > div > div:nth-child(2) {
  max-height: calc(100vh - 48px) !important;
  overflow-y: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Stack back to 1 column on mobile/tablet */
@media (max-width: 960px) {
  .cstm-ad-wrap,
  .elementor-shortcode > div {
    grid-template-columns: 1fr !important;
  }
  .cstm-ad-wrap > div:first-child,
  .cstm-ad-wrap > div:nth-child(2),
  .elementor-shortcode > div > div:first-child,
  .elementor-shortcode > div > div:nth-child(2) {
    position: static !important;
    max-height: none !important;
    overflow-y: visible !important;
  }
}/* End custom CSS */
/* Start custom CSS *//* Lock Page Viewport to 100vh with Zero Outer Overflow */
html, body {
  height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
  background-color: #f8fafc !important;
  color: #0a0a0a !important;
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.elementor-section,
.e-con,
.elementor-widget-shortcode {
  height: 100vh !important;
  max-height: 100vh !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

/* Centered 2-Column Split Grid Fitting Within 100vh */
.cstm-ad-wrap,
.elementor-shortcode > div {
  display: grid !important;
  grid-template-columns: minmax(430px, 510px) minmax(420px, 530px) !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 1080px !important;
  height: calc(100vh - 28px) !important;
  max-height: calc(100vh - 28px) !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Both Cards: Pure White, Crisp Slate Border, Matching /post/ & /page/ */
.cstm-ad-wrap > div:first-child,
.cstm-ad-wrap > div:nth-child(2),
.elementor-shortcode > div > div:first-child,
.elementor-shortcode > div > div:nth-child(2) {
  background: #ffffff !important;
  color: #0a0a0a !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  height: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  box-sizing: border-box !important;
}

.cstm-ad-wrap > div::-webkit-scrollbar,
.elementor-shortcode > div > div::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
}

/* Headings & Subtitles */
.cstm-ad-wrap h2,
.cstm-ad-wrap h3,
.elementor-shortcode h2,
.elementor-shortcode h3 {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0a0a0a !important;
  margin: 0 0 2px !important;
}

.cstm-ad-wrap p,
.elementor-shortcode p {
  font-size: 11.5px !important;
  color: #64748b !important;
  margin: 0 0 10px !important;
}

/* Compact Form Groups */
.cstm-ad-wrap form > div,
.elementor-shortcode form > div {
  margin-bottom: 9px !important;
}

.cstm-ad-wrap label,
.elementor-shortcode label {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #0a0a0a !important;
  margin-bottom: 3px !important;
  display: block !important;
}

.cstm-ad-wrap input[type="text"],
.cstm-ad-wrap input[type="url"],
.cstm-ad-wrap input[type="number"],
.cstm-ad-wrap input[type="datetime-local"],
.cstm-ad-wrap select,
.elementor-shortcode input[type="text"],
.elementor-shortcode input[type="url"],
.elementor-shortcode input[type="number"],
.elementor-shortcode input[type="datetime-local"],
.elementor-shortcode select {
  height: 34px !important;
  background: #ffffff !important;
  color: #0a0a0a !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  padding: 0 10px !important;
  font-size: 12.5px !important;
  font-family: inherit !important;
  box-shadow: none !important;
  outline: none !important;
}

.cstm-ad-wrap textarea,
.elementor-shortcode textarea {
  min-height: 64px !important;
  height: 64px !important;
  background: #ffffff !important;
  color: #0a0a0a !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  padding: 8px 10px !important;
  font-size: 12.5px !important;
}

/* Ad Format Tabs */
.cstm-ad-wrap button[type="button"],
.elementor-shortcode button[type="button"] {
  height: 30px !important;
  border-radius: 6px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #0a0a0a !important;
}

.cstm-ad-wrap button[type="button"].active,
.cstm-ad-wrap button[type="button"][aria-pressed="true"],
.elementor-shortcode button[type="button"].active {
  background: #0a0a0a !important;
  color: #ffffff !important;
  border-color: #0a0a0a !important;
}

/* Compact Upload Dropzone (Fixes Tall Inner Dashed Boxes) */
.cstm-ad-wrap .cstm-dropzone,
.cstm-ad-wrap [id*="drop"],
.cstm-ad-wrap [class*="drop"],
.elementor-shortcode .cstm-dropzone,
.elementor-shortcode [id*="drop"],
.elementor-shortcode [class*="drop"] {
  min-height: 54px !important;
  height: auto !important;
  padding: 8px 12px !important;
  background: #f8fafc !important;
  border: 1.5px dashed #cbd5e1 !important;
  border-radius: 7px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

/* Flatten nested dashed borders inside dropzone */
.cstm-ad-wrap [class*="drop"] > div,
.elementor-shortcode [class*="drop"] > div {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  background: transparent !important;
}

/* Solid Black "Publish to Queue" Button Always Visible at Bottom */
.cstm-ad-wrap button[type="submit"],
.elementor-shortcode button[type="submit"] {
  width: 100% !important;
  height: 38px !important;
  background: #0a0a0a !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 7px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin-top: 6px !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}

.cstm-ad-wrap button[type="submit"]:hover,
.elementor-shortcode button[type="submit"]:hover {
  background: #262626 !important;
}

/* Mobile Responsive Unlock */
@media (max-width: 960px) {
  html, body, .elementor-section, .e-con, .elementor-widget-shortcode {
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    display: block !important;
  }
  .cstm-ad-wrap,
  .elementor-shortcode > div {
    grid-template-columns: 1fr !important;
    height: auto !important;
    max-height: none !important;
    padding: 16px 12px 72px !important;
  }
  .cstm-ad-wrap > div:first-child,
  .cstm-ad-wrap > div:nth-child(2),
  .elementor-shortcode > div > div:first-child,
  .elementor-shortcode > div > div:nth-child(2) {
    height: auto !important;
    max-height: none !important;
  }
}/* End custom CSS */