/*
 Theme Name: Kadence Child
 Theme URI: https://www.diacosa.ch
 Description: Child Theme für Kadence
 Author: Diacosa AG
 Template: kadence
 Version: 1.0.0
 Text Domain: kadence-child
*/
h1, h2, h3, h4, h5, h6, p, body, a {
    letter-spacing: 0.05em !important;
    line-height: 1.65em;
}
.onsale {
    background-color: #db2a2a !important;
    padding: 6px 14px;
    border-radius: 6px;
    color: #fff;
}
.diacosa-variations-table input[type="number"] {
    width: 80px !important;
}
.kb-advanced-slide h2.wp-block-kadence-advancedheading{
	color: #fff;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: lighter;
}

/*Desktop*/
@media screen and (min-width: 1025px) {
    .kb-advanced-slide h2.wp-block-kadence-advancedheading{
        font-size: 3rem;
    }
}



/*************************
 * Search Results
 *
 * Kadence Child Theme
 * SearchWP + WooCommerce
**************************/
/* ============================================================
   SEARCH HEADER
   ============================================================ */

.search-results-header {
	margin-bottom: 40px;
}

.search-results-title {
	margin: 0;
}


/* ============================================================
   SECTION TITLES
   ============================================================ */

.search-section-title {
	margin: 0 0 25px;
	font-size: 28px;
	line-height: 1.3;
}


/* ============================================================
   PRODUCTS
   ============================================================ */

.search-products {
	margin-bottom: 60px;
}

.search-product-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.search-product-item {
	border: 1px solid #e5e5e5;
	background: #ffffff;
	transition: box-shadow 0.2s ease;
}

.search-product-item:hover {
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.10);
}

.search-product-link {
	display: block;
	height: 100%;
	text-decoration: none;
	color: inherit;
}

.search-product-image {
	width: 100%;
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: #ffffff;
}

.search-product-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.search-product-content {
	padding: 15px;
}

.search-product-title {
	margin: 0 0 10px;
	font-size: 18px;
	line-height: 1.3;
}

.search-product-price {
	font-size: 16px;
	font-weight: 600;
}

.search-product-price del {
	opacity: 0.6;
	margin-right: 5px;
}

.search-product-price ins {
	text-decoration: none;
}


/* ============================================================
   OTHER SEARCH RESULTS
   ============================================================ */

.search-other-results {
	margin-top: 40px;
}

.search-other-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.search-other-item {
	border: 1px solid #e5e5e5;
	background: #ffffff;
}

.search-other-image {
	display: block;
}

.search-other-image img {
	display: block;
	width: 100%;
	height: auto;
}

.search-other-content {
	padding: 18px;
}

.search-other-title {
	margin: 0 0 8px;
	font-size: 20px;
	line-height: 1.3;
}

.search-other-title a {
	text-decoration: none;
}

.search-other-meta {
	margin-bottom: 10px;
	font-size: 13px;
	opacity: 0.7;
}

.search-other-excerpt {
	font-size: 15px;
	line-height: 1.5;
}

.search-other-readmore {
	display: inline-block;
	margin-top: 10px;
	font-size: 13px;
}


/* ============================================================
   NO RESULTS
   ============================================================ */

.search-no-results {
	margin-bottom: 60px;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1024px) {

	.search-product-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.search-other-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}


@media (max-width: 768px) {

	.search-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.search-other-grid {
		grid-template-columns: 1fr;
	}
}


@media (max-width: 480px) {

	.search-product-grid {
		grid-template-columns: 1fr;
	}

	.search-other-grid {
		grid-template-columns: 1fr;
	}

	.search-product-title {
		font-size: 16px;
	}

	.search-section-title {
		font-size: 24px;
	}
}
/******
* Ende CSS Search results
*******/

/************************************************************
 * WooCommerce Variation Table - Simple Product Page
 * Siehe Datei:  <theme>-child / woocommerce / single-product / add-to-cart / variable.php
 ************************************************************/

/* Grundstil */
.diacosa-variations-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.8rem;
}

/* Tabellenzellen */
.diacosa-variations-table td {
    padding: 8px 12px;
    border: 1px solid #e3e3e3;
    vertical-align: middle;
}

/* Zebra-Streifen */
.diacosa-variations-table tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

.diacosa-variations-table tbody tr:nth-child(even) {
    background-color: #fafafa;
}

/* Einheit */
.diacosa-variations-table .diacosa-variation-unit {
    width: auto;
}

/* Preis */
.diacosa-variations-table .diacosa-variation-price {
    width: 1%;
    /*white-space: nowrap;*/
}
.diacosa-variations-table .diacosa-variation-price del{
    font-size: smaller;
}
.diacosa-variations-table .diacosa-variation-price .woocommerce-Price-amount {
    font-weight: 600;
}
/* Quantity */
.diacosa-variations-table .diacosa-variation-quantity {
    width: 1%;
    white-space: nowrap;
}

/* Warenkorb */
.diacosa-variations-table .diacosa-variation-cart {
    width: 1%;
    white-space: nowrap;
}

/* Preiszusatz */
.diacosa-variations-table .woocommerce-price-suffix {
    white-space: nowrap;
}

/* Variation-Formular */
.diacosa-variations-table .diacosa-variation-form {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

/* Quantity Input */
.diacosa-variations-table .diacosa-variation-form input[type="number"] {
    width: 70px;
    margin: 0;
}

/* Warenkorb-Button */
.diacosa-variations-table .single_add_to_cart_button {
    margin: 0;
    white-space: nowrap;
}

/* Ausverkauft */
.diacosa-variations-table .out-of-stock {
    margin: 0;
    white-space: nowrap;
}

/************************************************************
 * Mobile
 ************************************************************/

@media (max-width: 767px) {

    .diacosa-variations-table {
        font-size: 0.75rem;
    }

    .diacosa-variations-table td {
        padding: 7px 6px;
    }

    /* Einheit bekommt den verfügbaren Platz */
    .diacosa-variations-table .diacosa-variation-unit {
        width: auto;
        overflow-wrap: anywhere;
    }

    /* Preis bleibt kompakt */
    .diacosa-variations-table .diacosa-variation-price {
        width: 1%;
        /*white-space: nowrap;*/
    }

    /* Quantity bleibt kompakt */
    .diacosa-variations-table .diacosa-variation-quantity {
        width: 1%;
        white-space: nowrap;
    }

    .diacosa-variations-table .diacosa-variation-form input[type="number"] {
        width: 55px;
        padding-left: 5px;
        padding-right: 5px;
    }

    /* Button bleibt kompakt */
    .diacosa-variations-table .diacosa-variation-cart {
        width: 1%;
        white-space: nowrap;
    }

    .diacosa-variations-table .single_add_to_cart_button {
        padding: 8px 10px;
        font-size: 0.75rem;
    }

    /* Preiszusatz bei sehr kleinen Displays ausblenden */
    .diacosa-variations-table .woocommerce-price-suffix {
        /*white-space: normal;*/
    }

}


/************************************************************
 * Sehr kleine Displays
 ************************************************************/

@media (max-width: 480px) {

    .diacosa-variations-table td {
        padding: 6px 4px;
    }

    .diacosa-variations-table .diacosa-variation-form input[type="number"] {
        width: 50px;
    }

    .diacosa-variations-table .single_add_to_cart_button {
        padding: 7px 8px;
        font-size: 0.7rem;
    }
}

/************************************************************
 * Ende WooCommerce Variation Table
 ************************************************************/
/************************************************************
 * Ende WooCommerce Variation Table - Simple Product Page
 ************************************************************/


/************************************************************
 * Infotext für Produktdetailseite - Simple Product Page
 ************************************************************/
.bn_productInfo {
    margin-top: 20px;
    width: 100%;
    padding: 1.25em 2em 1.25em 2em;
    background-color: var(--global-palette7);
    border-left: 5px solid var(--global-palette-highlight);
    list-style: none outside;
}

/* Flex-Container */
.bn_productInfoContent {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
    box-sizing: border-box;
}

.bn_mengenrabatt {
    flex: 0 0 auto;
}

.bn_rabatthinweis {
    flex: 1 1 0;
    min-width: 0;
}

.bn_mengenrabatt {
    display: flex;
    flex-direction: column;
}

.bn_rabatttitle {
    font-weight: 600;
    display: block;
}

.bn_rabattlist {
    margin: 0;
    padding: 0;
	list-style: none outside;
}

.bn_rabattlist li {
    margin: 0;
}

.bn_rabatthinweis {
    line-height: 1.5;
    font-size: 0.8em;
}

.bn_rabatthinweis .bn_rabatttitle {
    margin-bottom: 0.5rem;
}


.bn_rabatttextBold {
    flex: 0 0 100%;
    width: 100%;
	color: #c00;
    font-weight: 600;
    line-height: 1.5;
}

@media (max-width: 767px) {

    .bn_productInfoContent {
        flex-direction: column;
    }

    .bn_mengenrabatt,
    .bn_rabatthinweis,
    .bn_rabatttextBold {
        flex: 0 0 100%;
        width: 100%;
    }

}
/************************************************************
 * Ende Infotext für Produktdetailseite - Simple Product Page
 ************************************************************/
/*Up-sell Section auf Produktdetailseite*/
section.up-sells.upsells.products {
    background-color: var(--global-palette8);
    padding: 2px 4px;
}

/************************************************************
 * Filter-Widgets auf der WooCommerce Product Catalog Page
 ************************************************************/

.woocommerce-page .primary-sidebar.widget-area .wpc-filter-header {
    background-color: var(--global-palette7);
    border-bottom: 1px solid var(--global-palette6);
    padding: 4px 4px 0 4px;
}
.woocommerce-page .primary-sidebar.widget-area .widget-title {
    font-weight: 400;
}

.woocommerce-page .primary-sidebar.widget-area .wpc-filters-widget-wrapper .widget-title {
    font-size: 14px;
    line-height: 1.4;
    /*background-color: var(--global-palette7);
    padding: 4px;*/
    margin-bottom: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--global-palette8);	
}

/*
.woocommerce-page .wpc-filter-content {
    border: 2px solid var(--global-palette7);
    border-top-style: none;
    padding: 0.5em 1em;
	background-color: color-mix(in srgb, var(--global-palette7) 50%, transparent);
}
*/
.woocommerce-page .wpc-filters-main-wrap li.wpc-term-item {
    margin-bottom: 4px;
}
.woocommerce-page .primary-sidebar.widget-area .widget-title .wpc-wrap-icons {
	text-transform: uppercase;
}
.woocommerce-products-header ul.wpc-filter-chips-list {
	padding-top: 2px;
}
/************************************************************
 * Ende Filter-Widgets auf der WooCommerce Product Catalog Page
 ************************************************************/

/*************************************************************
* Kadence off-canvas Filter (Filter Everything)
**************************************************************/
.kadence-shop-top-row {
    align-items: center;
}

button#filter-toggle {
    font-size: 16px;
    border-radius: 6px;
    background-color: var(--global-palette15);
}

/* Gesamter Filterbereich kompakter */
.wpc-filters-section {
    margin-bottom: 10px !important;
    padding: 6px !important;
	background-color: color-mix(in srgb, var(--global-palette7) 50%, transparent);
}

/* Header kompakter + kleinere Schrift */
.wpc-filter-header {
    padding: 2px 0 !important;
}

.wpc-filter-header .wpc-filter-title {
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

/* Abstand zwischen Filtergruppen reduzieren */
.wpc-filter-content {
    margin-top: 4px !important;
}

/* Dropdown-Container kompakter */
.wpc-filter-layout-dropdown .wpc-filter-content {
    padding: 0 !important;
}
/* Select kompakter */
.wpc-filters-widget-select {
    font-size: 0.80rem !important;
    padding: 4px 6px !important;
    min-height: 28px !important;
    line-height: 1.2 !important;
}

/* Option-Styling (Browser-limitiert, aber verbessert) */
.wpc-filters-widget-select option {
    font-size: 0.90rem !important;
    padding: 4px 6px !important;
    border-bottom: 1px solid #f0f0f0; /* pseudo-striped */
}

/* Jede zweite Option leicht anders einfärben */
.wpc-filters-widget-select option:nth-child(even) {
    background-color: #fafafa !important;
}

.wpc-filters-widget-select option:nth-child(odd) {
    background-color: #ffffff !important;
}

/* Hover-Effekt (funktioniert in Chrome/Edge, nicht in Safari) */
.wpc-filters-widget-select option:hover {
    background-color: #e6ecff !important;
}

/************************************************************
 * Start /cart und /checkout Seiten
 ************************************************************/
/* KK- und Paypal-Logo*/
.woocommerce-checkout #payment ul.payment_methods li img {
    max-height: 24px;
}
/*KK Zuschlagtext verbergen*/
.woocommerce-checkout #payment ul.payment_methods li.payment_method_SaferpayCw_CreditCard .payment_box {
    display: none !important;
}
/************************************************************
 * Ende /cart und /checkot Seiten
 ************************************************************/

/************************************************************
 * Start Sub-Menu Navigation Title
 ************************************************************/
.sub-menu span.nav-drop-title-wrap {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.1em;
    font-weight: 600;
    display: block;
    color: var(--global-palette5);
    text-transform: uppercase;
}

/************************************************************
 * Start Seitenformatierungen Produktattribut-Seiten
 ************************************************************/
/* Fix zur Positionierung des Seiten Titel über Bild mit aspect-ratio: 16/3 */
.bn-headerRow > div {
    height: 100%;
}
/* Paginierung-Symbole (1,2,3...) bei Produkt-Grid */
.wp-block-query-pagination-numbers a,
.wp-block-query-pagination-numbers span {
    float: left;
    padding: 0;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    background-color: var(--global-palette9);
    border-radius: 100px;
    margin-right: 3px;
    text-decoration: none;
}
.wp-block-query-pagination-numbers a:hover {
    background-color: var(--global-palette6);
    color: var(--global-palette7);
}
.wp-block-query-pagination-numbers span {
    font-weight: 600;
    background-color: var(--global-palette7);
}