/* © 2026 Martin Scherer · Fachwerte (https://www.fachwerte.de) · Alle Rechte vorbehalten.
   Steckdosenplaner — Original: https://www.fachwerte.de/tools/steckdosenplaner/
   Stile zu Teil 43 (Plan bereinigen: weiße Abdeckrechtecke über dem
   Grundriss). Kennung FWSP-2026-09-01 */

/* ─── Ebenen im Plan ────────────────────────────────────────────────────── */
/* Die weißen Flächen liegen direkt über dem Grundrissbild und fangen nie
   einen Klick — außerhalb des Werkzeugs gehen Klicks immer durch. */
.ep-abdeck-ebene {
    position: absolute;
    left: 0; top: 0;
    overflow: hidden;
    pointer-events: none;
}
/* Umrisse und Griffe im Werkzeug: obenauf über allem im Plan. */
.ep-abdeck-oben {
    position: absolute;
    left: 0; top: 0;
    width: 0; height: 0;
    overflow: visible;
    z-index: 50;
    pointer-events: none;
}
.ep-abdeck-umrisse {
    position: absolute;
    left: 0; top: 0;
    overflow: visible;
    pointer-events: none;
}
.ep-abdeck-umrisse rect[data-abdeck-id] { pointer-events: all; cursor: move; }
.ep-abdeck-griff {
    position: absolute;
    box-sizing: border-box;
    background: #fff;
    border: 1.5px solid #0057b8;
    border-radius: 1px;
    pointer-events: auto;
    transition: transform .12s ease;
}
.ep-abdeck-griff:hover { background: #0057b8; transform: scale(1.3); }
.ep-abdeck-mass { pointer-events: none; }

/* Im Werkzeug tritt alles außer Grundriss und Abdeckungen zurück — man
   sieht, was vom Plan übrig bleibt, und Symbole fangen keinen Zeiger. */
.ep-plan[data-modus="bereinigen"] { cursor: crosshair; }
.ep-plan[data-modus="bereinigen"] .ep-stage > :not(img):not(.ep-abdeck-ebene):not(.ep-abdeck-oben) {
    opacity: .4;
    pointer-events: none !important;
}
.ep-plan[data-modus="bereinigen"] .ep-stage > :not(img):not(.ep-abdeck-ebene):not(.ep-abdeck-oben) * {
    pointer-events: none !important;
}

/* Finger: größere Griffe (sie sind in px gesetzt und mittig ausgerichtet). */
.ep-app.ist-touch .ep-abdeck-griff,
.ep-app.ist-touch .ep-abdeck-griff:hover { transform: scale(1.9); }

/* ─── Eigenschaftsfeld ──────────────────────────────────────────────────── */
.ep-abdeck-hinweis { margin: .1rem 0 .6rem; }
.ep-abdeck-reihe { display: flex; gap: .35rem; flex-wrap: wrap; margin: .35rem 0 .55rem; }
.ep-abdeck-gewaehlt {
    padding: .5rem .6rem .1rem;
    margin-bottom: .6rem;
    border: 1px solid var(--fw-border, #e6e6e3);
    border-left: 3px solid #0057b8;
    border-radius: .4rem;
}
.ep-abdeck-titel { font-weight: 600; font-size: .9rem; }
.ep-abdeck-aussen { margin-bottom: .4rem; }
.ep-abdeck-listkopf {
    display: flex; align-items: center; justify-content: space-between; gap: .5rem;
    font-size: .85rem; font-weight: 600;
    margin: .3rem 0 .3rem;
}
.ep-abdeck-liste {
    list-style: none; margin: 0 0 .5rem; padding: 0;
    max-height: 12rem; overflow: auto;
    display: flex; flex-direction: column; gap: 2px;
}
.ep-abdeck-eintrag {
    width: 100%;
    text-align: left;
    font: inherit; font-size: .82rem;
    padding: .3rem .5rem;
    border: 1px solid transparent;
    border-radius: .3rem;
    background: var(--fw-surface, #f7f7f5);
    color: inherit;
    cursor: pointer;
}
.ep-abdeck-eintrag:hover { border-color: var(--fw-border, #e6e6e3); }
.ep-abdeck-eintrag.ist-gewaehlt { border-color: #0057b8; background: rgba(0, 87, 184, .08); }
.ep-app.ist-touch .ep-abdeck-eintrag { min-height: 2.6rem; }