/* Alternating timeline helper for Elementor (opt-in via .ghoud-alt-timeline) */
/* Copied into child theme to persist across parent theme updates */

.ghoud-alt-timeline {
  position: relative;
  /* spacing between items */
  --ghoud-tl-gap: 28px;
  --ghoud-tl-width: 46%; /* width of each side on desktop */
}

/* Basic vertical stacking, then alternate sides by pushing even items to the right */
.ghoud-alt-timeline > * {
  box-sizing: border-box;
  width: min(680px, var(--ghoud-tl-width));
  margin-bottom: var(--ghoud-tl-gap);
}

/* Even items go to the right side */
.ghoud-alt-timeline > *:nth-child(even) {
  margin-left: auto;
}

/* Optional: nicer text alignment */
.ghoud-alt-timeline > *:nth-child(odd) { text-align: left; }
.ghoud-alt-timeline > *:nth-child(even) { text-align: left; }

/* Optional vertical center line for visual guidance */
.ghoud-alt-timeline::before {
  content: "";
  position: absolute;
  top: 0; bottom: 0; left: 50%;
  width: 2px;
  background: rgba(0,0,0,0.08);
  transform: translateX(-50%);
  pointer-events: none;
}

/* Make images/boxes not overflow */
.ghoud-alt-timeline img,
.ghoud-alt-timeline video,
.ghoud-alt-timeline .elementor-widget-container,
.ghoud-alt-timeline .elementor-column,
.ghoud-alt-timeline .elementor-widget { max-width: 100%; }

/* Mobile/tablet: stack all on one side */
@media (max-width: 1024px) { .ghoud-alt-timeline > * { width: 90%; } }
@media (max-width: 767px) {
  .ghoud-alt-timeline::before { display: none; }
  .ghoud-alt-timeline > * { width: 100%; margin-left: 0 !important; text-align: left; }
}