/* front-end */
.charitable-campaign-field_video {
  max-width: 100%;
  position: relative;
}

.charitable-campaign-field_video iframe,
.charitable-campaign-field_video video {
  width: 100% !important;
  max-width: 100%;
  display: block;
}

/* Higher specificity rules to override existing styles */
.charitable-campaign-field.charitable-campaign-field-video .charitable-campaign-video iframe,
.charitable-campaign-field.charitable-campaign-field-video .charitable-campaign-video video {
  width: 100% !important;
}

/* Fix parent container height constraints that are forcing 150px height */
.charitable-campaign-field.charitable-campaign-field-video.charitable-campaign-field-container {
  height: auto !important;
  min-height: 0 !important;
}

.charitable-campaign-field.charitable-campaign-field-video .charitable-campaign-field-inner {
  height: auto !important;
  min-height: 0 !important;
  display: block !important; /* Override display: table that constrains height */
}

/* Even higher specificity to match the original rule */
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field-video.charitable-campaign-align-center .charitable-campaign-field-inner {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
}

/* SOLUTION: Responsive iframe wrapper technique */
.charitable-campaign-field_video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio (9/16 = 0.5625) */
  height: 0;
  overflow: hidden;
}

.charitable-campaign-field_video iframe,
.charitable-campaign-field_video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

.charitable-campaign-video {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
}

.charitable-campaign-field.charitable-campaign-field-video.charitable-campaign-field-container.charitable-campaign-align-center .charitable-campaign-video {
  text-align: center;
}
.charitable-campaign-field.charitable-campaign-field-video.charitable-campaign-field-container.charitable-campaign-align-center .charitable-campaign-video iframe {
  margin: 0 auto;
}
.charitable-campaign-field.charitable-campaign-field-video.charitable-campaign-field-container.charitable-campaign-align-left .charitable-campaign-video {
  text-align: left;
}
.charitable-campaign-field.charitable-campaign-field-video.charitable-campaign-field-container.charitable-campaign-align-left .charitable-campaign-video iframe {
  margin-right: 0;
}
.charitable-campaign-field.charitable-campaign-field-video.charitable-campaign-field-container.charitable-campaign-align-right .charitable-campaign-video {
  text-align: right;
}
.charitable-campaign-field.charitable-campaign-field-video.charitable-campaign-field-container.charitable-campaign-align-right .charitable-campaign-video iframe {
  margin-left: 0;
}

/* Responsive video container */
.campaign-video {
  width: 100%;
  margin: 0 0 1.5em;
}

.campaign-video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}

.campaign-video-wrapper .campaign-video-iframe,
.campaign-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Additional responsive improvements - removed min-height constraint */

/* Center alignment when width < 100% */
.charitable-campaign-align-center .charitable-campaign-field_video {
  margin: 0 auto;
}

/* Mobile responsiveness - removed min-height constraints */
@media (max-width: 768px) {
  .charitable-campaign-field_video {
    /* Mobile-specific adjustments can go here if needed */
  }
}