/* _content/Biennale.Hub.WebApp/Components/Login/Pages/Login.razor.rz.scp.css */
/*login.razor css*/
[b-wzq2u2dfie] .login-hero {
    max-width: 92%;
    background-image: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)), url('/assets/boats1.jpg');
    background-size: cover;
    background-position: center;
    padding: 0;
}

[b-wzq2u2dfie] .login-section {
    min-height: 100svh; /* full screen height */
    width: 100%; /* full width */
    box-sizing: border-box;
    padding: 2.5rem 1.25rem;
    margin-inline: auto;
    display: flex; /* flexbox layout */
    justify-content: center;
    align-items: center;
    scroll-snap-align: start; /* optional: snap scrolling */
    background-image: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)), url('/assets/boats1.jpg');
    background-size: cover;
    background-position: center;
}
[b-wzq2u2dfie] .login-section2 {
    min-height: 100svh; /* full screen height */
    width: 100%; /* full width */
    box-sizing: border-box;
    padding: 2.5rem 1.25rem;
    margin-inline: auto;
    display: flex; /* flexbox layout */
    justify-content: center;
    align-items: center;
    scroll-snap-align: start; /* optional: snap scrolling */
    background-image: linear-gradient(rgb(0,0,0), rgb(10,10,10));
    background-size: cover;
    background-position: center;
}
[b-wzq2u2dfie] .login-section3 {
    min-height: 100svh; /* full screen height minus footer */
    width: 100%; /* full width */
    box-sizing: border-box;
    padding: 2.5rem 1.25rem;
    margin-inline: auto;
    display: flex; /* flexbox layout */
    justify-content: center;
    align-items: center;
    scroll-snap-align: start; /* optional: snap scrolling */
    background-image: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)), url('/assets/boats3.jpg');
    background-size: cover;
    background-position: center;
}

/*override html/body*/
[b-wzq2u2dfie] html, body[b-wzq2u2dfie] {
    scroll-behavior: smooth; /* smooth scrolling */
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    margin: 0;
    padding: 0;
}

/* Override MudPaper default surface color */
[b-wzq2u2dfie] .hero-overlay.mud-paper {
    background-color: transparent !important;
    padding: 40px 26px;
    min-height: 20em;
}

[b-wzq2u2dfie] .hero-inner {
    width: 100%;
}

[b-wzq2u2dfie] .hero-right {
    background-color: rgba(20,20,20,0.75);
    padding: 32px 26px;
}

[b-wzq2u2dfie] .hero-body-text {
    line-height: 1.15;
}

[b-wzq2u2dfie] .login-bottom-row {
    max-width: 92%;
}

[b-wzq2u2dfie] .bottom-left, [b-wzq2u2dfie] .bottom-right {
    background-color: #161616;
    padding: 32px;
}

[b-wzq2u2dfie] .bottom-left {
    max-width: 100%;
}

[b-wzq2u2dfie] .text-center {
    text-align: center;
}

[b-wzq2u2dfie] .mud-button-root.mud-button-filled.mud-primary-color {
    background-color: #b60800;
}

[b-wzq2u2dfie] .mud-button-root.mud-button-filled.mud-primary-color:hover {
    background-color: #d20a02;
}

@media (max-width:1100px) {
    [b-wzq2u2dfie] .bottom-left {
        max-width: 100%;
    }

    [b-wzq2u2dfie] .hero-right {
        margin-top: 32px;
    }
}

/* _content/Biennale.Hub.WebApp/Components/Login/Shared/Nominate.razor.rz.scp.css */
/* Nominate CSS - Light and clean styling */

/* Add subtle background only to text elements that need readability */
[b-s6inlwu1i6] #section3 .mud-typography-h4,
[b-s6inlwu1i6] #section3 .mud-typography-h5 {
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8);
    padding: 8px 16px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    margin: 8px 0;
}

/* Light container for the form only */
[b-s6inlwu1i6] #section3 form {
    background-color: rgba(0, 0, 0, 0.4);
    padding: 24px;
    border-radius: 8px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

/* Improve text readability for instructions */
[b-s6inlwu1i6] #section3 .mud-typography-h6,
[b-s6inlwu1i6] #section3 .mud-typography-caption {
    color: white !important;
}

/* Keep input fields clean and readable */
[b-s6inlwu1i6] #section3 .mud-input-control .mud-input {
    background-color: rgba(255, 255, 255, 0.2);
}

/* Improve label visibility */
[b-s6inlwu1i6] #section3 .mud-input-control .mud-input-label {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Style checkbox text */
[b-s6inlwu1i6] #section3 .mud-checkbox .mud-button-label {
    color: white !important;
}

/* Ensure button remains visible */
[b-s6inlwu1i6] #section3 .mud-button {
    margin-top: 16px;
}

/* Improve validation message visibility */
[b-s6inlwu1i6] #section3 .mud-input-helper-text {
    color: #ec5938 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    margin-top: 4px !important;
    font-weight: 600 !important;
    border: 1px solid #ec5938 !important;
}

/* Alternative for validation messages if the above doesn't work */
[b-s6inlwu1i6] #section3 .validation-message {
    color: #ec5938 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    margin-top: 4px !important;
    font-weight: 600 !important;
    border: 1px solid #ec5938 !important;
}

/* MudBlazor field validation error styling */
[b-s6inlwu1i6] #section3 .mud-field-validation-error {
    color: #ec5938 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    margin-top: 4px !important;
    font-weight: 600 !important;
    border: 1px solid #ec5938 !important;
}

/* MudBlazor input error text */
[b-s6inlwu1i6] #section3 .mud-input-error .mud-input-helper-text {
    color: #ec5938 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    margin-top: 4px !important;
    font-weight: 600 !important;
    border: 1px solid #ec5938 !important;
}

/* _content/Biennale.Hub.WebApp/Components/Main/Layout/NavMenu.razor.rz.scp.css */
[b-9y4rp6g63p] .mud-nav-link-text {
    font-size: 1.25rem !important;
}
/* _content/Biennale.Hub.WebApp/Components/Main/Pages/ArtistStudio/Studio.razor.rz.scp.css */
[b-xllz6dh9q9] #title-text.mud-tooltip-inline {
    width: 100%;
    display: inline;
}

[b-xllz6dh9q9] #toolbar-button.mud-tooltip-inline {
    margin:auto; 
}

/* _content/Biennale.Hub.WebApp/Components/Main/Pages/Collections/CollectionPreview.razor.rz.scp.css */
/* Responsive adjustments */
@media (width <= 767px) {
    [b-2ywfpdc9l8] .nav-button-bar {
        top: 60px;
    }
}

@media (width >= 768px) {
    [b-2ywfpdc9l8] .nav-button-bar {
        position: fixed;
        top: 28px;
        z-index: 1000;
        width: 100%;
        padding: 0 2rem 0 0;
    }
}
/* _content/Biennale.Hub.WebApp/Components/Main/Pages/Collections/Collections.razor.rz.scp.css */
[b-voq5z3suwz] #title-text.mud-tooltip-inline {
    width: 100%;
    display: inline;
}
/* _content/Biennale.Hub.WebApp/Components/Main/Shared/CollectionCarousel.razor.rz.scp.css */
/* Collection Carousel Styles */

/* Fix carousel dots positioning - outside the image container */
[b-bmj79975e3] .collection-carousel .mud-carousel-bullets {
    /*bottom: -40px !important;*/
    position: absolute;
    z-index: 10;
}

/* Ensure the carousel has space for bullets below */
[b-bmj79975e3] .collection-carousel {
    margin-bottom: 20px !important;
    height: calc(100vh - 185px) !important; /* 185px for header and footer bars + margins*/
}

/* Carousel image wrapper - center the image */
[b-bmj79975e3] .carousel-image-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

/* Custom carousel image - fixed height with auto width for aspect ratio */
[b-bmj79975e3] .custom-carousel-image {
    max-height: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
    object-fit: contain !important;
    display: block !important;
}

/* Mobile responsive layout - stack vertically on small screens */
@media (max-width: 767px) {
    [b-bmj79975e3] .collection-grid-container {
        display: flex;
        flex-direction: column;
    }

    [b-bmj79975e3] .collection-carousel-column {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    [b-bmj79975e3] .collection-info-column {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        margin-top: 1rem;
    }

    [b-bmj79975e3] .collection-carousel {
        height: 58vh !important;
    }
}