/*****************************************
******************************************
Theme Name: Auktion | Falcons x Sparkasse
Author: fourplex
******************************************
*****************************************/

@font-face {
    font-family: 'Uniform Condensed';
    src: url('assets/UniformCondensedBook.eot');
    src: url('assets/UniformCondensedBook.eot?#iefix') format('embedded-opentype'),
        url('assets/UniformCondensedBook.woff2') format('woff2'),
        url('assets/UniformCondensedBook.woff') format('woff'),
        url('assets/UniformCondensedBook.ttf') format('truetype'),
        url('assets/UniformCondensedBook.svg#UniformCondensedBook') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Uniform Condensed bold';
    src: url('assets/UniformCondensedBold.eot');
    src: url('assets/UniformCondensedBold.eot?#iefix') format('embedded-opentype'),
        url('assets/UniformCondensedBold.woff2') format('woff2'),
        url('assets/UniformCondensedBold.woff') format('woff'),
        url('assets/UniformCondensedBold.ttf') format('truetype'),
        url('assets/UniformCondensedBold.svg#UniformCondensedBold') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

:root {
    --red: #b61515;
}

html {
    font-size: 17.5px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Uniform Condensed";
}

h1, h2, h3, h4 {
    font-family: "Prohibition" !important;
    font-style: normal;
    font-weight: 400;
}

.headline-2 {
    font-size: clamp(20px, 5vw, 40px);
    font-weight: 700 !important;
}

p, span {
    line-height: 1.75em;
}

i {
    font-family: "Font Awesome 6 Pro" !important;
}

.bold {
    font-family: 'Uniform Condensed bold';
}

.container {
    padding: 2rem;
}

.boxed-small {
    max-width: 1600px;
    margin: 0 auto;
}

.boxed {
    max-width: 1200px;
    margin: 0 auto;
}

.flex {
    display: flex;
}

.justify-between {
    justify-content: space-between;
}

.items-center {
    align-items: center;
}

.gap {
    gap: 2rem;
}

.margin {
    margin-bottom: 2rem;
}

/* For Chrome, Safari, Edge, and Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}


/**************************************************
***************************************************
**************************************************/


/* HEADER */
header {
    width: 100%;
    background: url("https://auktion.sparkasse-nuernberg.tagteam.de/wp-content/uploads/2025/03/fal-texture-dark.svg") no-repeat center/cover 
}

header a {
    color: white;
    text-decoration: none;
}

/* PRODUCTS */
#products {
    padding: 3.5rem 0;
}

.grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(16rem, 1fr));
    gap: 2rem;
}

.grid-item {
    max-height: 60vh;
    width: 100%;
    padding: 1rem;
    border: 1px solid rgb(148, 148, 148);
    border-radius: calc(1rem / 3);
    overflow: hidden;
    text-decoration: none;
}

.grid-item img {
    width: 100%;
    object-fit: contain;
    border-radius: calc(1rem / 3);
}

.grid-item article {
    max-height: 15%;
    padding: 1rem;
    color: black;
    font-size: 20px;
}

/* SINGLE PRODUCT PAGE */
.ywcact-time-left, .ywcact-auction-end, .ywcact-your-bid-header p, #max_winner {
    font-family: "Uniform Condensed bold" !important;
    font-weight: unset;
}


#back-to-overview {
    color: var(--red);
    text-decoration: none;
    margin-bottom: 2rem;
    gap: .5rem;

}
#back-to-overview i {
    font-size: 12.5px;
}

#single-product .woocommerce-breadcrumb, .yith-wcact-aution-badge, .stock, .ywcact-your-bid-header, .ywcact-currency-symbol.ywcact-currency-value, .product_meta, .reviews_tab, .description_tab, .related.products, .ywcact-other-auctions-section, .ywcact-congratulations-winner-auction-section form, #yith_auction_end_product_page h2:first-child, .ywcact-congratulation-message-content h2, #yith_wcact_reserve_and_overtime {
    display: none;
}

#single-product .product {
    display: flex;
    gap: 3rem;
    margin: 2.5rem 0;
}

.woocommerce-product-gallery {
    width: 50%;
}

.woocommerce-product-gallery__wrapper {
    position: sticky;
    top: 35px;
}

.woocommerce-product-gallery img{
    width: 100%;
    object-fit: cover;
}

.summary.entry-summary {
    width: 45%;
    align-self: flex-end;
    display: flex;
    flex-direction: column;
}

.product_title {
    font-size: clamp(20px, 5vw, 40px);
    font-weight: bold;
    order: 1;
}

.price, .price *{
    font-size: clamp(20px, 3vw, 25px);
    font-family: "Prohibition" !important;
    order: 2;
    margin: 1.25rem 0;

}

.product-description {
    order: 3;
    padding: 1rem 0;
}

.product-description ul {
    padding-inline-start: 1rem;
}

.summary.entry-summary form {
    order: 4;
}

#winner_maximun_bid, .yith-wcact-time-left-main {
    border-radius: 4px;
}

.yith-wcact-timeleft-big-blocks .yith-wcact-timeleft {
    border: 2px solid var(--red);
}

#yith-wcact-form-bid {
    width: 100%;
    display: flex;
}

#yith-wcact-form-bid .quantity {
    width: 75% !important;
    max-width: none;
}

#yith-wcact-form-bid input {
    height: 3rem;
    width: 100%;
    background: #b61515b8;
    border-radius: 4px 0 0 4px;
    border: none;
    outline: none;
    text-transform: uppercase;
    font-size: 1.25rem;
    color: white;
    padding-left: 1rem;
    font-family: "Prohibition" !important;

}
#yith-wcact-form-bid input::placeholder {
    color: white;
}

.auction_bid.button {
    flex: 1 1 0;
    border: none;
    border-radius: 0 4px 4px 0;
    outline: none;
    background: var(--red);
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
    transition: all .25s ease;
    cursor: pointer;
    font-family: "Prohibition" !important;

}

.bids {
    margin: 2.5rem 0;
}

.woocommerce-tabs.wc-tabs-wrapper {
    width: 100%;
}

.tabs {
    list-style: none;
    margin-bottom: 1rem;
} 

.tabs a {
    color: black;
    text-decoration: none;
    font-size: clamp(20px, 3vw, 30px);
}


.ywcact-list-bids-table tr:nth-child(1) td {
    border-bottom: 1px solid black;
}

.ywcact-list-bids-table tr:not(:nth-child(1)) td {
    padding: .5rem 0;
}

.ywcact-congratulations-winner-auction-section {
    background: none;
    border: 2px solid var(--red);
}
.ywcact-congratulation-title-message {
    font-family: "Prohibition";
    font-size: clamp(20px, 5vw, 25px);
}

.ywcact-congratulations-winner-auction-section #yith-wcact-auction-won-auction {
    font-family: "Prohibition";
    background: var(--red);
    width: 50%;
    border: none;
    outline: none;
    padding: .5rem;
    color: white;
    font-size: 20px;
    cursor: pointer;
}

/* CART */
.wc-block-components-product-badge.wc-block-components-product-low-stock-badge {
    display: none;
}

.wc-block-cart {
    max-width: 1600px;
    margin: 3rem auto !important;
    padding: 2rem;
} 

/* CHECKOUT */
.wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
    display: none;
}

.wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    max-width: 1600px;
    margin: 0 auto;
    padding: 2rem;
}

.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button {
    border: 1px solid var(--red);
    background: #b61515b8;
    color: white;
    transition: all .25s ease;
}
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:hover {
    background: var(--red);
}

/* FOOTER */
footer {
    width: 100%;
    background: url("https://auktion.sparkasse-nuernberg.tagteam.de/wp-content/uploads/2025/03/fal-texture-dark.svg") no-repeat center/cover;
}

footer a img {
    max-width: 175px;
}

/* MYACCOUNT */
#seperator {
    height: 1px;
    width: 100%;
    margin: 3.5rem 0;
    background: var(--red);
}

#login-register-section input:not(input[type="checkbox"]) {
    height: 3rem;
    width: 50%;
    padding: 0 6px;
}

#login-register-section .button {
    outline: none;
    border: 1px solid var(--red);
    background: #b61515b8;
    color: white;
    transition: all .25s ease;
    padding: 1rem;
    width: 50%;
    display: block;
    cursor: pointer;
}

#login-register-section .button:hover {
    background: var(--red);
}

.woocommerce-MyAccount-navigation ul{
    list-style-type: none;
}

.woocommerce-MyAccount-navigation ul li a {
    text-decoration: none;
    color: black;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
    color: var(--red);
}

.woocommerce-notices-wrapper, .woocommerce-MyAccount-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

.woocommerce-notices-wrapper li{
    list-style: none;
}

.woocommerce-MyAccount-navigation-link--orders, .woocommerce-MyAccount-navigation-link--downloads, .woocommerce-MyAccount-navigation-link--edit-address, .woocommerce-MyAccount-navigation-link--edit-account, .auction_pay_order, .woocommerce-MyAccount-content p:nth-child(3) {
    display: none !important;
}

.shop_table.shop_table_responsive.my_account_orders.yith_wcact_my_auctions_auction_list_index {
    width: 100%;
    text-align: center;
}

.shop_table.shop_table_responsive.my_account_orders.yith_wcact_my_auctions_auction_list_index img{
    object-fit: contain;
    height: 100%;
}

/* ORDER CONFIRMATION */
.woocommerce-order {
    padding: 2rem;
    max-width: 1600px;
    margin: 0 auto;
}

.woocommerce-order ul{
    list-style: none;
}

/* RESPONSIVENESS */
@media only screen and (max-width: 1024px) {
    .grid {
        grid-template-columns: repeat(2, minmax(16rem, 1fr));
    }

    /* SINGLE PRODUCT PAGE */
    #single-product .product {
        flex-direction: column;
    }

    .woocommerce-product-gallery {
        object-fit: contain;
        height: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .summary.entry-summary {
        width: 100%;
    }

    /* CHECKOUT */
    .wc-block-components-sidebar-layout {
         flex-direction: column;
    }

    .wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block, .wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.is-sticky.is-large {
        width: 100%;
    }

    .wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.is-sticky.is-large{
        order: 1;
        position: static !important;
        margin-bottom: 1rem;
    }

    .wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block {
        order: 2;
    }
}

@media only screen and (max-width: 768px) {
    .grid {
        grid-template-columns: repeat(1, minmax(16rem, 1fr));
    }

    /* HEADER */
    header div.flex:nth-child(2){
        flex-direction: column-reverse;
        align-items: flex-end !important;
        gap: .5rem !important;
    }

    /* MYACCOUNT */
    .woocommerce-Input {
        width: 100%;
    }

    .woocommerce-form-login__submit {
        width: 100%;
    }
}