/* ========================================================= EGO VEILING - ASTRA ACCOUNT LAYOUT ========================================================= */ .woocommerce-account .ast-container { max-width: 95% !important; width: 95% !important; padding-left: 10px !important; padding-right: 10px !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; } /* ========================================================= 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:41px !important; height:20px !important; background:#fff !important; border-radius:20% !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:4 !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; } /* ========================================================== BRICKBID - Producttitels Premium ========================================================== */ .woocommerce ul.products li.product h2, .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:18px; font-weight:600; line-height:1.35; color:#222; text-align:center; margin:14px 10px 10px; transition:.25s ease; } .woocommerce ul.products li.product:hover .woocommerce-loop-product__title{ color:#046bd2; } /* 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 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: 7px !important; box-sizing: border-box !important; text-align: center !important; box-shadow: 0 4px 12px rgba(0,0,0,.20); } .bb-loop-timer-wrap { margin-top: -13px !important; } .main-auction.auction-time-countdown { margin-top: 0 !important; } .main-auction.auction-time-countdown { margin: 0 !important; border-radius: 0 !important; } /* 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; } ul.products li.product .wcfmmp_sold_by_container { display: none !important; } .bb-card-store { margin-top: 12px; text-align: center; font-size: 13px; color: #777; } .bb-card-store a { color: #1e73be; font-weight: 600; text-decoration: none; } .bb-card-store a:hover { text-decoration: underline; } .bb-card-store, .bb-card-store * { margin: 0 !important; padding: 0 !important; line-height: 1 !important; } /* Hoogste bieder knop */ .bb-leading-button { background: linear-gradient(135deg, #22c55e, #16a34a) !important; border-color: #16a34a !important; color: #fff !important; } .bb-leading-button:hover { background: linear-gradient(135deg, #28d163, #1faa59) !important; border-color: #1faa59 !important; color: #fff !important; } /* Overboden knop */ .bb-outbid-button { background: linear-gradient(135deg, #f59e0b, #d97706) !important; border-color: #d97706 !important; color: #fff !important; } .bb-outbid-button:hover { background: linear-gradient(135deg, #fbbf24, #ea580c) !important; border-color: #ea580c !important; color: #fff !important; } /* ========================================================== BRICKBID FILTER BAR ========================================================== */ .bb-filters-wrapper { background: transparent; margin: -80px 0 12px 0 !important; padding: 0; } .bb-filter-toggle { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #e6e6e6; border-radius: 999px; padding: 8px 14px; font-size: 14px; font-weight: 600; color: #222; cursor: pointer; transition: all .2s ease; } .bb-filter-toggle:hover { background: #f7f7f7; border-color: #dcdcdc; color: #222; } .bb-filter-arrow { font-size: 12px; color: #666; transition: transform .2s ease; } .bb-filters-wrapper.active .bb-filter-arrow { transform: rotate(180deg); } .bb-filter-panel { display: none; margin-top: 12px; padding: 16px; background: #fff; border: 1px solid #eee; border-radius: 12px; } .bb-filters-wrapper.active .bb-filter-panel { display: flex; flex-wrap: wrap; gap: 30px; } .bb-filter-group { display: flex; flex-direction: column; gap: 8px; min-width: 160px; } .bb-filter-group h4 { margin: 0 0 6px; font-size: 13px; font-weight: 700; color: #222; } .bb-filter-group label { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #444; cursor: pointer; } .bb-filter-group label:hover { color: #000; } .bb-filter-group input { margin: 0; } /* ========================================================== BRICKBID TIMER - ZWARTE BALK, RECHTE HOEKEN ========================================================== */ .bb-loop-timer-wrap{ margin:12px 0; } .bb-card-countdown{ display:flex; justify-content:center; align-items:center; gap:12px; width:100%; padding:8px 12px; background:#111; color:#fff; border-radius:0 !important; font-size:15px; font-weight:800; letter-spacing:.4px; box-shadow:0 4px 12px rgba(0,0,0,.16); } .bb-timer-box{ display:inline-flex !important; align-items:center; justify-content:center; gap:2px; min-width:auto !important; padding:0 !important; background:transparent !important; color:#fff !important; box-shadow:none !important; border-radius:0 !important; } .bb-timer-box strong{ display:inline !important; font-size:15px !important; line-height:1 !important; font-weight:800 !important; color:#fff !important; } .bb-timer-box small{ display:inline !important; margin:0 !important; font-size:15px !important; line-height:1 !important; font-weight:800 !important; color:#fff !important; opacity:1 !important; text-transform:uppercase !important; } .bb-timer-box small::before{ content:""; } .bb-auction-ended{ display:block; width:100%; background:#111; color:#fff; padding:8px 12px; border-radius:0 !important; text-align:center; font-weight:800; } /* ========================================================== BRICKBID - Favorieten pagina 3 kaarten per rij ========================================================== */ .woocommerce-account .woocommerce-MyAccount-content ul.products.columns-4{ display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:25px !important; } .woocommerce-account .woocommerce-MyAccount-content ul.products.columns-4 li.product{ width:100% !important; margin:0 !important; float:none !important; } /* ========================================================== BRICKBID BADGE SYSTEM v1.3 Teller + Minimumprijs + Koop Nu ========================================================== */ /* Teller + minimumprijs badge */ .bb-bid-count, .bb-card-badge{ display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; width:100% !important; box-sizing:border-box !important; margin:6px 0 !important; padding:7px 0 !important; background:transparent !important; border-top:1px solid #111 !important; border-bottom:1px solid #111 !important; border-left:none !important; border-right:none !important; color:#111 !important; font-size:12px !important; font-weight:700 !important; line-height:1.2 !important; letter-spacing:.5px !important; text-transform:uppercase !important; text-align:center !important; white-space:nowrap !important; box-shadow:none !important; border-radius:0 !important; } /* Wrapper badges */ .bb-card-badges{ width:100% !important; box-sizing:border-box !important; margin:8px 0 8px !important; } /* Teller */ .bb-bid-count .bb-count{ color:#046bd2 !important; font-size:14px !important; font-weight:800 !important; } .bb-bid-count .bb-text{ color:#111 !important; } .bb-bid-count::before{ font-family:"Font Awesome 6 Free","Font Awesome 5 Free" !important; font-weight:900 !important; content:"\f0e3" !important; color:#111 !important; font-size:13px !important; line-height:1 !important; } .bb-card-badge strong{ margin-left:4px !important; font-size:12px !important; font-weight:800 !important; line-height:1 !important; } .bb-reserve-met strong{ color:#198754 !important; } .bb-reserve-not-met strong{ color:#d62828 !important; } .bb-reserve-met strong{ color:#198754 !important; } .bb-reserve-not-met strong{ color:#d62828 !important; } .bb-reserve-none{ color:#111 !important; } /* Koop Nu knop */ .bb-card-buy-now-button{ display:flex !important; align-items:center !important; justify-content:center !important; gap:5px !important; width:100% !important; box-sizing:border-box !important; margin:8px 0 6px !important; padding:12px 16px !important; background:linear-gradient( 180deg, #0b7cff 0%, #046bd2 48%, #0354a8 100% ) !important; border:1px solid #0350a2 !important; border-radius:0 !important; color:#ffffff !important; font-size:13px !important; font-weight:800 !important; text-transform:uppercase !important; letter-spacing:.6px !important; text-decoration:none !important; text-shadow: 0 -1px 0 rgba(0,0,0,.85), 0 1px 0 rgba(255,255,255,.10), 0 2px 2px rgba(0,0,0,.70), 0 3px 6px rgba(0,0,0,.55) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -10px 18px rgba(0,0,0,.18), 0 6px 14px rgba(0,0,0,.22) !important; transition:all .25s ease !important; } .bb-buy-now-text{ flex:none !important; text-align:center !important; color:#fff !important; } .bb-buy-now-icon{ width:auto !important; margin-left:2px !important; font-size:15px !important; font-weight:900 !important; line-height:1 !important; } /* Buy Now beschikbaar */ .buy-now-active .bb-buy-now-icon{ color:#22c55e !important; } /* Buy Now niet beschikbaar */ .buy-now-disabled .bb-buy-now-icon{ color:#ef4444 !important; } /* Niet beschikbaar = niet klikbaar */ .buy-now-disabled{ cursor:default !important; pointer-events:none !important; opacity:.95 !important; } /* Hover alleen als actief */ .bb-card-buy-now-button:hover{ background:linear-gradient( 180deg, #1588ff 0%, #0576df 48%, #035ab0 100% ) !important; color:#fff !important; transform:translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -12px 20px rgba(0,0,0,.22), 0 8px 18px rgba(0,0,0,.28) !important; } .bb-card-buy-now-button:active{ transform:translateY(1px); } .bb-card-badge{ position:relative; top:-12px !important; } } /* ========================================================== BRICKBID - Gelijke verticale afstanden ========================================================== */ /* Teller */ .bb-bid-count{ margin:8px 0 !important; } /* Current Bid / Starting Bid */ ul.products li.product .price{ margin:8px 0 !important; } /* Minimumprijs */ .bb-card-badge{ margin:8px 0 !important; top:0 !important; /* haalt eventuele eerdere top:-... weer weg */ position:relative; } /* Bid Now knop */ ul.products li.product .button{ margin:8px 0 !important; } /* Koop Nu knop */ .bb-card-buy-now-button{ margin:8px 0 !important; } /* Store */ .bb-card-store{ margin-top:8px !important; } /* ========================================================== BRICKBID - Bid Now knop exact zoals Koop Nu ========================================================== */ ul.products li.product .button, ul.products li.product a.button, ul.products li.product .product_type_auction, ul.products li.product .add_to_cart_button{ display:flex !important; align-items:center !important; justify-content:center !important; gap:5px !important; width:100% !important; box-sizing:border-box !important; margin:8px 0 !important; padding:12px 16px !important; background:linear-gradient( 180deg, #0b7cff 0%, #046bd2 48%, #0354a8 100% ) !important; border:1px solid #0350a2 !important; border-radius:0 !important; color:#ffffff !important; font-size:13px !important; font-weight:800 !important; line-height:1.2 !important; text-transform:uppercase !important; letter-spacing:.6px !important; text-decoration:none !important; text-align:center !important; text-shadow: 0 -1px 0 rgba(0,0,0,.85), 0 1px 0 rgba(255,255,255,.10), 0 2px 2px rgba(0,0,0,.70), 0 3px 6px rgba(0,0,0,.55) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -10px 18px rgba(0,0,0,.18), 0 6px 14px rgba(0,0,0,.22) !important; transition:all .25s ease !important; } ul.products li.product .button:hover, ul.products li.product a.button:hover, ul.products li.product .product_type_auction:hover, ul.products li.product .add_to_cart_button:hover{ background:linear-gradient( 180deg, #1588ff 0%, #0576df 48%, #035ab0 100% ) !important; color:#fff !important; transform:translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -12px 20px rgba(0,0,0,.22), 0 8px 18px rgba(0,0,0,.28) !important; } ul.products li.product .button:active, ul.products li.product a.button:active, ul.products li.product .product_type_auction:active, ul.products li.product .add_to_cart_button:active{ transform:translateY(1px); } /* ========================================================== BRICKBID - Homepage WordPress knoppen Zelfde stijl als Bid Now / Buy Now ========================================================== */ .home .wp-block-button__link, .front-page .wp-block-button__link, body.home a.wp-block-button__link{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:220px !important; padding:12px 22px !important; background:linear-gradient(180deg,#0b7cff 0%,#046bd2 48%,#0354a8 100%) !important; border:1px solid #0350a2 !important; border-radius:0 !important; color:#fff !important; font-size:13px !important; font-weight:800 !important; text-transform:uppercase !important; letter-spacing:.6px !important; text-decoration:none !important; text-shadow: 0 -1px 0 rgba(0,0,0,.85), 0 1px 0 rgba(255,255,255,.10), 0 2px 2px rgba(0,0,0,.70), 0 3px 6px rgba(0,0,0,.55) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -10px 18px rgba(0,0,0,.18), 0 6px 14px rgba(0,0,0,.22) !important; transition:all .25s ease !important; } .home .wp-block-button__link:hover, .front-page .wp-block-button__link:hover, body.home a.wp-block-button__link:hover{ background:linear-gradient(180deg,#1588ff 0%,#0576df 48%,#035ab0 100%) !important; color:#fff !important; transform:translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -12px 20px rgba(0,0,0,.22), 0 8px 18px rgba(0,0,0,.28) !important; } /* ========================================================== BRICKBID - Categoriekaarten onderbalk Zelfde stijl als Bid Now / Buy Now ========================================================== */ .bb-category-card .bb-category-content{ background:linear-gradient( 180deg, #0b7cff 0%, #046bd2 48%, #0354a8 100% ) !important; border-top:1px solid #0350a2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -10px 18px rgba(0,0,0,.18) !important; } /* Titel */ .bb-category-card .bb-category-content h3{ color:#ffffff !important; text-shadow: 0 -1px 0 rgba(0,0,0,.85), 0 1px 0 rgba(255,255,255,.10), 0 2px 2px rgba(0,0,0,.70), 0 3px 6px rgba(0,0,0,.55) !important; font-weight:800 !important; letter-spacing:.5px; } /* Productaantal */ .bb-category-card .bb-category-count{ color:#ffffff !important; text-shadow: 0 1px 2px rgba(0,0,0,.45); opacity:.95; } /* ========================================================== BRICKBID - Veilingen hub tegels ========================================================== */ .bb-auction-hub-grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px; margin:30px 0; } .bb-auction-hub-card{ display:flex; min-height:160px; text-decoration:none !important; background:#fff; border:1px solid rgba(0,0,0,.08); box-shadow:0 8px 22px rgba(0,0,0,.10); transition:.25s ease; } .bb-auction-hub-card:hover{ transform:translateY(-3px); box-shadow:0 12px 30px rgba(0,0,0,.15); } .bb-auction-hub-content{ width:100%; padding:28px 24px; background:linear-gradient(180deg,#0b7cff 0%,#046bd2 48%,#0354a8 100%); color:#fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -10px 18px rgba(0,0,0,.18); } .bb-auction-hub-content h3{ color:#fff !important; margin:0 0 10px; font-size:22px; font-weight:800; text-transform:uppercase; letter-spacing:.6px; text-shadow: 0 -1px 0 rgba(0,0,0,.85), 0 2px 3px rgba(0,0,0,.55); } .bb-auction-hub-content p{ color:#fff !important; margin:0; font-size:14px; line-height:1.5; opacity:.95; } @media(max-width:768px){ .bb-auction-hub-grid{ grid-template-columns:1fr; } } /* ========================================================== BRICKBID - VEILINGEN PAGINA TITELBALK Pagina ID: 3058 ========================================================== */ /* Standaard titel verbergen */ .page-id-3058 .entry-header{ display:none !important; } /* Eigen BrickBid titelbalk */ .page-id-3058 .entry-content::before{ content:"Veilingen"; display:block; width:100%; margin:25px 0 35px; padding:18px 30px; text-align:center; color:#fff; font-size:34px; font-weight:800; letter-spacing:.5px; background:linear-gradient( 180deg, #0b7cff 0%, #046bd2 48%, #0354a8 100% ); text-shadow: 0 -1px 0 rgba(0,0,0,.85), 0 1px 0 rgba(255,255,255,.10), 0 2px 3px rgba(0,0,0,.60); box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -10px 18px rgba(0,0,0,.18), 0 8px 18px rgba(0,0,0,.15); } /* ========================================================== BRICKBID - Veilingen pagina minder witruimte bovenaan ========================================================== */ .page-id-3058 .site-content{ padding-top:0 !important; } .page-id-3058 .ast-container{ margin-top:-25px !important; } .page-id-3058 .entry-content::before{ margin-top:0 !important; } /* ========================================================== BRICKBID - VEILINGEN HUB PAGINA v2 Tegels + iconen + actieve counters ========================================================== */ .bb-auction-hub-grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px; margin:30px 0; } .bb-auction-hub-card{ display:flex; min-height:180px; text-decoration:none !important; border:1px solid rgba(3,80,162,.18) !important; border-radius:14px !important; overflow:hidden; box-shadow: 0 10px 22px rgba(0,0,0,.12), 0 20px 45px rgba(0,0,0,.10), 0 0 0 1px rgba(255,255,255,.55) inset !important; transition:all .30s ease !important; } .bb-auction-hub-card:hover{ transform:translateY(-6px) !important; box-shadow: 0 18px 35px rgba(0,0,0,.18), 0 30px 60px rgba(0,0,0,.14), 0 0 0 1px rgba(255,255,255,.60) inset !important; } .bb-auction-hub-content{ position:relative; display:flex; align-items:center; justify-content:space-between; width:100%; min-height:180px; padding:28px; background:linear-gradient(180deg,#0b7cff 0%,#046bd2 48%,#0354a8 100%) !important; color:#fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -12px 20px rgba(0,0,0,.20) !important; } .bb-auction-hub-text{ position:relative; z-index:2; max-width:68%; } .bb-auction-hub-content h3{ color:#fff !important; margin:0 0 10px; font-size:22px; font-weight:800; text-transform:uppercase; letter-spacing:.6px; text-shadow: 0 -1px 0 rgba(0,0,0,.85), 0 2px 3px rgba(0,0,0,.55); } .bb-auction-hub-content p{ color:#fff !important; margin:0 0 16px; font-size:14px; line-height:1.5; opacity:.95; text-shadow:0 1px 2px rgba(0,0,0,.35); } /* Counter badge */ .bb-auction-hub-counter{ display:flex; align-items:center; justify-content:center; gap:6px; width:100%; max-width:260px; padding:7px 0; border-top:1px solid #111; border-bottom:1px solid #111; background:rgba(255,255,255,.92); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; } .bb-auction-hub-count-number{ color:#046bd2; font-size:14px; font-weight:800; } .bb-auction-hub-count-text{ color:#111; } /* Rechter icoon-zone */ .bb-auction-hub-icon{ position:absolute; right:24px; top:50%; transform:translateY(-50%); width:92px; height:92px; opacity:.16; color:#000; z-index:1; } .bb-auction-hub-icon::before{ font-family:"Font Awesome 6 Free","Font Awesome 5 Free" !important; font-weight:900 !important; font-size:82px; line-height:1; color:#000; } .bb-auction-icon-gavel .bb-auction-hub-icon::before{ content:"\f0e3"; } .bb-auction-icon-bolt .bb-auction-hub-icon::before{ content:"\f0e7"; } .bb-auction-icon-tag .bb-auction-hub-icon::before{ content:"\f02b"; } .bb-auction-icon-truck .bb-auction-hub-icon::before{ content:"\f0d1"; } .bb-auction-icon-logo .bb-auction-hub-icon{ width:115px; height:115px; opacity:.18; background-image:url("https://brickbidding.com/wp-content/uploads/2026/06/Naamloos.pngperfectttttttttttttt.png"); background-size:contain; background-repeat:no-repeat; background-position:center; } .bb-auction-icon-logo .bb-auction-hub-icon::before{ content:""; } @media(max-width:768px){ .bb-auction-hub-grid{ grid-template-columns:1fr; } .bb-auction-hub-text{ max-width:72%; } .bb-auction-hub-icon{ right:18px; width:72px; height:72px; } .bb-auction-hub-icon::before{ font-size:64px; } .bb-auction-icon-logo .bb-auction-hub-icon{ width:82px; height:82px; } } /* ========================================================== BRICKBID - VEILINGEN TITELBALK DUNNER ========================================================== */ .page-id-3058 .entry-content::before{ padding:10px 30px !important; margin:0 0 25px !important; font-size:30px !important; line-height:1.2 !important; } /* ========================================================== BRICKBID - UNIVERSEEL TITELBALK SYSTEEM Hoofdcategorieën / Subcategorieën / Shop / Account / Veilingen ========================================================== */ /* Standaard headers verbergen waar eigen balk wordt gebruikt */ .page-id-217 .entry-header, .page-id-3058 .entry-header{ display:none !important; } /* Hoofdcategorieën pagina */ .page-id-217 .entry-content::before{ content:"Categorieën" !important; } /* Veilingen pagina */ .page-id-3058 .entry-content::before{ content:"Veilingen" !important; } /* Universele titelbalk */ .page-id-217 .entry-content::before, .page-id-3058 .entry-content::before, .tax-product_cat h1, .tax-product_cat .site-main h1, .tax-product_cat .ast-woocommerce-container h1, .post-type-archive-product h1, .post-type-archive-product .site-main h1, .post-type-archive-product .ast-woocommerce-container h1, .woocommerce-shop h1, .woocommerce-shop .site-main h1, .woocommerce-shop .ast-woocommerce-container h1, .woocommerce-account .woocommerce-MyAccount-content > h2, .woocommerce-account .bb-dashboard-intro h2{ display:block !important; width:100% !important; box-sizing:border-box !important; margin:0 0 28px !important; padding:10px 30px !important; text-align:center !important; background:linear-gradient( 180deg, #0b7cff 0%, #046bd2 48%, #0354a8 100% ) !important; color:#ffffff !important; font-size:30px !important; font-weight:800 !important; line-height:1.2 !important; letter-spacing:.5px !important; text-transform:none !important; border:1px solid rgba(3,80,162,.90) !important; border-radius:0 !important; text-shadow: 0 -1px 0 rgba(0,0,0,.85), 0 1px 0 rgba(255,255,255,.10), 0 2px 3px rgba(0,0,0,.60) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -12px 20px rgba(0,0,0,.20), 0 10px 22px rgba(0,0,0,.16), 0 24px 45px rgba(0,0,0,.14) !important; } /* Minder witruimte bovenaan */ .page-id-217 .site-content, .page-id-3058 .site-content, .tax-product_cat .site-content, .post-type-archive-product .site-content, .woocommerce-shop .site-content, .woocommerce-account .site-content{ padding-top:0 !important; } /* Account dashboard tekst onder titel niet in balk trekken */ .woocommerce-account .bb-dashboard-intro p{ margin-top:18px !important; } /* Mobiel */ @media(max-width:768px){ .page-id-217 .entry-content::before, .page-id-3058 .entry-content::before, .tax-product_cat h1, .tax-product_cat .site-main h1, .tax-product_cat .ast-woocommerce-container h1, .post-type-archive-product h1, .post-type-archive-product .site-main h1, .post-type-archive-product .ast-woocommerce-container h1, .woocommerce-shop h1, .woocommerce-shop .site-main h1, .woocommerce-shop .ast-woocommerce-container h1, .woocommerce-account .woocommerce-MyAccount-content > h2, .woocommerce-account .bb-dashboard-intro h2{ font-size:24px !important; padding:9px 18px !important; margin-bottom:22px !important; } } /* ========================================================== BRICKBID - SUBCATEGORIE TITELBALK ========================================================== */ .tax-product_cat .ast-container > h1{ display:block !important; width:100% !important; box-sizing:border-box !important; margin:0 0 28px !important; padding:10px 30px !important; text-align:center !important; background:linear-gradient( 180deg, #0b7cff 0%, #046bd2 48%, #0354a8 100% ) !important; color:#ffffff !important; font-size:30px !important; font-weight:800 !important; line-height:1.2 !important; letter-spacing:.5px !important; border:1px solid rgba(3,80,162,.90) !important; border-radius:0 !important; text-shadow: 0 -1px 0 rgba(0,0,0,.85), 0 1px 0 rgba(255,255,255,.10), 0 2px 3px rgba(0,0,0,.60) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -12px 20px rgba(0,0,0,.20), 0 10px 22px rgba(0,0,0,.16), 0 24px 45px rgba(0,0,0,.14) !important; } /* ========================================================== BRICKBID - MIJN ACCOUNT SIDEBAR PREMIUM v3 Compacte tabs + slankere kader ========================================================== */ /* Grote blauwe buitenkader */ .woocommerce-account .woocommerce-MyAccount-navigation{ width:24% !important; background:linear-gradient( 180deg, #0565c2 0%, #046bd2 48%, #128cff 100% ) !important; border:1px solid rgba(3,80,162,.90) !important; border-radius:0 !important; padding:8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -12px 20px rgba(0,0,0,.20), 0 10px 22px rgba(0,0,0,.16), 0 24px 45px rgba(0,0,0,.14) !important; } /* Inhoud rechts */ .woocommerce-account .woocommerce-MyAccount-content{ width:73 !important; } /* Lijst */ .woocommerce-account .woocommerce-MyAccount-navigation ul{ display:flex !important; flex-direction:column !important; align-items:center !important; margin:0 !important; padding:0 !important; list-style:none !important; } /* Tabs */ .woocommerce-account .woocommerce-MyAccount-navigation li{ width:92% !important; margin:0 0 8px !important; border-radius:0 !important; overflow:hidden !important; } /* Laatste tab */ .woocommerce-account .woocommerce-MyAccount-navigation li:last-child{ margin-bottom:0 !important; } /* Tab link */ .woocommerce-account .woocommerce-MyAccount-navigation li a{ display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:8px !important; width:100% !important; box-sizing:border-box !important; padding:11px 14px !important; white-space:nowrap !important; font-size:13px !important; font-weight:800 !important; line-height:1.2 !important; text-align:left !important; text-decoration:none !important; color:#fff !important; background:linear-gradient( 180deg, #0b7cff 0%, #046bd2 48%, #0354a8 100% ) !important; border:1px solid rgba(255,255,255,.16) !important; border-radius:0 !important; text-shadow: 0 -1px 0 rgba(0,0,0,.85), 0 1px 0 rgba(255,255,255,.08), 0 2px 3px rgba(0,0,0,.55) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -10px 18px rgba(0,0,0,.18), 0 4px 10px rgba(0,0,0,.14) !important; transition:all .25s ease !important; } /* Hover */ .woocommerce-account .woocommerce-MyAccount-navigation li a:hover{ background:linear-gradient( 180deg, #1588ff 0%, #0576df 48%, #035ab0 100% ) !important; transform:translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -12px 20px rgba(0,0,0,.22), 0 8px 18px rgba(0,0,0,.22) !important; } /* Actieve tab */ .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{ background:linear-gradient( 180deg, #1690ff 0%, #0a79e6 48%, #045fbd 100% ) !important; } /* Iconen */ .woocommerce-account .woocommerce-MyAccount-navigation li a i, .woocommerce-account .woocommerce-MyAccount-navigation li a svg{ flex:0 0 auto !important; margin-right:4px !important; } /* Mobiel */ @media(max-width:768px){ .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content{ width:100% !important; } .woocommerce-account .woocommerce-MyAccount-navigation{ margin-bottom:24px !important; } .woocommerce-account .woocommerce-MyAccount-navigation li{ width:92% !important; } } /* ========================================================== BRICKBID - PRODUCTTITELS MAX 2 REGELS ========================================================== */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .tax-product_cat ul.products li.product .woocommerce-loop-product__title, .woocommerce-account ul.products li.product .woocommerce-loop-product__title{ display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important; overflow:hidden !important; text-overflow:ellipsis !important; line-height:1.25 !important; height:2.5em !important; min-height:2.5em !important; max-height:2.5em !important; margin:0 0 8px !important; white-space:normal !important; } /* ========================================================== BRICKBID - Alleen foto-hover winkelmandje verbergen Bid Now knop blijft zichtbaar ========================================================== */ /* Alleen knoppen/icoontjes IN de foto-wrapper verbergen */ .woocommerce ul.products li.product .astra-shop-thumbnail-wrap .button, .woocommerce ul.products li.product .astra-shop-thumbnail-wrap .add_to_cart_button, .woocommerce ul.products li.product .astra-shop-thumbnail-wrap .ajax_add_to_cart, .woocommerce ul.products li.product .astra-shop-thumbnail-wrap .added_to_cart, .woocommerce ul.products li.product .astra-shop-thumbnail-wrap .product_type_simple, .woocommerce ul.products li.product .astra-shop-thumbnail-wrap .product_type_variable, .woocommerce ul.products li.product .astra-shop-thumbnail-wrap .product_type_grouped, .woocommerce ul.products li.product .astra-shop-thumbnail-wrap .product_type_external{ display:none !important; } /* Astra hover actiezone op afbeelding */ .woocommerce ul.products li.product .astra-shop-thumbnail-wrap .ast-on-card-button, .woocommerce ul.products li.product .astra-shop-thumbnail-wrap .ast-card-action-tooltip, .woocommerce ul.products li.product .astra-shop-thumbnail-wrap .ast-shop-product-out-of-stock, .woocommerce ul.products li.product .astra-shop-thumbnail-wrap .ast-quick-view-button{ display:none !important; } /* Geen algemene .button verbergen buiten de foto */ /* ========================================================== BRICKBID - SINGLE AUCTION PRODUCT PAGE v5 PLAATS: Weergave > Customizer > Extra CSS NIET IN functions.php PLAKKEN ========================================================== */ .single-product .woocommerce-breadcrumb, .single-product nav.woocommerce-breadcrumb, .single-product .ast-breadcrumbs, .single-product .ast-breadcrumbs-wrapper, .single-product .rank-math-breadcrumb, .single-product .yoast-breadcrumb, .single-product .entry-header, .single-product header.entry-header, .single-product .ast-archive-description, .single-product .woocommerce-products-header { display: none !important; } body.single-product .bb-v2-auction-panel, body.single-product .bb-v3-auction-panel, body.single-product .bb-v4-auction-panel { display: none !important; } body.single-product .summary > .auction-condition, body.single-product .summary > .auction-time, body.single-product .summary > .auction-end, body.single-product .summary > .auction-ajax-change, body.single-product .summary > p.auction-bid, body.single-product .summary > p.reserve, body.single-product .summary > p.reverse, body.single-product .summary > p.max-bid, body.single-product .summary > p.sealed-text, body.single-product .summary > p.sealed-min-text, body.single-product .summary > form.auction_form.cart, body.single-product div.product > .auction-condition, body.single-product div.product > .auction-time, body.single-product div.product > .auction-end, body.single-product div.product > .auction-ajax-change, body.single-product div.product > p.auction-bid, body.single-product div.product > p.reserve, body.single-product div.product > form.auction_form.cart { display: none !important; } body.single-product .bb-v5-auction-panel form.bb-v5-bid-form-custom, body.single-product .bb-v5-auction-panel form.bb-v5-bid-form-custom.auction_form.cart { display: block !important; } .single-product div.product { display: grid !important; grid-template-columns: minmax(0, 48%) minmax(360px, 1fr); gap: 42px; align-items: start; } .single-product div.product div.images, .single-product .woocommerce-product-gallery { width: 100% !important; float: none !important; margin: 0 !important; } .single-product .woocommerce-product-gallery { background: #ffffff; border-radius: 16px; padding: 18px; box-shadow: 0 12px 30px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.08); } .single-product .woocommerce-product-gallery img { border-radius: 12px; } .single-product div.product .summary, .single-product div.product .entry-summary { width: 100% !important; float: none !important; margin: 0 !important; } .bb-v5-auction-panel { background: #ffffff; border-radius: 18px; padding: 22px; box-shadow: 0 14px 35px rgba(0,0,0,0.14), 0 4px 14px rgba(0,0,0,0.08); border: 1px solid rgba(0,0,0,0.06); position: relative; top: auto; } .bb-v5-timer-wrap { margin-bottom: 18px; } .bb-v5-timer-label { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.07em; color: #111111; margin-bottom: 8px; } .bb-v5-timer { background: #000000; color: #ffffff; padding: 14px 16px; text-align: center; font-weight: 900; border-radius: 0; box-shadow: 0 6px 18px rgba(0,0,0,0.24); } .bb-v5-timer-value { display: flex; justify-content: center; align-items: center; gap: 15px; } .bb-v5-time-part { display: inline-flex; align-items: baseline; gap: 4px; letter-spacing: 0.08em; } .bb-v5-time-part strong { font-size: 23px; line-height: 1; font-weight: 950; color: #ffffff; } .bb-v5-time-part em { font-size: 13px; line-height: 1; font-style: normal; font-weight: 900; color: #ffffff; opacity: 0.9; } .bb-v5-title { font-size: 28px !important; line-height: 1.18 !important; margin: 0 0 18px 0 !important; color: #111111; font-weight: 950 !important; } .bb-v5-price-card { background: linear-gradient(135deg, #046bd2, #0355a8); color: #ffffff; padding: 18px; border-radius: 14px; margin-bottom: 14px; box-shadow: 0 8px 22px rgba(4,107,210,0.28); } .bb-v5-price-label { display: block; font-size: 13px; font-weight: 800; text-transform: uppercase; opacity: 0.95; margin-bottom: 6px; letter-spacing: 0.04em; } .bb-v5-price-card strong { display: block; font-size: 33px; line-height: 1; font-weight: 950; color: #ffffff; } .bb-v5-bid-zone { background: #f7f9fc; border: 1px solid rgba(4,107,210,0.14); border-radius: 14px; padding: 14px; margin-bottom: 14px; } .bb-v5-section-title { font-size: 14px; font-weight: 950; text-transform: uppercase; color: #111111; margin-bottom: 10px; letter-spacing: 0.04em; } .bb-v5-quick-bid-buttons { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 12px; } .bb-v5-quick-bid-btn { border: 2px solid #046bd2 !important; background: #ffffff !important; color: #046bd2 !important; border-radius: 10px !important; padding: 10px 6px !important; font-size: 15px !important; font-weight: 950 !important; cursor: pointer; transition: all 0.18s ease; } .bb-v5-quick-bid-btn:hover { background: #046bd2 !important; color: #ffffff !important; transform: translateY(-1px); } .bb-v5-bid-label { display: block; font-size: 13px; font-weight: 900; color: #111111; text-transform: uppercase; margin-bottom: 7px; } .bb-v5-bid-input-wrap { position: relative; margin-bottom: 10px; } .bb-v5-bid-currency { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); font-size: 18px; font-weight: 950; color: #046bd2; z-index: 2; } .bb-v5-bid-input, .bb-v5-bid-form-custom input[name="bid_value"] { width: 100% !important; border: 2px solid #d7e2f0 !important; border-radius: 12px !important; padding: 13px 14px 13px 38px !important; font-size: 18px !important; font-weight: 900 !important; margin: 0 !important; background: #ffffff !important; color: #111111 !important; } .bb-v5-bid-submit { width: 100% !important; background: linear-gradient(135deg, #046bd2, #0355a8) !important; color: #ffffff !important; border: none !important; border-radius: 12px !important; padding: 14px 18px !important; font-size: 16px !important; font-weight: 950 !important; text-transform: uppercase !important; box-shadow: 0 8px 22px rgba(4,107,210,0.28) !important; cursor: pointer !important; } .bb-v5-bid-submit:hover { transform: translateY(-1px); } .bb-v5-bid-message { background: #ffffff; border: 1px solid rgba(0,0,0,0.08); border-radius: 12px; padding: 12px; font-weight: 800; color: #444444; } .bb-v5-buy-now-button { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; width: 100%; margin: 0 0 14px 0; padding: 14px 18px; border-radius: 12px; background: linear-gradient(135deg, #046bd2, #0355a8); color: #ffffff !important; text-decoration: none !important; font-weight: 950; text-transform: uppercase; box-shadow: 0 8px 22px rgba(4,107,210,0.28); } .bb-v5-buy-now-button span { color: #ffffff; text-shadow: 0 2px 4px rgba(0,0,0,0.32); } .bb-v5-buy-now-button strong { color: #ffffff; font-size: 16px; } .bb-v5-info-stack { display: grid; grid-template-columns: 1fr; gap: 9px; margin-top: 4px; } .bb-v5-info-row { display: grid; grid-template-columns: 42% 1fr; gap: 12px; align-items: center; background: #ffffff; border: 1px solid rgba(0,0,0,0.07); border-radius: 12px; padding: 12px 14px; } .bb-v5-info-row span { display: block; font-size: 12px; font-weight: 850; color: #555555; text-transform: uppercase; letter-spacing: 0.035em; } .bb-v5-info-row strong { display: block; font-size: 15px; line-height: 1.25; color: #111111; font-weight: 900; text-align: right; } .bb-v5-blue { color: #046bd2 !important; } .bb-v5-reserve-badge { display: inline-flex; align-items: center; justify-content: center; padding: 7px 10px; border-radius: 999px; font-size: 13px; font-weight: 950; white-space: normal; text-align: center; } .bb-v5-reserve-ok { background: #e7f8ed; color: #15803d; border: 1px solid rgba(21,128,61,0.25); } .bb-v5-reserve-no { background: #fff0ee; color: #d93025; border: 1px solid rgba(217,48,37,0.25); } .bb-v5-reserve-neutral { background: #f1f3f5; color: #333333; border: 1px solid rgba(0,0,0,0.12); } .bb-v5-vendor-link { color: #046bd2 !important; font-weight: 950; text-decoration: none !important; } .bb-v5-vendor-link:hover { text-decoration: underline !important; } .bb-v5-shipping-row strong { font-size: 14px; } .bb-v5-shipping-main strong, .bb-v5-shipping-row strong strong { color: #046bd2; font-weight: 950; } .bb-v5-shipping-warning { color: #b66a00; font-weight: 850; } .bb-v5-trust-box { margin-top: 16px; background: #f7f9fc; border-left: 4px solid #046bd2; padding: 13px 14px; border-radius: 10px; } .bb-v5-trust-box strong { display: block; color: #111111; font-size: 15px; margin-bottom: 5px; } .bb-v5-trust-box p { margin: 0; font-size: 13px; color: #444444; line-height: 1.45; } .single-product .summary > .product_title, .single-product .summary > .price, .single-product .summary > .woocommerce-product-rating, .single-product .summary > .product_meta { display: none !important; } .single-product .woocommerce-tabs { grid-column: 1 / -1; margin-top: 35px; background: #ffffff; border-radius: 16px; padding: 22px; box-shadow: 0 10px 26px rgba(0,0,0,0.10), 0 3px 10px rgba(0,0,0,0.06); } @media (max-width: 921px) { .single-product div.product { display: block !important; } .single-product .woocommerce-product-gallery { margin-bottom: 22px !important; } .bb-v5-auction-panel { position: relative; top: auto; padding: 18px; } .bb-v5-title { font-size: 23px !important; } .bb-v5-price-card strong { font-size: 28px; } .bb-v5-quick-bid-buttons { grid-template-columns: repeat(2, 1fr); } .bb-v5-info-row { grid-template-columns: 1fr; gap: 5px; } .bb-v5-info-row strong { text-align: left; } .bb-v5-timer-value { gap: 10px; flex-wrap: wrap; } .bb-v5-time-part strong { font-size: 21px; } } /* ========================================================= BRICKBID - VEILINGEN HEADER ASTRA HERSTEL FINAL Echte Astra-header behouden Menu rechts - logo/menu midden - zwarte letters - blauwe hover Alleen /veilingen/ ========================================================= */ /* Oude eigen headers zeker weg als er nog HTML achterbleef */ body.page-id-3058 .bb-clean-veilingen-header, body.page-id-3058 .bb-clean-veilingen-header-v2, body.page-id-3058 .bb-clean-veilingen-header-v3 { display: none !important; } /* Echte Astra-header zichtbaar houden */ body.page-id-3058 #masthead, body.page-id-3058 header#masthead, body.page-id-3058 .site-header, body.page-id-3058 .ast-primary-header-bar, body.page-id-3058 .main-header-bar { display: block !important; visibility: visible !important; height: auto !important; min-height: 112px !important; max-height: none !important; overflow: visible !important; } /* Header volledige breedte, zoals eerder bijna goed was */ body.page-id-3058 #masthead .ast-container, body.page-id-3058 .site-header .ast-container, body.page-id-3058 .main-header-bar .ast-container { width: 100% !important; max-width: 100% !important; min-height: 112px !important; height: auto !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 28px !important; padding-right: 28px !important; box-sizing: border-box !important; overflow: visible !important; } /* Astra header grid: logo links, ruimte midden, menu rechts */ body.page-id-3058 .ast-primary-header-bar .ast-builder-grid-row { width: 100% !important; max-width: 100% !important; min-height: 112px !important; height: auto !important; display: grid !important; grid-template-columns: auto 1fr auto !important; align-items: center !important; column-gap: 24px !important; overflow: visible !important; } /* Logo-sectie links en verticaal midden */ body.page-id-3058 .site-header-primary-section-left { grid-column: 1 !important; justify-self: start !important; align-self: center !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; min-height: 112px !important; height: auto !important; overflow: visible !important; } /* Middenruimte */ body.page-id-3058 .site-header-primary-section-center { grid-column: 2 !important; justify-self: stretch !important; align-self: center !important; } /* Menu-sectie rechts en verticaal midden */ body.page-id-3058 .site-header-primary-section-right { grid-column: 3 !important; justify-self: end !important; align-self: center !important; margin-left: auto !important; margin-right: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; min-height: 112px !important; height: auto !important; width: auto !important; max-width: none !important; overflow: visible !important; } /* Logo wrappers midden houden */ body.page-id-3058 .site-branding, body.page-id-3058 .ast-site-identity, body.page-id-3058 .site-logo-img, body.page-id-3058 .custom-logo-link { min-height: 112px !important; height: auto !important; max-height: none !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; overflow: visible !important; } /* Logo volledig zichtbaar */ body.page-id-3058 .custom-logo, body.page-id-3058 .custom-logo-link img, body.page-id-3058 .site-logo-img img, body.page-id-3058 .ast-site-identity img { max-height: 82px !important; height: auto !important; width: auto !important; object-fit: contain !important; display: block !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; transform: none !important; } /* Menu wrappers rechts houden */ body.page-id-3058 .site-header-primary-section-right nav, body.page-id-3058 .site-header-primary-section-right .ast-builder-menu, body.page-id-3058 .site-header-primary-section-right .main-navigation, body.page-id-3058 .site-header-primary-section-right .ast-main-header-bar-alignment { width: auto !important; max-width: none !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; margin-left: auto !important; margin-right: 0 !important; overflow: visible !important; } /* Menu horizontaal houden */ body.page-id-3058 .main-header-menu, body.page-id-3058 ul.main-header-menu { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-end !important; width: auto !important; max-width: none !important; margin-left: auto !important; margin-right: 0 !important; min-height: 112px !important; overflow: visible !important; } /* Menu-items verticaal midden */ body.page-id-3058 .main-header-menu > li, body.page-id-3058 .main-header-menu > .menu-item { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 112px !important; height: auto !important; width: auto !important; max-width: none !important; white-space: nowrap !important; } /* Menu-links: zwart zoals normale header, dikker, blauwe hover terug */ body.page-id-3058 .main-header-menu > li > a, body.page-id-3058 .main-header-menu > li > a.menu-link, body.page-id-3058 .main-header-menu > .menu-item > a, body.page-id-3058 .main-header-menu > .menu-item > a.menu-link { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 112px !important; height: auto !important; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 1 !important; white-space: nowrap !important; color: #111111 !important; font-weight: 700 !important; text-decoration: none !important; } /* Blauwe hover terug */ body.page-id-3058 .main-header-menu > li:hover > a, body.page-id-3058 .main-header-menu > li:hover > a.menu-link, body.page-id-3058 .main-header-menu > .menu-item:hover > a, body.page-id-3058 .main-header-menu > .menu-item:hover > a.menu-link, body.page-id-3058 .main-header-menu > li > a:hover, body.page-id-3058 .main-header-menu > li > a.menu-link:hover { color: #046bd2 !important; } /* Huidige pagina ook blauw zoals Astra normaal doet */ body.page-id-3058 .main-header-menu > .current-menu-item > a, body.page-id-3058 .main-header-menu > .current-menu-item > a.menu-link, body.page-id-3058 .main-header-menu > .current_page_item > a, body.page-id-3058 .main-header-menu > .current_page_item > a.menu-link { color: #046bd2 !important; } /* Mobiel niet forceren */ @media (max-width: 921px) { body.page-id-3058 #masthead, body.page-id-3058 .site-header, body.page-id-3058 .ast-primary-header-bar, body.page-id-3058 .main-header-bar, body.page-id-3058 #masthead .ast-container, body.page-id-3058 .site-header .ast-container, body.page-id-3058 .main-header-bar .ast-container, body.page-id-3058 .ast-primary-header-bar .ast-builder-grid-row, body.page-id-3058 .site-header-primary-section-left, body.page-id-3058 .site-header-primary-section-right, body.page-id-3058 .main-header-menu, body.page-id-3058 .main-header-menu > li, body.page-id-3058 .main-header-menu > li > a { min-height: auto !important; height: auto !important; } body.page-id-3058 .ast-primary-header-bar .ast-builder-grid-row { display: flex !important; flex-wrap: wrap !important; } } /* ========================================================= BRICKBID - INFORMATIEBANNER Shortcode: [brickbid_info_banner] VOLLEDIG TRANSPARANTE ACHTERGROND ========================================================= */ /* Volledige banner */ .bb-info-banner { width: 100%; max-width: 100%; margin: 0; padding: 10px 16px; box-sizing: border-box; background: transparent !important; border: none; box-shadow: none; } /* Knoppen horizontaal en gelijk verdeeld */ .bb-info-banner-inner { width: 100%; max-width: 100%; margin: 0 auto; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: stretch; gap: 14px; } /* Afzonderlijke knoppen */ .bb-info-banner-button { width: 100%; min-height: 42px; padding: 9px 10px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; background: linear-gradient( 180deg, #1688f3 0%, #046bd2 48%, #034f9e 100% ); color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.90); border-radius: 8px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42), inset 0 -2px 0 rgba(0, 0, 0, 0.18), 0 4px 9px rgba(0, 0, 0, 0.25); font-size: 14px; font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none !important; text-transform: uppercase; letter-spacing: 0.20px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.95), 0 2px 3px rgba(0, 0, 0, 0.55); transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease; } /* Hover */ .bb-info-banner-button:hover, .bb-info-banner-button:focus { color: #ffffff !important; text-decoration: none !important; filter: brightness(1.10); transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.50), inset 0 -2px 0 rgba(0, 0, 0, 0.20), 0 7px 14px rgba(0, 0, 0, 0.32); } /* Klik-effect */ .bb-info-banner-button:active { transform: translateY(0); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 2px 5px rgba(0, 0, 0, 0.22); } /* Toetsenbord-focus */ .bb-info-banner-button:focus-visible { outline: 3px solid #ffffff; outline-offset: 3px; } /* Shortcodeblok op volledige beschikbare breedte */ .wp-block-shortcode:has(.bb-info-banner) { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } /* ========================================================= TABLET ========================================================= */ @media screen and (max-width: 1100px) { .bb-info-banner-inner { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } } /* ========================================================= MOBIEL ========================================================= */ @media screen and (max-width: 650px) { .bb-info-banner { padding: 9px; } .bb-info-banner-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .bb-info-banner-button { min-height: 40px; padding: 8px 6px; font-size: 12px; letter-spacing: 0; } } /* ========================================================== BRICKBID - AFREKENPAGINA GECENTREERD EN MOOIER ========================================================== */ /* Alleen de echte afrekenpagina */ body.woocommerce-checkout:not(.woocommerce-order-received) .site-content { width: 100% !important; } /* Astra-container volledig centreren */ body.woocommerce-checkout:not(.woocommerce-order-received) .site-content > .ast-container, body.woocommerce-checkout:not(.woocommerce-order-received) #content > .ast-container { display: block !important; width: 100% !important; max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 24px !important; padding-right: 24px !important; } /* Hoofdinhoud volledige breedte */ body.woocommerce-checkout:not(.woocommerce-order-received) #primary, body.woocommerce-checkout:not(.woocommerce-order-received) .ast-woocommerce-container { float: none !important; width: 100% !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important; } /* Eventuele Astra-zijbalk volledig verwijderen */ body.woocommerce-checkout:not(.woocommerce-order-received) #secondary { display: none !important; } /* Checkoutformulier netjes in twee kolommen */ body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.woocommerce-checkout { display: grid !important; grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.85fr) !important; grid-template-areas: "customer heading" "customer review" !important; column-gap: 30px !important; row-gap: 0 !important; width: 100% !important; max-width: 1180px !important; margin: 0 auto 50px !important; } /* Linkerkant: factuur- en verzendgegevens */ body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout .col2-set { grid-area: customer !important; float: none !important; width: 100% !important; max-width: none !important; margin: 0 !important; } /* Rechtertitel */ body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout #order_review_heading { grid-area: heading !important; float: none !important; width: 100% !important; margin: 0 !important; } /* Rechterkant: bestelling en betaling */ body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout #order_review { grid-area: review !important; float: none !important; width: 100% !important; max-width: none !important; margin: 0 !important; } /* Witte kaarten rond de onderdelen */ body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout .col2-set .col-1, body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout .col2-set .col-2, body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout #order_review { float: none !important; width: 100% !important; box-sizing: border-box !important; background: #ffffff !important; border: 1px solid rgba(4, 107, 210, 0.18) !important; border-radius: 14px !important; padding: 24px !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10), 0 3px 10px rgba(0, 0, 0, 0.06) !important; } /* Ruimte tussen factuur- en verzendkaart */ body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout .col2-set .col-2 { margin-top: 22px !important; } /* Blauwe titels */ body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout h3, body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout #order_review_heading { box-sizing: border-box !important; background: linear-gradient( 180deg, #0b7cff 0%, #046bd2 50%, #0354a8 100% ) !important; color: #ffffff !important; border: 1px solid #034f9f !important; border-radius: 8px !important; padding: 12px 16px !important; margin-bottom: 18px !important; font-size: 18px !important; font-weight: 800 !important; line-height: 1.25 !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75), 0 2px 3px rgba(0, 0, 0, 0.45) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 5px 12px rgba(0, 0, 0, 0.14) !important; } /* Titel "Je bestelling" laten aansluiten bij rechterkaart */ body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout #order_review_heading { margin-bottom: 12px !important; } /* Velden mooier en gelijk */ body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-billing-fields input.input-text, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-shipping-fields input.input-text, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-additional-fields textarea, body.woocommerce-checkout:not(.woocommerce-order-received) .select2-container .select2-selection--single { min-height: 46px !important; box-sizing: border-box !important; background: #ffffff !important; border: 1px solid #c8d2dc !important; border-radius: 7px !important; padding: 10px 12px !important; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04) !important; } /* Focus op velden */ body.woocommerce-checkout:not(.woocommerce-order-received) input.input-text:focus, body.woocommerce-checkout:not(.woocommerce-order-received) textarea:focus, body.woocommerce-checkout:not(.woocommerce-order-received) .select2-container--focus .select2-selection--single { border-color: #046bd2 !important; box-shadow: 0 0 0 3px rgba(4, 107, 210, 0.14) !important; outline: none !important; } /* Besteltabel iets rustiger */ body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; border: 1px solid #e1e6eb !important; border-radius: 8px !important; overflow: hidden !important; } /* Rijen in besteltabel */ body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table th, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table td { padding: 12px 10px !important; border-bottom: 1px solid #e8edf1 !important; vertical-align: middle !important; } /* Totaal extra duidelijk */ body.woocommerce-checkout:not(.woocommerce-order-received) #order_review tr.order-total th, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review tr.order-total td { color: #046bd2 !important; font-size: 18px !important; font-weight: 900 !important; } /* Betaalvak */ body.woocommerce-checkout:not(.woocommerce-order-received) #payment { background: #f6f8fa !important; border: 1px solid #dde4ea !important; border-radius: 10px !important; margin-top: 20px !important; padding: 18px !important; } /* Bestelling plaatsen-knop */ body.woocommerce-checkout:not(.woocommerce-order-received) #place_order { display: block !important; float: none !important; width: 100% !important; min-height: 50px !important; margin-top: 16px !important; background: linear-gradient( 180deg, #0b7cff 0%, #046bd2 50%, #0354a8 100% ) !important; color: #ffffff !important; border: 1px solid #034f9f !important; border-radius: 8px !important; font-size: 15px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.4px !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.80), 0 2px 3px rgba(0, 0, 0, 0.50) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 7px 16px rgba(0, 0, 0, 0.20) !important; } /* Hover bestelling plaatsen */ body.woocommerce-checkout:not(.woocommerce-order-received) #place_order:hover { background: linear-gradient( 180deg, #1688ff 0%, #0877df 50%, #045db5 100% ) !important; transform: translateY(-1px); } /* WooCommerce Blocks-checkout eveneens centreren */ body.woocommerce-checkout:not(.woocommerce-order-received) .wc-block-checkout { width: 100% !important; max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width: 980px) { body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout.woocommerce-checkout { grid-template-columns: 1fr !important; grid-template-areas: "customer" "heading" "review" !important; max-width: 760px !important; row-gap: 18px !important; } } /* ========================================================== MOBIEL ========================================================== */ @media (max-width: 600px) { body.woocommerce-checkout:not(.woocommerce-order-received) .site-content > .ast-container, body.woocommerce-checkout:not(.woocommerce-order-received) #content > .ast-container { padding-left: 12px !important; padding-right: 12px !important; } body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout .col2-set .col-1, body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout .col2-set .col-2, body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout #order_review { padding: 16px !important; border-radius: 10px !important; } body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout h3, body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout #order_review_heading { padding: 11px 12px !important; font-size: 16px !important; } } /* ========================================================== BRICKBID - CHECKOUT TOTAAL EXTRA DUIDELIJK ========================================================== */ /* Label "Totaal" */ body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table tr.order-total th { color: #046bd2 !important; font-size: 19px !important; font-weight: 900 !important; text-transform: none !important; } /* Hoofdbedrag, bijvoorbeeld €113,60 */ body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table tr.order-total td > strong, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table tr.order-total td > strong .woocommerce-Price-amount, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table tr.order-total td .woocommerce-Price-amount { color: #046bd2 !important; font-size: 23px !important; font-weight: 900 !important; line-height: 1.2 !important; } /* Regel "inclusief €0,87 btw" */ body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table tr.order-total small.includes_tax { display: block !important; margin-top: 5px !important; color: #263746 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.35 !important; } /* Btw-bedrag in de kleine regel eveneens vet */ body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table tr.order-total small.includes_tax .woocommerce-Price-amount { color: #263746 !important; font-size: 13px !important; font-weight: 900 !important; } /* ========================================================== BRICKBID - PAGINA NA BETALING / ORDER RECEIVED GECENTREERD EN VOLLE BREEDTE ========================================================== */ /* Volledige paginabreedte gebruiken */ body.woocommerce-order-received .site-content { width: 100% !important; } /* Astra-hoofdcontainer centreren */ body.woocommerce-order-received .site-content > .ast-container, body.woocommerce-order-received #content > .ast-container { display: block !important; width: 100% !important; max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 24px !important; padding-right: 24px !important; box-sizing: border-box !important; } /* Hoofdinhoud over de beschikbare ruimte */ body.woocommerce-order-received #primary, body.woocommerce-order-received .ast-woocommerce-container { float: none !important; width: 100% !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important; } /* Eventuele Astra-zijbalk verwijderen */ body.woocommerce-order-received #secondary { display: none !important; } /* Volledige WooCommerce-bevestiging centreren */ body.woocommerce-order-received .woocommerce-order { width: 100% !important; max-width: 1120px !important; margin: 25px auto 55px !important; box-sizing: border-box !important; } /* Bovenste bevestigingsmelding */ body.woocommerce-order-received .woocommerce-thankyou-order-received { width: 100% !important; box-sizing: border-box !important; margin: 0 0 22px !important; padding: 18px 22px !important; background: #edf9f1 !important; border: 1px solid #b7dfc2 !important; border-left: 5px solid #178a3b !important; border-radius: 10px !important; color: #174f29 !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.45 !important; box-shadow: 0 7px 20px rgba(0, 0, 0, 0.08) !important; } /* Overzicht met ordernummer, datum, totaal en betaalmethode */ body.woocommerce-order-received ul.woocommerce-order-overview { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important; width: 100% !important; box-sizing: border-box !important; margin: 0 0 25px !important; padding: 18px !important; background: #ffffff !important; border: 1px solid rgba(4, 107, 210, 0.18) !important; border-radius: 12px !important; box-shadow: 0 9px 25px rgba(0, 0, 0, 0.09), 0 3px 9px rgba(0, 0, 0, 0.05) !important; } /* Iedere overzichtscel */ body.woocommerce-order-received ul.woocommerce-order-overview li { float: none !important; width: auto !important; min-width: 0 !important; box-sizing: border-box !important; margin: 0 !important; padding: 12px !important; background: #f7f9fb !important; border: 1px solid #e0e6eb !important; border-right: 1px solid #e0e6eb !important; border-radius: 8px !important; color: #59636e !important; font-size: 12px !important; line-height: 1.35 !important; text-transform: uppercase !important; } /* Waarde onder ieder label */ body.woocommerce-order-received ul.woocommerce-order-overview li strong { display: block !important; margin-top: 5px !important; color: #17212b !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.35 !important; text-transform: none !important; overflow-wrap: anywhere !important; } /* Totaalbedrag extra duidelijk */ body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__total strong, body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__total .woocommerce-Price-amount { color: #046bd2 !important; font-size: 18px !important; font-weight: 900 !important; } /* Secties als witte kaarten */ body.woocommerce-order-received .woocommerce-order-details, body.woocommerce-order-received .woocommerce-customer-details, body.woocommerce-order-received .woocommerce-bacs-bank-details, body.woocommerce-order-received .wc-bacs-bank-details, body.woocommerce-order-received .mollie-instructions, body.woocommerce-order-received .woocommerce-order-downloads { width: 100% !important; box-sizing: border-box !important; margin: 0 0 24px !important; padding: 24px !important; background: #ffffff !important; border: 1px solid rgba(4, 107, 210, 0.18) !important; border-radius: 12px !important; box-shadow: 0 9px 25px rgba(0, 0, 0, 0.09), 0 3px 9px rgba(0, 0, 0, 0.05) !important; } /* Sectietitels */ body.woocommerce-order-received .woocommerce-order h2, body.woocommerce-order-received .woocommerce-order h3 { box-sizing: border-box !important; margin: 0 0 18px !important; padding: 12px 16px !important; background: linear-gradient( 180deg, #0b7cff 0%, #046bd2 50%, #0354a8 100% ) !important; color: #ffffff !important; border: 1px solid #034f9f !important; border-radius: 8px !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.25 !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.80), 0 2px 3px rgba(0, 0, 0, 0.50) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 5px 12px rgba(0, 0, 0, 0.14) !important; } /* Ordertabel */ body.woocommerce-order-received .woocommerce-order-details table.shop_table { width: 100% !important; margin: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; border: 1px solid #e0e6eb !important; border-radius: 9px !important; overflow: hidden !important; } /* Cellen in ordertabel */ body.woocommerce-order-received .woocommerce-order-details table.shop_table th, body.woocommerce-order-received .woocommerce-order-details table.shop_table td { padding: 13px 12px !important; border-bottom: 1px solid #e7ebef !important; vertical-align: middle !important; } /* Totaalregel in de order */ body.woocommerce-order-received .woocommerce-order-details table.shop_table tr:last-child th, body.woocommerce-order-received .woocommerce-order-details table.shop_table tr:last-child td { color: #046bd2 !important; font-size: 18px !important; font-weight: 900 !important; } /* Bedrag in totaalregel extra vet */ body.woocommerce-order-received .woocommerce-order-details table.shop_table tr:last-child .woocommerce-Price-amount { color: #046bd2 !important; font-size: 20px !important; font-weight: 900 !important; } /* Factuur- en verzendadres naast elkaar */ body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; width: 100% !important; } /* Adreskolommen */ body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column { float: none !important; width: 100% !important; max-width: none !important; box-sizing: border-box !important; margin: 0 !important; padding: 18px !important; background: #f8fafc !important; border: 1px solid #e0e6eb !important; border-radius: 9px !important; } /* Adres zelf */ body.woocommerce-order-received .woocommerce-customer-details address { margin: 0 !important; color: #263746 !important; font-size: 14px !important; line-height: 1.7 !important; } /* Links en knoppen */ body.woocommerce-order-received .woocommerce-order a.button, body.woocommerce-order-received .woocommerce-order .button { background: linear-gradient( 180deg, #0b7cff 0%, #046bd2 50%, #0354a8 100% ) !important; color: #ffffff !important; border: 1px solid #034f9f !important; border-radius: 7px !important; padding: 11px 18px !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.80), 0 2px 3px rgba(0, 0, 0, 0.45) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 5px 12px rgba(0, 0, 0, 0.17) !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width: 900px) { body.woocommerce-order-received ul.woocommerce-order-overview { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* ========================================================== MOBIEL ========================================================== */ @media (max-width: 600px) { body.woocommerce-order-received .site-content > .ast-container, body.woocommerce-order-received #content > .ast-container { padding-left: 12px !important; padding-right: 12px !important; } body.woocommerce-order-received .woocommerce-order { margin-top: 15px !important; margin-bottom: 35px !important; } body.woocommerce-order-received ul.woocommerce-order-overview { grid-template-columns: 1fr !important; padding: 12px !important; } body.woocommerce-order-received .woocommerce-order-details, body.woocommerce-order-received .woocommerce-customer-details, body.woocommerce-order-received .woocommerce-bacs-bank-details, body.woocommerce-order-received .wc-bacs-bank-details, body.woocommerce-order-received .mollie-instructions { padding: 15px !important; border-radius: 9px !important; } body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns { grid-template-columns: 1fr !important; } body.woocommerce-order-received .woocommerce-order h2, body.woocommerce-order-received .woocommerce-order h3 { padding: 11px 12px !important; font-size: 16px !important; } }