/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.1.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* PDF Download Button */
.tm-partners-pdf-download {
    margin-top: 25px;
    text-align: center;
}

.tm-partners-pdf-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background-color: var(--e-global-color-primary) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease;
}

.tm-partners-pdf-button:hover:not(:disabled) {
    background-color: #a93226;
    color: #ffffff !important;
}

.tm-partners-pdf-button:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.tm-partners-pdf-button i {
    color: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1;
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    text-align: center;
}

.tm-partners-pdf-button i.fa-spin {
    animation: fa-spin 1s linear infinite;
    transform-origin: center center;
}

.tm-partners-pdf-button .tm-pdf-btn-text,
.tm-partners-pdf-button .tm-pdf-btn-spinner {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    line-height: 1;
    height: 18px;
}

/* Absendername im Warenkorb: Wert in neue Zeile */
.woocommerce-cart-form dl.variation > dt.variation-IhrNameVor-undNachname,
.woocommerce-cart-form dl.variation > dd.variation-IhrNameVor-undNachname {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin: 0 !important;
}

.woocommerce-cart-form dl.variation > dd.variation-IhrNameVor-undNachname p {
    display: block !important;
    margin: 0 !important;
}

/* Absendername in der Bestellübersicht an der Kasse ausblenden */
.woocommerce-checkout-review-order-table dt.variation-IhrNameVor-undNachname,
.woocommerce-checkout-review-order-table dd.variation-IhrNameVor-undNachname {
    display: none !important;
}

/* Partner-Karten im App-Stil (Logo links, Name + Kategorien rechts, Bonus als grünes Band unten).
   Spaltenanzahl und Kachelbreite kommen weiterhin aus dem Customizer-CSS der jeweiligen Seite;
   die Selektoren mit .tm-partner-cards überstimmen dort nur Rahmen, Logo und Text. */
.participating-partners-container.tm-partner-cards .participating-partners-item {
    flex-direction: column;
    padding: 0;
    border: none;
    border-radius: 8px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

/* Wird die Kachel zu schmal (Tablet, Handy), rutscht der Text automatisch unter das Logo. */
.participating-partners-container.tm-partner-cards .tm-partner-card-body {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px;
    padding: 14px 12px;
}

.participating-partners-container.tm-partner-cards .participating-partners-item img {
	flex: 0 0 90px;
    width: 130px;
    height: 100px;
    margin: 0;
    object-fit: contain;
}

#geschaefte-modal-map-link {
    background-image: url(https://wl-test.trolleymaker.com/wp-content/uploads/location-dot-solid-full.png);
    padding-left: 25px;
	display: inline-flex;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px 26px;
}

.participating-partners-container.tm-partner-cards .tm-partner-card-text {
    flex: 1 1 120px;
    min-width: 0;
}

.participating-partners-container.tm-partner-cards .participating-partners-item-companyName {
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    color: #4a4f55;
    overflow-wrap: anywhere;
}

.participating-partners-container.tm-partner-cards .tm-partner-card-categories {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.4;
    color: #4a4f55;
}

.participating-partners-container.tm-partner-cards .tm-partner-card-bonus {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background-color: var(--e-global-color-primary);
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
}

.participating-partners-container.tm-partner-cards .tm-partner-card-bonus-text {
    flex: 1 1 auto;
    min-width: 0;
}

/* Icon für die Art des Benefits; die SVG dient als Maske und übernimmt so die Textfarbe des Bands */
.tm-benefit-icon {
    flex: 0 0 34px;
    width: 34px;
    height: 22px;
    background-color: currentColor;
    -webkit-mask: no-repeat center / contain;
    mask: no-repeat center / contain;
}

.tm-benefit-icon-cashback {
    -webkit-mask-image: url(images/cashback.svg);
    mask-image: url(images/cashback.svg);
}

.tm-benefit-icon-voucher {
    -webkit-mask-image: url(images/voucher.svg);
    mask-image: url(images/voucher.svg);
}

.participating-partners-container.tm-partner-cards .tm-partner-card-bonus + .tm-partner-card-bonus {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}

/* Lange Titel (z. B. Gutschein-Boni) auf 3 Zeilen kürzen, der volle Text steht im Modal */
.participating-partners-container.tm-partner-cards .tm-partner-card-bonus-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.participating-partners-container.tm-partner-cards .tm-partner-card-bonus-period {
    margin-top: 2px;
}

.participating-partners-container.tm-partner-cards .participating-partners-item-overlay {
    background-color: rgba(0, 0, 0, 0.06);
}

/* Fehlermeldung im Partner-Modal */
#geschaefte-modal-container #participating-partners-loading-error {
    flex-basis: 95%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
#geschaefte-modal-infotext {
	margin-bottom: 10px;
	border-bottom:solid 1px #999999;
	padding-bottom:10px;
	}

.geschaefte-modal-bonus {
	margin-bottom: 10px;
	border-bottom:solid 1px #999999;
	padding-bottom:10px;
	}

#geschaefte-modal-categories {
		margin-bottom: 10px;
	border-bottom:solid 1px #999999;
	padding-bottom:10px;
	}