/* Prevent the legacy theme .tabs padding from shifting HX content tabs. */
.hx-content-tabs .tabs { padding-left: 0; }
.hx-content-tabs .nav-tabs { flex-wrap: wrap; }
.hx-content-tabs .nav-link { white-space: normal; overflow-wrap: anywhere; }

/* Standalone content rows have no surrounding Bootstrap container gutter. */
.content-section.frame > .row,
.content-section.frame > .sticky-container > .row {
    margin-inline: 0;
}

.ge-container.frame > .row,
.content-section.frame > .sort-destination-loader > .row {
    margin-inline: 0;
}
.pricing-table.pricing-table-no-gap .plan {
    margin-inline: 0;
}

/* Use the theme flip styles with matching markup and retain both face heights. */
.hx-flip-card .flip-card-inner { display: grid; }
.hx-flip-card .flip-front,
.hx-flip-card .flip-back {
    grid-area: 1 / 1;
    position: relative;
    min-height: 12rem;
    background-size: cover;
    background-position: center;
    overflow-wrap: anywhere;
}
.hx-flip-card.is-flipped .flip-front { transform: translateZ(-1px) rotateY(-180deg); }
.hx-flip-card.is-flipped .flip-back { transform: translateZ(1px) rotateY(0deg); }
.hx-flip-card:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (hover: none) {
    .hx-flip-card:not(.is-flipped) .flip-front { transform: translateZ(1px) rotateY(0deg); }
    .hx-flip-card:not(.is-flipped) .flip-back { transform: translateZ(-1px) rotateY(180deg); }
}
@media (prefers-reduced-motion: reduce) {
    .hx-flip-card .flip-front, .hx-flip-card .flip-back { transition: none; }
}