/*
Theme Name: Weblabels v7.0 - Child Theme
Theme URI: https://www.weblabels.de
Author: Patrick Hinz | Weblabels
Author URI: https://www.web-labels.de
Description: Description: Die v7.0 des hauseigenen Themes von Weblabels mit Bootstrap 5.2.3 + Icons und Fontawsome 6. Das Theme ist sehr leicht in der Größe und bietet viele verschiedene Funktionalitäten für die man sonst ein Plugin benötigt. Von der Merkliste bis hin zur WooCommerce Bildergalerie ohne Plugin.
Template:     weblabels
Tested up to: 8.3
Requires PHP: 7.4
Version:      7.0.0

#  ##   ##  #######  ######            ####       ##     ######   #######  ####      ##### #
#  ##   ##   ##   #   ##  ##            ##       ####     ##  ##   ##   #   ##      ##   ## #
#  ##   ##   ## #     ##  ##            ##      ##  ##    ##  ##   ## #     ##      # #
#  ## # ##   ####     #####             ##      ##  ##    #####    ####     ##       ##### #
#  #######   ## #     ##  ##            ##   #  ######    ##  ##   ## #     ##   #       ## #
#  ### ###   ##   #   ##  ##            ##  ##  ##  ##    ##  ##   ##   #   ##  ##  ##   ## #
#  ##   ##  #######  ######            #######  ##  ##   ######   #######  #######   ##### #
*/

/*##################################
        Generelle Styles
##################################*/
.primary-color  { color:var(--e-global-color-primary); }

.link--underline .cretive-button-text{
        border-bottom: 2px solid rgba(255, 255, 255, 0.5);
        padding-bottom: 0px;
        margin-top: 4px;
}

.link--underline-news .cretive-button-text{
        border-bottom: 2px solid #5ca02981;
        padding-bottom: 0px;
        margin-top: 4px;
}

.link--underline-download .cretive-button-text{
        border-bottom: 2px solid #5da029;
        padding-bottom: 0px;
        margin-top: 4px;    
}

/*--- Aktivieren wenn die Produkt Detailseite fertig ist ---*/
.elementor-widget-menu-anchor { display: block; position: relative; top: -170px; }

.productdetail--left-infos .e-n-accordion-item-title-icon{ 
        background-color: #5da02936;
        border-radius: 6px;
        width: 20px;
        height: 20px;
        padding: 5px; 
}



.produkt--detail-navigation.elementor-sticky--active{
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}


.kachel--hover-interactive:hover .kachel--headline-green .elementor-widget-container  { background-color: var(--e-global-color-primary) !important; }
.kachel--hover-interactive:hover .kachel--inner-icon	{ background-color: var(--e-global-color-0b3608b) !important; }


.variations tr {
  display: flex;
  flex-direction: column; /* Stapelt th und td untereinander */
  margin-bottom: 1rem; /* etwas Abstand zwischen den "Zeilen" */
}

.variations th,
.variations td {
  width: 100%;      /* beide sollen volle Breite haben */
  display: block;   /* block, damit sie sich wie divs verhalten */
}

td.value select { width:100%; padding-left: 12px; }

.woocommerce-notices-wrapper{display: none !important;}

/*##################################################
        WooCommerce Master Styling
##################################################*/
.produkte--loop-merkmale        { padding: 0px !important; font-family: 'Cabin';}
.produkte--loop-merkmale img    { width: 26px; }
.produkte--loop-merkmale p      { font-size: 14px; margin: 0px; color: #62635D !important;}
.woocommerce img, .woocommerce-page img { padding: 2px;}

.produkte--detail-merkmale        { padding: 0px !important; font-family: 'Cabin';}
.produkte--detail-merkmale img    { width: 48px; }
.produkte--detail-merkmale p      { font-size: 20px; margin: 0px;}
.woocommerce-order	          {margin-top: 20px;}
.cart_totals .wc-proceed-to-checkout          { padding: 0px; }
.ea-woo-checkout .woocommerce .ea-woo-checkout-order-review .ea-order-review-table li.table-row { margin:0px !important; }

.download-file a{ background-color: var(--e-global-color-primary) !important; border: solid 1px var(--e-global-color-primary) !important; color: #fff !important;}
.download-file a:hover { background-color: #fff !important; color: var(--e-global-color-primary) !important;}

/*---------- Display None in divesen WooCommerce Tabellen im Checkout und Account Seite ----------*/
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received , .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details{ display: none !important;}
.woocommerce-customer-details , .woocommerce-table__product-table.product-total	{display: none !important;}
.e-shop-table .product-remove,
.e-shop-table .product-price,
.e-shop-table .product-quantity, 
.e-shop-table .product-subtotal,
.e-cart-totals h2,
.e-cart-totals .cart-subtotal,
.e-cart-totals .order-total  { display: none !important; }

.ea-woo-checkout-order-review .ea-order-review-table-footer,
.ea-woo-checkout-order-review .table-header,
.ea-woo-checkout-order-review  .table-row.cart_item .product-quantity,
.ea-woo-checkout-order-review  .table-row.cart_item .product-total    { display: none !important; }

.woocommerce-table--order-details.shop_table.order_details tfoot,
.woocommerce-table__product-total.product-total,
.order-again { display: none !important; }

.woocommerce-orders-table__header.woocommerce-orders-table__header-order-total, 
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total { display: none !important; }



/*##################################################
        Contact Form 7 Master Styling
##################################################*/
.wpcf7-form a           { color: var(--e-global-color-primary); }
.wpcf7-form a:hover     { color: var(--e-global-color-secondary); text-decoration: none; }
.captcha-image          { margin: 15px 0px 0px 0px !important; }
.captcha-image label > input:checked + svg	{ border: 2px solid var(--e-global-color-primary) !important; }
.captcha-image svg		{ width: 50px; height: 50px; }

.cf7-benoetigt			{ color: #777; font-size:14px; font-weight:400; }

.link--datenschutz , .captcha-image label{
     font-family: Sans-serif;
     font-size: 12px;
     font-weight: 500;
}

.kontakt--check-interesse{ display:flex !important; flex-direction: column !important; }
.kontakt--check-interesse span { margin:5px 0px 15px 0px !important; }

/*##################################################
        Always Logged in Screen Styling
##################################################*/
.elementor-520 .elementor-element.elementor-element-e8e588a .eael-lr-form-wrapper	{ padding: 20px !important; }


/*##################################################
        Product Filter Styling
##################################################*/
.jet-checkboxes-list .jet-checkboxes-list__item .jet-checkboxes-list__button{	
    flex-direction: row-reverse !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
}


/* Adjust */
.bdt-panel-slide-thumb.bdt-background-cover {
    background-size:  contain;
}

/*
.e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title {
    background-color: #F9F9F9!important;
}
*/
.box-shadow {
box-shadow: 3px 3px 50px #6A6A6A;
}

.jet-sorting-select {
border-color: rgba(98, 99, 93, 0.2);
}




/*##################################################
        Job Detail List
##################################################*/
.job--detail-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.job--detail-list ul li {
    display: flex;
    align-items: center; /* Icon und Text vertikal zentrieren */
    gap: 10px; /* Abstand zwischen Icon und Text */
    margin-bottom: 0.5em; /* optionaler Abstand zwischen den Zeilen */
}

.job--detail-list ul li::before {
    content: "";
    display: inline-block;
    width: 20px; /* Größe des Icons */
    height: 20px;
    background-image: url('/wp-content/uploads/2025/09/job-check-fill.png');
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0; /* verhindert, dass das Icon zusammengequetscht wird */
}