.new_enquiry_follow_up li,
.rmv_rept-space li {
    box-shadow: none;
}
.new_enquiry_follow_up .fi-fo-repeater-item-content,
.rmv_rept-space .fi-fo-repeater-item-content {
    padding: 0px;
}

div[wire\:partial*="form.guard_name"] {
    display: none !important;
}

/* =========================================================================
   Brand mark
   One solid G, cut on a diagonal into a lit half and a shadowed half. The
   cut is the whole idea, so the cut is what moves: on mount the halves
   arrive from either side of it and snap shut, and pointing at the logo
   breathes them apart and closes them again.
   ========================================================================= */

.fi-logo {
    display: flex;
    align-items: center;
}

.gymstar-logo {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    line-height: 1;
}

.gymstar-mark {
    display: block;
    flex: none;
    overflow: visible;
}

.gymstar-logo__word {
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: -0.022em;
    white-space: nowrap;

    /* Flat fallback: without background-clip on text the gradient below never
       applies, and this is what shows rather than nothing. */
    color: #2663eb;
}

/* The word is lit the same way the mark is — light at the upper left, running
   into the deep end of the ramp at the lower right, so it travels in the same
   direction as the cut rather than against it. */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .gymstar-logo__word {
        background-image: linear-gradient(115deg, #93c5fd 0%, #2663eb 45%, #17348f 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .dark .gymstar-logo__word {
        background-image: linear-gradient(115deg, #bfdbfe 0%, #60a5fa 45%, #2663eb 100%);
    }
}

/* The ramp above is mixed for a light background; on a dark one its deep end
   goes muddy, so the gradient stays in the brighter half. */
.dark .gymstar-logo__word {
    color: #60a5fa;
}

.dark {
    --gymstar-mark-lit-from: #bfdbfe;
    --gymstar-mark-lit-to: #60a5fa;
    --gymstar-mark-shade-from: #3b82f6;
    --gymstar-mark-shade-to: #2663eb;
}

/* --- The cut ----------------------------------------------------------- */

/* Both halves travel along the normal of the cut — roughly 24 degrees off
   vertical — so they read as one shape opening rather than two shapes
   drifting. The clip travels with each half, which is what keeps the cut
   straight while they are apart. */
.gymstar-mark--animate .gymstar-mark__half--lit {
    animation: gymstar-cut-lit 420ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
}

.gymstar-mark--animate .gymstar-mark__half--shade {
    animation: gymstar-cut-shade 420ms cubic-bezier(0.22, 1, 0.36, 1) 60ms backwards;
}

/* The breath rides on the group inside each half, never on the half itself:
   the half's animation property belongs to the arrival above, and taking a
   second animation off that same property would set the arrival running
   again. It is driven by a class the logo puts on at mouseenter and takes off
   at animationend, so hovering in starts the breath and hovering out — early
   or late — leaves it alone. */
.gymstar-logo--breathe .gymstar-mark__half--lit .gymstar-mark__breath {
    animation: gymstar-breath-lit 620ms cubic-bezier(0.4, 0, 0.2, 1);
}

.gymstar-logo--breathe .gymstar-mark__half--shade .gymstar-mark__breath {
    animation: gymstar-breath-shade 620ms cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes gymstar-cut-lit {
    from { opacity: 0; transform: translate(-4px, -8.7px); }
    to   { opacity: 1; transform: none; }
}

@keyframes gymstar-cut-shade {
    from { opacity: 0; transform: translate(4px, 8.7px); }
    to   { opacity: 1; transform: none; }
}

/* Halfway out, then back — small enough to read as the mark breathing
   rather than coming apart. */
@keyframes gymstar-breath-lit {
    0%, 100% { transform: none; }
    45%      { transform: translate(-0.9px, -2px); }
}

@keyframes gymstar-breath-shade {
    0%, 100% { transform: none; }
    45%      { transform: translate(0.9px, 2px); }
}

/* Someone who has asked for less motion gets the mark already shut. */
@media (prefers-reduced-motion: reduce) {
    .gymstar-mark--animate .gymstar-mark__half--lit,
    .gymstar-mark--animate .gymstar-mark__half--shade,
    .gymstar-logo--breathe .gymstar-mark__breath {
        animation: none;
        transform: none;
        opacity: 1;
    }
}