/*
 * Elementor Container fallback styles
 * Supplements custom-frontend.min4c82.css (which handles the core .e-con layout).
 * Only adds rules for classic section/column markup (used by header/footer)
 * and minor gap/sizing helpers not covered by Elementor's own CSS.
 *
 * IMPORTANT: Do NOT duplicate padding/margin/display/flex on .e-con or
 * .e-con-inner here — custom-frontend already maps those CSS variables
 * correctly using logical properties.
 */

/* Ensure absolute-positioned widgets can anchor properly */
.elementor-absolute {
  position: absolute;
}

/* Ensure widget containers don't overflow */
.elementor-element.elementor-widget,
.elementor-widget-container {
  max-width: 100%;
}

/* Classic Elementor section/column fallback (header parts use this markup) */
.elementor-section {
  position: relative;
  width: 100%;
}

.elementor-section .elementor-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.elementor-column {
  position: relative;
  min-height: 1px;
  display: flex;
}

.elementor-column-gap-no > .elementor-column > .elementor-element-populated {
  padding: 0;
}

.elementor-widget-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-content: flex-start;
}

/* Basic column widths for common presets */
.elementor-col-100 { flex: 0 0 100%; max-width: 100%; }
.elementor-col-50 { flex: 0 0 50%; max-width: 50%; }
.elementor-col-33 { flex: 0 0 33.333%; max-width: 33.333%; }
.elementor-col-25 { flex: 0 0 25%; max-width: 25%; }