:root {
    --background-color: #fffbc0;
    --text-color: black;
    --light-green: #d0ffcc;
    --peach: #ed6572;
    --light-yellow: #fff661;
    --light-pink: #ece2e7;
    --dark-grey: #696969;
    --darker-grey: #333;
    --grey: #a9a9a9;
    --dark-orange: #ff8c00;
}

@font-face {
    font-family: roboto_regular;
    src: url('/font/Roboto-Regular.ttf');
    font-weight: 400;
}

@font-face {
    font-family: roboto_medium;
    src: url('/font/Roboto-Medium.ttf');
    font-weight: 500;
}

@font-face {
    font-family: roboto_thin;
    src: url('/font/Roboto-Light.ttf');
    font-weight: 300;
}

.company-account-radio-label:hover {
    background: var(--background-color);

}

.thick-left-border {
    border-color: var(--light-green);
}

.image-gallery {
    display: grid;
    width: 100%;
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fill, minmax(180px,1fr));
}

.image-zoom:hover{
    transform: scale(1.15);
}

.auction-link{
    text-decoration: underline;
    color: var(--text-color);
}

.auction-layout {
    background-color: var(--background-color);
    color: var(--text-color);
    margin-top: 140px;
    font-family: roboto_regular, Helvetica, sans-serif;
    font-weight: 500;

}

/* Ensure title and subtitle are stacked vertically (not side-by-side) */
.auction-detail-title-texts h1,
.auction-detail-title-texts h2,
.auction-detail-subtitle {
    display: block;
}

/* Optional spacing/styling for the subtitle under the main title */
.auction-detail-subtitle {
    margin-top: 6px;
    font-weight: 500;
}

.input-token-help-container {
    border-left: 10px solid var(--peach);
}

.auction-layout .footer-link {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

.auction-element-link {
    padding: 20px 0;
    background-color: white;
    border: 0;
    justify-content: flex-start;
    grid-row: span 5;
}

.artist-image-container {
    height: 300px;
    display: flex;
}

.artist-image {
    height: 100%;
    max-height: 300px;
    object-fit: contain;
    display: block;
    width: 100%;
}

.main-content {
    grid-area: main;
    display: block;
}

.auction-element-text,
.auction-element-title {
    text-align: left;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;

}
.auction-element-title {
    font-weight: 800;
}
.auction-element-description {
    display: none;
}
.navigation-logo {
    height: 80px;
    width: initial;
}

.form-grid-row:focus-within label {
    color: var(--text-color);
}

.auction-element-image-and-logo-wrapper {
    height: initial;
}

.auction-nav {
    background-image: radial-gradient(farthest-corner at 50% 0%, var(--light-yellow) 0%, #fff0 40% 30%),
                      radial-gradient(farthest-corner at 100% 100%, var(--peach) 0%, #fff0 40% 30%);
    border-bottom: none;
    padding: 30px 0;
}

.auction-content-text {
    font-weight: normal;
    font-family: roboto_medium,Helvetica,sans-serif;
}

.auction-layout p{
    line-height: 1.5;
}


.form-errors li {
        border-left: 5px solid red;
        padding: 5px 5px 5px 10px;
        font-weight: 700;
        background-color: var(--background-color);
}


.auction-layout .auction-search-term-input,
.auction-layout input[type="text"]:not(.auth-form *, .auth-card *),
.auction-layout input[type="date"]:not(.auth-form *, .auth-card *),
.auction-layout input[type="email"]:not(.auth-form *, .auth-card *),
.auction-layout input[type="password"]:not(.auth-form *, .auth-card *) {
    border: none;
    border-radius: 0;
    font-size: 1.5em;
    color: var(--text-color);
    border-bottom: 3px solid white;
}

.auction-layout input[type="text"]:not(.auth-form *, .auth-card *):focus-visible,
.auction-layout input[type="date"]:not(.auth-form *, .auth-card *):focus-visible,
.auction-layout input[type="email"]:not(.auth-form *, .auth-card *):focus-visible,
.auction-layout input[type="password"]:not(.auth-form *, .auth-card *):focus-visible,
.auction-layout .auction-search-term-input:focus-visible {
    outline: none;
}

.frontend-link {
    color: var(--peach);
}

.text-block-styles a {
    color: var(--peach);
}

.frontend-button,
.auction-search-button {
    background-color: var(--peach);
    font-size: 1.5em;
}

.auction-search-button:hover{
    background-color: var(--peach);
}

.auction-nav-top-element-link,
.auction-layout .auction-nav-element-link {
    color: black;
}

.nav-language-chooser.auction-navbar-lang{
    display: none;
}

.auction-nav-top-element-link:hover,
.auction-layout .auction-nav-element-link:hover {
    color: black;
    background: transparent;
}

.auction-nav-element-link:hover::after {
    content: '';
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: black;
    z-index: 1;
    bottom: 0;
    left: 0;
}

.auction-detail-video-grid video {
    width: 100%
}

.footer-container {
    background-image: radial-gradient(farthest-corner at 0px 10%, var(--light-green) 0%, #fff0 80% 30%),
                      radial-gradient(farthest-corner at 100% 90%, var(--peach) 0%, #fff0 80% 30%);
}

.footer-navigation-container {
    background-color: transparent;
}

.grid-container {
        display: grid;
        grid-gap: 30px;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr) );
}

.content-container {
    margin-top: 40px;
}

.attitude-video{
    width: 100%;
    display: block;
}

.company-account-radio-input:checked + label{
    border-color: var(--peach);
}

.navbar-content {
    gap: 16px 64px;
}

.select2-results{
    background-color: var(--dark-grey);
}

.auction-detail-highest-bid-value{
    color: var(--text-color);
}

@media only screen and (max-width: 900px) {
    .auction-nav-desktop-navigation {
        background-color: var(--background-color);
        top: 144px;
    }

    .auction-layout .auction-nav-element-link {
        color: var(--text-color);
    }

    .auction-nav-top-element-link:hover,
    .auction-layout .auction-nav-element-link:hover {
        color: var(--text-color);
        background: transparent;
    }

    .auction-navbar .nav-language-chooser.auction-navbar-lang {
        display: inline-flex;
        justify-content: center;
    }
}