/* Make sure the flag images have a visible white border */
.trp-flag-image {
  border: 1px solid #333 !important;
  border-radius: 0px !important;
  display: inline-block !important;
  width: var(--flag-size, 22px) !important;
  height: auto !important;
  box-sizing: border-box !important;
}

/* Optional: add a bit of spacing between flag and text */
.trp-menu-ls-label .trp-flag-image {
  margin: -2px 4px 0 0 !important;
  vertical-align: middle !important;
}


/* ================================
   HUE ROTATION ANIMATIONS
   ================================ */

/* 0° start */
.hue-rotate-1 {
    animation: hueRotation1 10s linear infinite;
}

@keyframes hueRotation1 {
    0%   { filter: hue-rotate(0deg); }
    100% { filter: hue-rotate(360deg); }
}

/* 180° offset start */
.hue-rotate-2 {
    animation: hueRotation2 10s linear infinite;
}

@keyframes hueRotation2 {
    0%   { filter: hue-rotate(180deg); }
    100% { filter: hue-rotate(540deg); } 
    /* 180° → 540° = same loop but offset by 180° */
}


/* --------------------------
   INVERT PULSE
   (fades into inversion and back)
   -------------------------- */
.invert-pulse {
    animation: invertPulse 12s ease-in-out infinite;
    display: inline-block;
}

@keyframes invertPulse {
    0%   { filter: invert(0%); }
    50%  { filter: invert(100%); }
    100% { filter: invert(0%); }
}


/* --------------------------
   FLIP HORIZONTAL (NO ANIMATION)
   -------------------------- */
.flip-horizontal {
    transform: scaleX(-1);
    display: inline-block;
}

/* Make Divi 5 row have zero column gap and no wrap */
.no-gap-row {
    display: flex;
    flex-wrap: nowrap !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    gap: 0 !important; /* covers all gap properties */
}

/* Make columns not shrink oddly */
.no-gap-row > .et_pb_column {
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 auto;
}

/* Remove default Divi column inner spacing */
.no-gap-row .et_pb_module {
    margin: 0 !important;
    padding: 0 !important;
}