/*
 * Main Style Entry Point
 * This file imports all CSS partials for modular organization
 * 
 * File structure:
 * - partials/_variables.css  : CSS variables, resets, base styles
 * - partials/_header.css     : Site header, navigation, profile popup
 * - partials/_hero.css       : Hero section
 * - partials/_modals.css     : Registration, activation, verification modals
 * - partials/_forms.css      : Input boxes, checkboxes, radio buttons, selects
 * - partials/_onboarding.css : Onboarding wizard, steps, progress
 * - partials/_carousel.css   : Carousel components
 * - partials/_feed.css       : Feed section and cards
 * - partials/_rankings.css   : Rankings section and page
 * - partials/_sections.css   : Safety and connect sections
 * - partials/_footer.css     : Site footer
 * - partials/_gallery.css    : Gallery feed and page
 * - partials/_events.css     : Events section
 * - partials/_users.css      : Newest users, nearby users, people online
 * - partials/_platform.css   : Platform section and testimonials
 * - partials/_sidebar.css    : Sidebar navigation
 * - partials/_profile.css    : Profile page
 * - partials/_posts.css      : Post cards and media modals
 */

@import url('partials/_variables.css');
@import url('partials/_header.css');
@import url('partials/_hero.css');
@import url('partials/_modals.css');
@import url('partials/_forms.css');
@import url('partials/_onboarding.css');
@import url('partials/_carousel.css');
@import url('partials/_feed.css');
@import url('partials/_rankings.css');
@import url('partials/_sections.css');
@import url('partials/_footer.css');
@import url('partials/_gallery.css');
@import url('partials/_events.css');
@import url('partials/_users.css');
@import url('partials/_platform.css');
@import url('partials/_sidebar.css');
@import url('partials/_profile.css');
@import url('partials/_posts.css');
@import url('partials/_event_details.css');
@import url('partials/_invite_friends_modal.css');
@import url('partials/_contact.css');
@import url('partials/_bottom_nav.css');
@import url('partials/_report_post.css');
@import url('partials/_skeleton.css');
@import url('partials/_forum.css');

.only-mobile {
    display: none;
}

.only-desktop {
    display: block;
}

@media (max-width: 768px) {
    .only-desktop {
        display: none !important;
    }

    .only-mobile {
        display: block !important;
    }
}

/* Global Description Styling for Long Content */
.post-description,
.feed-description,
.event-card-description,
.event-description,
.bio-text,
.description-text,
#post-detail-description,
#hotline-detail-description {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    text-align: left !important;
}

/* See More / See Less Styles */
.see-more-link {
    color: #FF4D4D;
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
    margin-left: 5px;
    cursor: pointer;
    transition: opacity 0.2s;
    display: inline-block;
}

.see-more-link:hover {
    opacity: 0.8;
    text-decoration: underline;
}

.description-content.full {
    display: none;
}

/* HotersBtnLoader — inline spinner for buttons during API calls */
.hbl-loading {
    position: relative;
    pointer-events: none;
    cursor: progress !important;
    opacity: 0.85;
}

.hbl-loading>.hbl-spinner {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: hbl-spin 0.7s linear infinite;
}

.hbl-loading>.hbl-spinner-text {
    margin-inline-start: 0.5em;
    font-size: inherit;
    line-height: inherit;
}

@keyframes hbl-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hbl-loading>.hbl-spinner {
        animation-duration: 1.5s;
    }
}

.skiptranslate {
    display: none !important;
    color: white !important;
}