/* Production pages load only the page stylesheet, which imports this file.
   Barlow is loaded non-blocking from layouts.partials.gallery-fonts. */
@import url('base/reset.css');

@import url('base/variables.css');
@import url('base/typography.css');
@import url('base/utilities.css');
@import url('base/scrollbar.css');
@import url('base/skeleton.css');

@import url('layout/grid.css');
@import url('layout/header.css');
@import url('layout/footer.css');
@import url('layout/sidebar.css');

@import url('components/buttons.css');
@import url('components/forms-inputs.css');
@import url('components/cards.css');
@import url('components/navigation.css');
@import url('components/navbar-mega-menu.css');
@import url('components/modal.css');
@import url('components/stripe-card-modal.css');
@import url('components/drop-down.css');
@import url('components/country-picker.css');
@import url('components/toggle-switchs.css');

@import url('theme.css');

/* Shared newsletter success state */
.newsletter-banner__success {
    display: none;
    max-width: 640px;
}

.newsletter-banner__content--subscribed > :not(.newsletter-banner__success) {
    display: none !important;
}

.newsletter-banner__content--subscribed .newsletter-banner__success {
    display: flex;
}

.newsletter-banner__success-title {
    margin: 0;
}

.newsletter-banner__success-description {
    margin: 0;
}

.newsletter-banner__form--invalid {
    align-items: flex-start !important;
}

.newsletter-banner__form--invalid .newsletter-banner__btn {
    flex: 0 0 auto;
}

.newsletter-banner__email-error {
    margin: 0 0 0 16px;
}

/* Artist photos — always cover the frame (avatars, banners, card portraits) */
img.artist-card__avatar,
img.artist-card__background,
img.artist-card__slider-img,
img.discover-view__artist-image,
img.latest-artworks__artist-image,
img.artist-artworks__artist-image,
img.large-banner__photo,
img.about-artist__profile--img,
img.about-artist__photo,
img.about-artist__gallery-img,
.profile-artist-card img,
[data-artist-profile-avatar],
[data-artist-profile-about-avatar],
[data-artist-profile-card-avatar],
[data-collection-artist-image] {
    object-fit: cover;
}

/* User account profile photos — always cover the frame */
img.navbar__profile-image,
img.navbar__profile-thumbnail,
img[data-navbar-profile-image],
img[data-navbar-profile-thumbnail],
img[data-settings-profile-image],
img[data-mobile-profile-image],
img[data-profile-avatar],
img.profile-card__image,
img.profile-img_invitation,
img.delete-account__profile-image,
.user-picture img,
.sk-avatar-inline img,
.mobile-sidebar__avatar img {
    object-fit: cover;
}

@media (max-width: 700px) {
    .newsletter-banner__success-title {
        font-size: 28px;
        line-height: 1.1;
    }
}