/*
Theme Name: Electro [DC Child]
Theme URI: https://themeforest.net/item/electro-electronics-store-woocommerce-theme/15720624
Template: electro
Author: LD
Author URI: https://madrasthemes.com/
Description: Electro is a robust and flexible WordPress theme, designed by Transvelo to help you make the most out of using WooCommerce to power your online store. The design is well suited for Electronics Store, Vendor based marketplaces, affiliate websites. It is built and comes bundled with most of the advanced features available in most popular eCommerce websites like amazon, flipkart, snapdeal, walmart, alibaba, aliexpress, etc.
Tags: black,blue,pink,yellow,dark,light,two-columns,left-sidebar,fixed-layout,responsive-layout,custom-colors,custom-menu,editor-style,featured-images,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 3.3.5.1771830239
Updated: 2026-02-23 08:03:59

*/

/* --- Verplaats aanbiedingsprijs 10px naar beneden --- */
.woocommerce ul.products li.product .price ins,
.woocommerce div.product .price ins {
    display: inline-block;    /* Zorgt dat 'top' werkt */
    position: relative;       /* Relatief ten opzichte van normale plek */
    top: 8px;                /* 10px naar beneden */
}

/* Zorg dat alle mogelijke parent wrappers relatief zijn */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .product-thumbnail {
    position: relative;
}


/* PRODUCT PAGINA | Sale badge */
.woocommerce span.onsale {
    position: absolute !important;   /* absoluut positioneren */
    top: 10px !important;            /* afstand van bovenkant */
    left: 10px !important;           /* afstand van linkerkant */
    display: flex !important;        /* flexbox voor centreren */
    align-items: center !important;
    justify-content: center !important;
    min-width: 75px !important;
    height: 30px !important;
    padding: 5 8px !important;
    background-color: #FF4949 !important;
    color: white !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    border-radius: 10px !important;
    z-index: 999 !important;         /* altijd boven alles */
    white-space: nowrap !important;  
    box-shadow: 0 3px 6px rgba(0,0,0,0.3) !important;
}

/* CHECKOUT | Extra ruimte boven Coderockz delivery / pickup veld */
.woocommerce-checkout #coderockz_woo_delivery_delivery_selection_box_field {
    margin-top: 10px !important;
}


/* CHECKOUT | Dikke streep Checkout Page: Uw Bestelling - Ophaal/Bozorging - Betaling */

.woocommerce-checkout-review-order-table,
#coderockz_woo_delivery_setting_wrapper {
    border-bottom: 6px solid #000;
    padding-bottom: 15px;
    margin-bottom: 15px;
}


/* MAIN WEBSITE | Header + Footer Logo Formaat */

/* 🖼️ Header Logo */
.img-header-logo {
    width: 175px !important;  /* gewenste breedte */
    height: auto !important;   /* hoogte past automatisch */
}

/* 🖼️ Footer Logo */
.footer-logo img {
    width: 175px !important;   /* desktop-breedte */
    height: auto !important;    /* behoud verhoudingen */
}