/* WP Immo Search - Card Icons */

/* Detail Items Container - Links Icons, Rechts Fläche mit Linien oben UND unten */
.result-details,
.wpis_card_details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 16px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.result-details {
    margin-bottom: 0;
}

.wpis_card_details {
    margin-bottom: 0;
}

/* Linke Seite: Icons-Container */
.result-details-left,
.wpis_card_details_left {
    display: flex;
    gap: 12px;
    align-items: center;
}

/* Rechte Seite: Fläche als Text */
.result-details-right,
.wpis_card_details_right {
    flex-shrink: 0;
}

/* Detail Items - Icon only mit Tooltip */
.result-details .detail-item,
.wpis_card_details .detail-item,
.wpis_card_bathrooms,
.wpis_card_rooms,
.wpis_card_parking {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    cursor: help;
}

/* Icon-Werte UND Fläche - ALLES ohne CSS (nutzt Eltern-Styles) */
.result-details .detail-item span,
.wpis_card_details .detail-item span,
.wpis_card_rooms_value,
.wpis_card_bathrooms_value,
.wpis_card_parking_value,
.wpis_card_area_text,
.result-details .wpis_card_area {
    /* Komplett KEIN CSS - erbt alles vom Eltern-Element */
}

/* Icons als SVG Background für Details (NUR für Icon-Items) */
.wpis_card_rooms::before,
.wpis_card_bathrooms::before,
.wpis_card_parking::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 0.2s ease;
}

/* Tooltip für Icon-Labels */
.wpis_card_bathrooms::after,
.wpis_card_rooms::after,
.wpis_card_parking::after {
    content: attr(data-label);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-8px);
    background: rgba(0, 0, 0, 0.9);
    color: white;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease;
    z-index: 100;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

/* Tooltip anzeigen beim Hover (ohne Animation) */
.wpis_card_bathrooms:hover::after,
.wpis_card_rooms:hover::after,
.wpis_card_parking:hover::after {
    opacity: 1;
}

/* Zimmer Icon (Copy/Bed Icon) - Farbe: #cccccc */
.wpis_card_rooms::before,
.result-details .detail-item.wpis_card_rooms::before {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="%23cccccc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>');
}

/* Fläche OHNE Icon (nur Text rechts) */
.wpis_card_area {
    /* Kein Icon - wird als Text angezeigt */
}

/* Falls Fläche doch Icon braucht (optional, aktuell deaktiviert) */
.wpis_card_area.with-icon::before {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="%23718096" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="9" y1="21" x2="9" y2="9"/></svg>');
}

/* Stellplätze Icon (Car Icon) - Farbe: #cccccc */
.wpis_card_parking::before,
.result-details .detail-item.wpis_card_parking::before {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" fill="%23cccccc" xmlns="http://www.w3.org/2000/svg"><path d="M499.99 176h-59.87l-16.64-41.6C406.38 91.63 365.57 64 319.5 64h-127c-46.06 0-86.88 27.63-103.99 70.4L71.87 176H12.01C4.2 176-1.53 183.34.37 190.91l6 24C7.7 220.25 12.5 224 18.01 224h20.07C24.65 235.73 16 252.78 16 272v48c0 16.12 6.16 30.67 16 41.93V416c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-32h256v32c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-54.07c9.84-11.25 16-25.8 16-41.93v-48c0-19.22-8.65-36.27-22.07-48H494c5.51 0 10.31-3.75 11.64-9.09l6-24c1.89-7.57-3.84-14.91-11.65-14.91zm-352.06-17.83c7.29-18.22 24.94-30.17 44.57-30.17h127c19.63 0 37.28 11.95 44.57 30.17L384 208H128l19.93-49.83zM96 319.8c-19.2 0-32-12.76-32-31.9S76.8 256 96 256s48 28.71 48 47.85-28.8 15.95-48 15.95zm320 0c-19.2 0-48 3.19-48-15.95S396.8 256 416 256s32 12.76 32 31.9-12.8 31.9-32 31.9z"/></svg>');
}

/* Badezimmer Icon (Shower Icon) - Farbe: #cccccc */
.wpis_card_bathrooms::before,
.result-details .detail-item.wpis_card_bathrooms::before {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" fill="%23cccccc" xmlns="http://www.w3.org/2000/svg"><path d="M389.66 135.6L231.6 293.66c-9.37 9.37-24.57 9.37-33.94 0l-11.32-11.32c-9.37-9.37-9.37-24.57 0-33.94l.11-.11c-34.03-40.21-35.16-98.94-3.39-140.38-11.97-7.55-26.14-11.91-41.3-11.91C98.88 96 64 130.88 64 173.76V480H0V173.76C0 95.59 63.59 32 141.76 32c36.93 0 70.61 14.2 95.86 37.42 35.9-11.51 76.5-4.5 106.67 21.03l.11-.11c9.37-9.37 24.57-9.37 33.94 0l11.32 11.32c9.37 9.37 9.37 24.57 0 33.94zM384 208c0 8.837-7.163 16-16 16s-16-7.163-16-16 7.163-16 16-16 16 7.163 16 16zm32 0c0-8.837 7.163-16 16-16s16 7.163 16 16-7.163 16-16 16-16-7.163-16-16zm96 0c0 8.837-7.163 16-16 16s-16-7.163-16-16 7.163-16 16-16 16 7.163 16 16zm-160 32c0 8.837-7.163 16-16 16s-16-7.163-16-16 7.163-16 16-16 16 7.163 16 16zm48-16c8.837 0 16 7.163 16 16s-7.163 16-16 16-16-7.163-16-16 7.163-16 16-16zm80 16c0 8.837-7.163 16-16 16s-16-7.163-16-16 7.163-16 16-16 16 7.163 16 16zm-160 32c0 8.837-7.163 16-16 16s-16-7.163-16-16 7.163-16 16-16 16 7.163 16 16zm32 0c0-8.837 7.163-16 16-16s16 7.163 16 16-7.163 16-16 16-16-7.163-16-16zm96 0c0 8.837-7.163 16-16 16s-16-7.163-16-16 7.163-16 16-16 16 7.163 16 16zm-128 32c0-8.837 7.163-16 16-16s16 7.163 16 16-7.163 16-16 16-16-7.163-16-16zm96 0c0 8.837-7.163 16-16 16s-16-7.163-16-16 7.163-16 16-16 16 7.163 16 16zm-96 32c0 8.837-7.163 16-16 16s-16-7.163-16-16 7.163-16 16-16 16 7.163 16 16zm64 0c0 8.837-7.163 16-16 16s-16-7.163-16-16 7.163-16 16-16 16 7.163 16 16zm-32 32c0 8.837-7.163 16-16 16s-16-7.163-16-16 7.163-16 16-16 16 7.163 16 16zm-32 32c0 8.837-7.163 16-16 16s-16-7.163-16-16 7.163-16 16-16 16 7.163 16 16z"/></svg>');
}

/* ALTERNATIVE: Fontello Icons verwenden */
/* Wenn du lieber fontello nutzen möchtest: */
/*
.wpis_card_rooms::before {
    font-family: 'fontello';
    content: '\e850';  // Deinen fontello-Code hier einfügen
    margin-right: 6px;
    font-size: 16px;
}
*/

/* Icon Hover-Effekte deaktiviert */