/**
 * HTML Blocks - Elementor Content Styles
 * Additional styles for Elementor content inside HTML block dropdowns
 */

/* Ensure Elementor content displays properly in dropdowns */
.sawerna-html-block-dropdown .elementor,
.sawerna-html-block-dropdown .elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 100%;
  width: 100%;
}

.sawerna-html-block-dropdown .elementor-section {
  margin: 0 !important;
}

.sawerna-html-block-dropdown .elementor-section.elementor-section-full_width > .elementor-container {
  width: 100%;
  max-width: 100%;
}

.sawerna-html-block-dropdown .elementor-widget-wrap {
  padding: 10px;
}

/* Remove default Elementor container padding for full control */
.sawerna-html-block-dropdown .elementor-top-section {
  margin: 0 !important;
}

.sawerna-html-block-dropdown .elementor-container {
  max-width: 100% !important;
}

/* Reset any unwanted spacing from Elementor */
.sawerna-html-block-dropdown .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
  padding: 10px;
}

/* Ensure links work properly inside dropdown */
.sawerna-html-block-dropdown a {
  pointer-events: auto;
}

/* Ensure images display properly */
.sawerna-html-block-dropdown img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Ensure buttons from Elementor look good */
.sawerna-html-block-dropdown .elementor-button {
  display: inline-block;
}

/* Typography adjustments for dropdown content */
.sawerna-html-block-dropdown h1,
.sawerna-html-block-dropdown h2,
.sawerna-html-block-dropdown h3,
.sawerna-html-block-dropdown h4,
.sawerna-html-block-dropdown h5,
.sawerna-html-block-dropdown h6 {
  margin-top: 0;
}

.sawerna-html-block-dropdown p:last-child {
  margin-bottom: 0;
}

/* Grid layout support for Elementor columns */
.sawerna-html-block-dropdown .elementor-row {
  display: flex;
  flex-wrap: wrap;
}

.sawerna-html-block-dropdown .elementor-column {
  flex: 1;
  min-width: 0;
}

/* Smooth animations for Elementor widgets */
.sawerna-html-block-dropdown .elementor-invisible {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Ensure proper z-index for nested elements */
.sawerna-html-block-dropdown .elementor-element {
  position: relative;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .sawerna-html-block-dropdown-inner {
    padding: 20px;
  }
  
  .sawerna-html-block-dropdown .elementor-column {
    width: 100% !important;
    flex: 0 0 100%;
  }
}