/* Force 3 columns side by side on tablet and mobile */
.three-col-row .et_pb_column {
  width: 33.333% !important;
  float: left !important;
  display: block !important;
}

/* ======== DIVI MENU MODULE ITEM SPACING ======== */
.et_pb_menu ul li {
  margin-right: 16px !important;
}

.et_pb_menu ul li:last-child {
  margin-right: 0 !important;
}

/* Trigger Divi button hover styles when hovering the column */
.hover-column:hover .et_pb_button:after {
  opacity: 1;
  right: 0;
}

.hover-column:hover .et_pb_button {
  padding-right: 2em; /* mimic hover movement */
}

/* Underline on hover for hyperlinks */
.hover-underline a {
  text-decoration: none;
  transition: all 0.2s ease;
}

.hover-underline a:hover {
  text-decoration: underline;
}

/* Reverse whole row stacking on phones */
@media (max-width: 767px) {
  .reverse-on-mobile {
    display: flex !important;
    flex-direction: column-reverse !important; /* reverse vertical stack */
  }

/* ensure each column fills width when stacked */
  .reverse-on-mobile .et_pb_column {
    width: 100% !important;
  }
}

/* Container holding both buttons */
.buttons-row {
  display: flex;
  gap: 6px; /* space between buttons */
  justify-content: center; /* center alignment (use flex-start or space-between if needed) */
  flex-wrap: wrap; /* allows buttons to stack on smaller screens */
}

/* Individual button wrappers inside the container */
.buttons-row .et_pb_button_module_wrapper {
  flex: 1; /* optional – makes buttons equal width */
  min-width: 150px; /* prevents buttons from becoming too small */
}

/* Style 'Back to Top' Button */
.et_pb_scroll_top {
    background: #ff6f61;      /* button color */
}