/* =========================================================
   EGO VEILING - ASTRA ACCOUNT LAYOUT
   ========================================================= */

.woocommerce-account .ast-container {
    max-width: 95% !important;
    width: 95% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* =========================================================
   EGO VEILING - MIJN ACCOUNT SIDEBAR
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation {

    background: #046bd2;

    padding: 15px;

    border-radius: 12px;

    box-shadow:
        0 12px 30px rgba(0,0,0,.25),
        0 4px 12px rgba(0,0,0,.15);

}
/* =========================================================
   MENU LIJST
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    background: #046bd2 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    background: #046bd2 !important;
}

/* =========================================================
   MENU ITEMS
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {

    display: flex !important;
    align-items: center !important;
    gap: 12px !important;

    width: 100% !important;
    box-sizing: border-box !important;

    background: #046bd2 !important;
    color: #ffffff !important;

    text-decoration: none;

    padding: 12px 15px;

    border: 1px solid rgba(255,255,255,0.7) !important;
    outline: none !important;

    border-radius: 8px;

    transition: all .25s ease;

    font-weight: 600;

    text-shadow:
        2px 2px 0px rgba(0,0,0,.55),
        0 0 6px rgba(0,0,0,.35);

    box-shadow: 0 2px 6px rgba(0,0,0,.15);

    margin: 0 !important;
}
/* =========================================================
   VERWIJDER ALLE EXTRA WITTE ICONEN
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation li::before,
.woocommerce-account .woocommerce-MyAccount-navigation li::after,
.woocommerce-account .woocommerce-MyAccount-navigation a::before,
.woocommerce-account .woocommerce-MyAccount-navigation a::after {

    display: none !important;
    content: none !important;
}

/* =========================================================
   ICONEN
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation i,
.woocommerce-account .woocommerce-MyAccount-navigation svg {

    color: #000000 !important;
    fill: #000000 !important;

    min-width: 20px;
    text-align: center;

    text-shadow: none !important;
    filter: none !important;
}

/* =========================================================
   HOVER
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {

    transform: translateX(4px);

    box-shadow: 0 6px 14px rgba(0,0,0,.25);
}

/* =========================================================
   ACTIEVE TAB
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {

    background: #ffffff !important;

    color: #000000 !important;

    font-weight: 700;
	
	text-shadow:
    1px 1px 0px rgba(255,255,255,.25),
    0 0 4px rgba(0,0,0,.15);

    border: 1px solid #ffffff !important;

    box-shadow: 0 8px 18px rgba(0,0,0,.25);
}

/* =========================================================
   ACTIEVE TAB ICONEN
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a i,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a svg {

    color: #000000 !important;
    fill: #000000 !important;
}


/* =========================================================
   EGO VEILING - TITELBALK ACCOUNT PAGINA'S
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-content h2 {

    background: #046bd2 !important;

    color: #ffffff !important;

    padding: 12px 20px !important;

    margin: 0 0 20px 0 !important;

    border-radius: 8px !important;

    font-size: 22px !important;

    font-weight: 700 !important;

    line-height: 1.4 !important;

    text-shadow:
        2px 2px 0px rgba(0,0,0,.45),
        0 0 8px rgba(0,0,0,.25) !important;

    box-shadow:
        0 10px 24px rgba(0,0,0,.22),
        0 4px 10px rgba(0,0,0,.12) !important;
}
/* =========================================================
   INFO TEKST ONDER TITEL
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-content p {

    margin-top: 0 !important;
}


/* =========================================================
   EGO VEILING - MINDER RUIMTE BOVENAAN ACCOUNT PAGINA
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation {
    margin-top: -25px !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    margin-top: -25px !important;
}



/* =========================================================
   ACCOUNT CONTENT UITLIJNING
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-content {

    position: relative !important;
    left: -10px !important;
}

/* =========================================================
   TITELBALKEN
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-content h2 {

    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

.woocommerce-account .woocommerce-MyAccount-content h2 {

    text-align:center !important;

}

/* =========================================================
   INFO TEKSTEN
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-content p {

    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

/* =========================================================
   DASHBOARD LOGO
   ========================================================= */

.bb-dashboard-logo-wrap {

    padding: 0 !important;
    margin: -10px 0 15px 0 !important;
}

/* =========================================================
   DASHBOARD TITEL + INTRO
   ========================================================= */

.bb-dashboard-intro h2{

    margin-bottom:8px !important;
}

.bb-dashboard-intro p{

    margin-top:0 !important;
    margin-bottom:10px !important;
}
/* =========================================================
   BRICKBID DASHBOARD
   ========================================================= */

.bb-dashboard-container{

    text-align:center;
}

.bb-dashboard-logo-wrap{

    margin-bottom:20px;
}

.bb-dashboard-logo{

    max-width:500px;
    width:100%;
    height:auto;

    display:block;

    margin:0 auto;
}

.bb-dashboard-intro{

    max-width:900px;
    margin:0 auto;
}



/* =========================================================
   DASHBOARD LOGO AFSTEMMEN
   ========================================================= */

.bb-dashboard-logo{

    max-width:750px !important;
    width:100% !important;
    height:auto !important;

    display:block !important;

    margin:0 auto !important;
}
.bb-dashboard-logo-wrap{

    padding:0 !important;
    margin:0 0 20px 0 !important;
}
.bb-dashboard-logo-wrap{

    padding:0 !important;
    margin:0 0 20px 0 !important;
}


/* =========================================================
   BRICKBID HOMEPAGE TITEL
   ========================================================= */

.home h1 {

    font-size: 78px !important;

    font-weight: 900 !important;

    letter-spacing: 3px !important;

    line-height: 1.1 !important;

    text-shadow:
        4px 4px 0px rgba(0,0,0,0.55),
        8px 8px 18px rgba(0,0,0,0.45) !important;
}


/* =========================================================
   BRICKBID HOMEPAGE SLOGAN WITTE GLOW
   ========================================================= */

.home p {

    text-shadow:
        0 0 6px rgba(255,255,255,0.80),
        0 0 12px rgba(255,255,255,0.60) !important;
}



/* ==========================================
   WINNING BADGE VERBERGEN
   ========================================== */

.auction-winners,
.winning,
.woocommerce ul.products li.product .winning,
.woocommerce div.product .winning {

    display: none !important;
}


/* =========================================================
   BRICKBID WATCHLIST TEKSTEN VERBERGEN
   ========================================================= */

.sa-watchlist-action{
    font-size:0 !important;
}

.sa-watchlist-action:before{
    font-size:18px;
}

.add-wsawl:before{
    content:"♡";
    color:#e53935;
}

.remove-wsawl:before{
    content:"♥";
    color:#e53935;
}




/* ==========================================
   BRICKBID FAVORIETEN HARTJE
   ========================================== */

.sa-watchlist-action{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    width:42px;
    height:42px;

    background:#ffffff !important;
    border-radius:50%;

    box-shadow:0 3px 10px rgba(0,0,0,.15);

    font-size:0 !important;
    text-decoration:none !important;
}

.sa-watchlist-action:before{
    font-size:22px;
    line-height:1;
}

.add-wsawl:before{
    content:"♡";
    color:#e53935;
}

.remove-wsawl:before{
    content:"♥";
    color:#e53935;
}



/* ==========================================================
   BRICKBID WATCHLIST PLUGIN ICONEN UITSCHAKELEN
   ========================================================== */

.wsawl-link a::after,
.wsawl-link a::before,
.sa-watchlist-action::after{
    content:none !important;
}



/* ==========================================================
   BRICKBID EIGEN HARTJE
   ========================================================== */

.sa-watchlist-action{

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:46px !important;
    height:28px !important;

    background:#fff !important;

    border-radius:50% !important;

    text-decoration:none !important;

    font-size:0 !important;

    box-shadow:0 3px 10px rgba(0,0,0,.18);
}

.sa-watchlist-action.remove-wsawl::before{

    content:"♥" !important;

    color:#e53935 !important;

    font-size:24px !important;

    line-height:1 !important;
}

.sa-watchlist-action.add-wsawl::before{

    content:"♡" !important;

    color:#e53935 !important;

    font-size:24px !important;

    line-height:1 !important;
}


/* ==========================================
   BRICKBID FAVORIETEN OP FOTO
   ========================================== */

.woocommerce ul.products li.product{
    position:relative !important;
}

.woocommerce ul.products li.product .wsawl-link{

    position:absolute !important;

    top:10px !important;

    left:10px !important;

    margin:0 !important;

    z-index:9999 !important;
}






/* =========================================================
   BRICKBID HOOFDCATEGORIEËN
   ========================================================= */

.bb-category-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

    margin-top:25px;
}
/* =========================================================
   CATEGORIE KAART
   ========================================================= */

.bb-category-card{

    display:block;

    overflow:hidden;

    background:#ffffff;

    border-radius:14px;

    text-decoration:none !important;

    box-shadow:
        0 10px 24px rgba(0,0,0,.18),
        0 4px 10px rgba(0,0,0,.10);

    transition:all .25s ease;
}

.bb-category-card:hover{

    transform:translateY(-4px);

    box-shadow:
        0 14px 30px rgba(0,0,0,.24),
        0 6px 12px rgba(0,0,0,.12);
}

/* =========================================================
   FOTO
   ========================================================= */

.bb-category-image{

    aspect-ratio:1/1;

    overflow:hidden;
}

.bb-category-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;
}

/* =========================================================
   ONDERSTE BLAUWE BALK
   ========================================================= */

.bb-category-content{

    background:#046bd2;

    color:#ffffff;

    text-align:center;

    padding:10px;
}

.bb-category-content h3{

    margin:0 0 4px 0;

    color:#ffffff;

    font-size:22px;

    font-weight:800;

    text-shadow:
        2px 2px 0 rgba(0,0,0,.50),
        0 0 8px rgba(0,0,0,.25);
}

.bb-category-count{

    display:block;

    color:#ffffff;

    font-size:15px;

    font-weight:600;

    text-shadow:
        1px 1px 0 rgba(0,0,0,.40);
}



/* =========================================================
   BRICKBID PRODUCT CATEGORIES PAGINA
   ========================================================= */

.page-id-217 .entry-title {

    background: #046bd2 !important;

    color: #ffffff !important;

    padding: 12px 20px !important;

    margin: 0 0 20px 0 !important;

    border-radius: 8px !important;

    font-size: 22px !important;

    font-weight: 700 !important;

    line-height: 1.4 !important;

    text-align: center !important;

    text-shadow:
        2px 2px 0px rgba(0,0,0,.45),
        0 0 8px rgba(0,0,0,.25) !important;

    box-shadow:
        0 10px 24px rgba(0,0,0,.22),
        0 4px 10px rgba(0,0,0,.12) !important;
}

/* =========================================================
   INFO TEKST ONDER TITEL
   ========================================================= */

.page-id-217 .entry-content > p:first-of-type {

    text-align: center !important;

    max-width: 900px !important;

    margin-left: auto !important;

    margin-right: auto !important;

    margin-bottom: 25px !important;
}

/* =========================================================
   BRICKBID PRODUCT CATEGORIES PAGINA
   ========================================================= */

.page-id-217 article {

    margin-top: -25px !important;
}


/* =========================================================
   BRICKBID SUBCATEGORIE TITELBALK
   ========================================================= */

.tax-product_cat .ast-archive-entry-banner {

    background: transparent !important;

    padding: 0 !important;

    margin-top: 30px !important;

    margin-bottom: 0px !important;
}

.tax-product_cat .ast-archive-entry-banner .ast-container {

    max-width: 95% !important;

    width: 95% !important;
}

.tax-product_cat .ast-archive-entry-banner h1 {

    background: #046bd2 !important;

    color: #ffffff !important;

    padding: 14px 20px !important;

    margin: 0 !important;

    border-radius: 8px !important;

    text-align: center !important;

    font-size: 28px !important;

    font-weight: 700 !important;

    line-height: 1.4 !important;

    text-shadow:
        2px 2px 0 rgba(0,0,0,.45),
        0 0 8px rgba(0,0,0,.25) !important;

    box-shadow:
        0 10px 24px rgba(0,0,0,.22),
        0 4px 10px rgba(0,0,0,.12) !important;
}


/* =========================================================
   BRICKBID SUBCATEGORIEËN FULL WIDTH
   ========================================================= */

.tax-product_cat .ast-container {

    max-width: 100% !important;

    width: 100% !important;

    padding-left: 20px !important;

    padding-right: 20px !important;
}

/* 4 kavels per rij */

.tax-product_cat ul.products {

    display: grid !important;

    grid-template-columns: repeat(4, 1fr) !important;

    gap: 25px !important;
}

.tax-product_cat ul.products li.product {

    width: 100% !important;

    margin: 0 !important;
}

/* =========================================================
   BRICKBID SUBCATEGORIEËN EXTRA BREEDTE
   ========================================================= */

.tax-product_cat #primary {

    width: 100% !important;

    max-width: 100% !important;

    flex: 0 0 100% !important;
}

.tax-product_cat .ast-woocommerce-container {

    width: 100% !important;

    max-width: 100% !important;
}

.tax-product_cat .site-content .ast-container {

    max-width: 100% !important;

    width: 100% !important;
}

/* =========================================================
   BRICKBID HOOFDCATEGORIEËN FINETUNING
   ========================================================= */

/* Alle kaarten exact gelijk */

.bb-category-card {

    height: 100%;

    display: flex;

    flex-direction: column;
}

/* Fotozone identiek */

.bb-category-image {

    height: 260px;

    flex-shrink: 0;
}

.bb-category-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;
}

/* Blauwe balk compacter */

.bb-category-content {

    padding: 8px 10px !important;

    min-height: 88px;

    display: flex;

    flex-direction: column;

    justify-content: center;
}

/* Titel iets netter */

.bb-category-content h3 {

    font-size: 18px !important;

    line-height: 1.15 !important;

    margin-bottom: 4px !important;
}

/* Actieve kavels */

.bb-category-count {

    font-size: 14px !important;
}

/* Sterkere schaduw zoals productcards */

.bb-category-card {

    box-shadow:
        0 12px 28px rgba(0,0,0,.18),
        0 4px 10px rgba(0,0,0,.10);
}

/* =========================================================
   BRICKBID PRODUCT CARDS - COMPLETE VERSIE
   ========================================================= */

/* Quick View volledig weg */
.sp-wqv-view-button,
.button.sp-wqv-view-button,
a#sp-wqv-view-button {
    display: none !important;
}

/* Productkaart */
/* Productkaart */
.tax-product_cat ul.products li.product {
    background: #ffffff;
    border-radius: 14px;

    box-shadow:
        0 8px 25px rgba(0,0,0,0.12),
        0 3px 10px rgba(0,0,0,0.08);

    overflow: hidden;
    padding-bottom: 20px;

    transition: all .25s ease;
}

/* Extra hover effect */
.tax-product_cat ul.products li.product:hover {
    transform: translateY(-3px);
    box-shadow:
        0 14px 35px rgba(0,0,0,0.18),
        0 5px 15px rgba(0,0,0,0.10);
}

/* Afbeelding */
.tax-product_cat .astra-shop-thumbnail-wrap {
    margin-bottom: 15px;
}

/* Categorie */
.tax-product_cat .ast-woo-product-category {
    display: block;
    text-align: center;
    color: #999;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

/* Titel */
.tax-product_cat .woocommerce-loop-product__title {
    text-align: center;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;

    padding: 0 15px;
    margin-bottom: 18px !important;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;

    min-height: 48px;
    max-height: 48px;
}

/* Current Bid / Winning Bid */
.tax-product_cat .price,
.tax-product_cat .winned-for,
.tax-product_cat .current-bid,
.tax-product_cat .current_bid {
    text-align: center;
    color: #000 !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.3;
}

/* Inhoud centreren */
.tax-product_cat .astra-shop-summary-wrap {
    text-align: center;
}

/* =========================================================
   BRICKBID VEILINGKNOPPEN
   ========================================================= */

.tax-product_cat .astra-shop-summary-wrap a.button {

    width: calc(100% - 30px) !important;

    display: block !important;

    margin: 15px auto 0 auto !important;

    padding: 12px 15px !important;

    border-radius: 6px !important;

    text-align: center !important;

    font-size: 18px !important;

    font-weight: 700 !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;

    text-shadow:
        0 1px 0 rgba(0,0,0,.8),
        0 2px 2px rgba(0,0,0,.25);
}

/* Pay Now nog NIET aanpassen
   (daarvoor heb ik eerst de exacte class nodig) */

/* Gelijke uitlijning */
.tax-product_cat ul.products li.product {
    display: flex;
    flex-direction: column;
}

.tax-product_cat .astra-shop-summary-wrap {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.tax-product_cat .button.product_type_auction {
    margin-top: auto !important;
}

/* =========================================================
   BRICKBID BUTTON FIX
   ========================================================= */

.tax-product_cat .astra-shop-summary-wrap a.button,
.tax-product_cat .astra-shop-summary-wrap .button,
.tax-product_cat .product_type_auction {

    display: block !important;

    width: 85% !important;

    max-width: 260px !important;

    margin: 15px auto 0 auto !important;

    padding: 12px 15px !important;

    border-radius: 8px !important;

    text-align: center !important;

    font-size: 18px !important;

    font-weight: 700 !important;

    box-sizing: border-box !important;

    text-shadow:
        0 1px 0 rgba(0,0,0,.8),
        0 2px 3px rgba(0,0,0,.4) !important;
}

/* Pay Now exact dezelfde grootte */

.tax-product_cat a[href*="pay-auction"] {

    width: 85% !important;

    max-width: 260px !important;

    margin: 15px auto 0 auto !important;

    text-shadow:
        0 1px 0 rgba(0,0,0,.8),
        0 2px 3px rgba(0,0,0,.4) !important;
}

/* =========================================================
   BRICKBID ALLE KNOPPEN IDENTIEK
   ========================================================= */

/* =========================================================
   BRICKBID GELIJKE KNOPPEN
   ========================================================= */

.tax-product_cat .astra-shop-summary-wrap a.button,
.tax-product_cat .astra-shop-summary-wrap .button {

    width: 85% !important;
    max-width: 260px !important;

    min-height: 48px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 15px auto 0 auto !important;
    padding: 12px 20px !important;

    border-radius: 8px !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    font-family: inherit !important;

    text-align: center !important;

    text-shadow:
        0 1px 0 rgba(0,0,0,.8),
        0 2px 3px rgba(0,0,0,.4) !important;
}

/* Pay Now exact dezelfde styling */

.tax-product_cat a[href*="pay-auction"] {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 48px !important;

    border-radius: 8px !important;

    font-size: 18px !important;
    font-weight: 700 !important;
}


/* =========================================================
   BRICKBID TIMER + PRODUCT CARD BUTTONS
   ========================================================= */

/* TIMER WRAPPER */

.bb-loop-timer-wrap {

    width: 100% !important;

    margin: 10px 0 !important;

    padding: 0 !important;

}

/* ZWARTE TIMER BALK */

.bb-loop-timer-wrap .main-auction {

    width: 100% !important;

    background: #111 !important;

    color: #fff !important;

    border-radius: 10px !important;

    padding: 12px !important;

    box-sizing: border-box !important;

    text-align: center !important;

    box-shadow: 0 4px 12px rgba(0,0,0,.20);

}

/* ALLES OP 1 RIJ */

.bb-loop-timer-wrap .countdown_row {

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    gap: 12px !important;

}

/* DAGEN / UREN / MIN / SEC */

.bb-loop-timer-wrap .countdown_section {

    display: flex !important;

    align-items: center !important;

    gap: 2px !important;

    font-size: 0 !important;

    color: #fff !important;

}

/* VERBERG BR */

.bb-loop-timer-wrap .countdown_section br {

    display: none !important;

}

/* CIJFERS */

.bb-loop-timer-wrap .countdown_amount {

    font-size: 18px !important;

    font-weight: 700 !important;

    color: #fff !important;

    line-height: 1 !important;

}

/* D H M S */

.bb-loop-timer-wrap .countdown_section:nth-child(1)::after {

    content: "D";

    font-size: 12px;

    color: #fff;

}

.bb-loop-timer-wrap .countdown_section:nth-child(2)::after {

    content: "H";

    font-size: 12px;

    color: #fff;

}

.bb-loop-timer-wrap .countdown_section:nth-child(3)::after {

    content: "M";

    font-size: 12px;

    color: #fff;

}

.bb-loop-timer-wrap .countdown_section:nth-child(4)::after {

    content: "S";

    font-size: 12px;

    color: #fff;

}

/* =========================================================
   KNOPPEN VOLLEDIGE BREEDTE
   ========================================================= */

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .auction_form .button,
.woocommerce ul.products li.product .bid_button {

    width: 100% !important;

    max-width: 100% !important;

    margin: 10px 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    box-sizing: border-box !important;

}

/* PAY NOW */

.woocommerce ul.products li.product a[href*="pay-auction"] {

    width: 100% !important;

    max-width: 100% !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

}

/* TIMER MOOIER GECENTREERD */

.bb-loop-timer-wrap .countdown_row {

    justify-content: space-evenly !important;

    width: 100% !important;

}

.bb-loop-timer-wrap .countdown_section {

    min-width: 45px !important;

    justify-content: center !important;

    text-align: center !important;

}

.bb-loop-timer-wrap .countdown_amount {

    display: inline-block !important;

    min-width: 18px !important;

    text-align: center !important;

}

 

/* =========================================================
   BRICKBID SHOP PAGINA FULL WIDTH
   ========================================================= */

.post-type-archive-product #primary {

    width: 100% !important;

    max-width: 100% !important;

    flex: 0 0 100% !important;
}

.post-type-archive-product .ast-woocommerce-container {

    width: 100% !important;

    max-width: 100% !important;
}

.post-type-archive-product .site-content .ast-container {

    max-width: 100% !important;

    width: 100% !important;

    padding-left: 20px !important;

    padding-right: 20px !important;
}

/* 4 kaarten per rij */

.post-type-archive-product ul.products {

    display: grid !important;

    grid-template-columns: repeat(4,1fr) !important;

    gap: 25px !important;
}

.post-type-archive-product ul.products li.product {

    width: 100% !important;

    margin: 0 !important;
}

/* =========================================================
   BRICKBID SHOP TITELBALK
   ========================================================= */

.post-type-archive-product .ast-archive-entry-banner {

    background: transparent !important;

    padding: 0 !important;

    margin-top: 30px !important;

    margin-bottom: 0 !important;
}

.post-type-archive-product .ast-archive-entry-banner h1 {

    background: #046bd2 !important;

    color: #fff !important;

    padding: 14px 20px !important;

    border-radius: 8px !important;

    text-align: center !important;

    font-size: 28px !important;

    font-weight: 700 !important;

    text-shadow:
        2px 2px 0 rgba(0,0,0,.45),
        0 0 8px rgba(0,0,0,.25);

    box-shadow:
        0 10px 24px rgba(0,0,0,.22),
        0 4px 10px rgba(0,0,0,.12);
}

/* =========================================================
   BRICKBID SHOP CARDS = SUBCATEGORIE CARDS
   ========================================================= */

/* Productkaart */

.post-type-archive-product ul.products li.product {

    background: #ffffff !important;

    border-radius: 14px !important;

    overflow: hidden !important;

    padding-bottom: 20px !important;

    display: flex !important;

    flex-direction: column !important;

    box-shadow:
        0 8px 25px rgba(0,0,0,0.12),
        0 3px 10px rgba(0,0,0,0.08) !important;

    transition: all .25s ease !important;
}

/* Hover */

.post-type-archive-product ul.products li.product:hover {

    transform: translateY(-3px);

    box-shadow:
        0 14px 35px rgba(0,0,0,0.18),
        0 5px 15px rgba(0,0,0,0.10) !important;
}

/* Inhoud */

.post-type-archive-product .astra-shop-summary-wrap {

    display: flex !important;

    flex-direction: column !important;

    flex: 1 !important;

    text-align: center !important;
}

/* Categorie */

.post-type-archive-product .ast-woo-product-category {

    display: block;

    text-align: center;

    color: #999;

    font-size: 13px;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-bottom: 10px;
}

/* Titel */

.post-type-archive-product .woocommerce-loop-product__title {

    text-align: center !important;

    font-size: 17px !important;

    font-weight: 700 !important;

    line-height: 1.35 !important;

    padding: 0 15px !important;

    margin-bottom: 18px !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    min-height: 48px !important;

    max-height: 48px !important;
}

/* Bid prijs */

.post-type-archive-product .price,
.post-type-archive-product .winned-for,
.post-type-archive-product .current-bid,
.post-type-archive-product .current_bid {

    text-align: center !important;

    color: #000 !important;

    font-size: 21px !important;

    font-weight: 800 !important;

    line-height: 1.3 !important;
}

/* Knoppen */

.post-type-archive-product .astra-shop-summary-wrap a.button,
.post-type-archive-product .astra-shop-summary-wrap .button {

    width: 100% !important;

    max-width: 100% !important;

    min-height: 48px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    margin: 10px 0 !important;

    padding: 12px 20px !important;

    border-radius: 8px !important;

    font-size: 18px !important;

    font-weight: 700 !important;

    text-align: center !important;

    text-shadow:
        0 1px 0 rgba(0,0,0,.8),
        0 2px 3px rgba(0,0,0,.4) !important;
}

/* Biedknop onderaan houden */

.post-type-archive-product .button.product_type_auction {

    margin-top: auto !important;
}



/* =========================================================
   BRICKBID ACCOUNT AUCTION CARDS
   ========================================================= */

.woocommerce-account ul.products li.product {

    background: #ffffff;
    border-radius: 14px;

    box-shadow:
        0 8px 25px rgba(0,0,0,0.12),
        0 3px 10px rgba(0,0,0,0.08);

    overflow: hidden;

    padding-bottom: 20px;

    transition: all .25s ease;

    display: flex;
    flex-direction: column;
}

.woocommerce-account ul.products li.product:hover {

    transform: translateY(-3px);

    box-shadow:
        0 14px 35px rgba(0,0,0,0.18),
        0 5px 15px rgba(0,0,0,0.10);
}

.woocommerce-account .astra-shop-summary-wrap {

    display: flex;
    flex-direction: column;
    flex: 1;

    text-align: center;
}

.woocommerce-account .woocommerce-loop-product__title {

    text-align: center;

    font-size: 17px !important;

    font-weight: 700 !important;

    line-height: 1.35 !important;

    padding: 0 15px;

    min-height: 48px;

    max-height: 48px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;
}

.woocommerce-account .price {

    text-align: center;

    font-size: 21px !important;

    font-weight: 800 !important;
}

/* =========================================================
   BRICKBID ACCOUNT PRODUCT TITELS = ZELFDE ALS SHOP
   ========================================================= */

.woocommerce-account ul.products li.product
.woocommerce-loop-product__title {

    background: transparent !important;

    color: #222 !important;

    text-shadow: none !important;

    box-shadow: none !important;

    border: none !important;

    padding: 0 15px !important;

    margin: 15px 0 !important;

    font-size: 17px !important;

    font-weight: 700 !important;

    line-height: 1.35 !important;

    text-align: center !important;

    min-height: 48px !important;

    max-height: 48px !important;

    overflow: hidden !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;
}


/* Astra hover winkelmand + zwarte knop volledig weg */

.astra-shop-thumbnail-wrap .add_to_cart_button,
.astra-shop-thumbnail-wrap .button,
.astra-shop-thumbnail-wrap .ast-on-card-button {
    display: none !important;
}


/* ==========================================================
 * BRICKBID TIMER OP PRODUCTKAARTEN
 * ==========================================================
 */

add_action( 'woocommerce_before_shop_loop_item_title', 'brickbid_loop_auction_timer', 20 );

function brickbid_loop_auction_timer() {

    global $product;

    if ( ! $product ) {
        return;
    }

    $end_time = get_post_meta(
        $product->get_id(),
        '_auction_dates_to',
        true
    );

    if ( empty( $end_time ) ) {
        return;
    }

    $remaining = strtotime( $end_time ) - current_time( 'timestamp' );

    /* Geen timer tonen bij afgelopen kavels */
    if ( $remaining <= 0 ) {
        return;
    }

    echo '<div class="bb-loop-timer-wrap">';
    echo '<div class="main-auction auction-time-countdown" data-time="' . $remaining . '" data-auctionid="' . $product->get_id() . '" data-format="dHMS"></div>';
    echo '</div>';
}