/* FE PayCalc (Elementor Free) — simple, dependency-free */
.fe-paycalc-wrap{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;border:1px solid #e3e3e3;border-radius:14px;padding:14px;max-width:980px;margin:0 auto}
.fe-paycalc-wrap h2{margin:0 0 10px;font-size:22px}
.fe-paycalc-grid{display:grid;grid-template-columns:220px 1fr;gap:10px;align-items:center}
.fe-paycalc-grid .lbl{font-weight:700}
.fe-paycalc-row{margin:10px 0}
.fe-paycalc-input{width:100%;padding:10px 10px;border:1px solid #cfcfcf;border-radius:10px;font-size:14px}
.fe-paycalc-btn{padding:10px 12px;border:1px solid #cfcfcf;background:#fff;font-weight:800;cursor:pointer;border-radius:10px}
.fe-paycalc-out{margin-top:12px;padding:12px;border:1px dashed #bbb;border-radius:12px}
.fe-paycalc-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fe-paycalc-kpi{opacity:.7;font-size:12px}
.fe-paycalc-kpi .v{font-size:26px;font-weight:900}
.fe-paycalc-note{margin-top:10px;font-size:12px;opacity:.85;line-height:1.45}
.fe-paycalc-err{color:#8a1f1f;font-weight:800;margin-top:8px}
.fe-paycalc-legal{margin-top:16px;padding-top:12px;border-top:1px solid #eee;font-size:12px;opacity:.9;line-height:1.45}
.fe-paycalc-warn{padding:10px 12px;border:1px solid #0d48b0;background:#fff7d6;border-radius:12px;margin-top:10px}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}

/* =======================================================================
   PAYCALC THEME FIX v2 (Dark Theme / Astra / Elementor)
   Fix: unreadable labels, inputs and button text due to inherited colors.
   ======================================================================= */

/* Default text on dark pages */
.fe-paycalc-wrap,
.fe-paycalc-wrap h2,
.fe-paycalc-wrap .lbl,
.fe-paycalc-wrap label { color:#fff !important; }

/* Inputs/selects must be dark text on white background */
.fe-paycalc-wrap input,
.fe-paycalc-wrap select,
.fe-paycalc-wrap textarea,
.fe-paycalc-wrap .fe-paycalc-input{
  color:#111 !important;
  background:#fff !important;
}

/* Options inside selects (some browsers inherit) */
.fe-paycalc-wrap select option{ color:#111 !important; }

/* The "Netto berechnen" box is light -> force dark text */
.fe-paycalc-wrap .fe-paycalc-details,
.fe-paycalc-wrap .fe-paycalc-details *{
  color:#111 !important;
}

/* Buttons: ensure readable text even if theme forces white */
.fe-paycalc-wrap button,
.fe-paycalc-wrap .fe-paycalc-btn,
.fe-paycalc-wrap input[type="button"],
.fe-paycalc-wrap input[type="submit"]{
  color:#111 !important;
  background:#fff !important;
  border-color:#cfcfcf !important;
}

/* Small helper: if a theme adds global opacity, undo inside calculator */
.fe-paycalc-wrap *{ opacity:1 !important; }
/* THEME FIX v3: ensure breakdown labels are readable on dark backgrounds */
.fe-paycalc-wrap .fe-paycalc-break .fe-paycalc-kvline .k,
.fe-paycalc-wrap .fe-paycalc-break .fe-paycalc-kvline .v{
  color:#fff !important;
}

.fe-paycalc-wrap .fe-paycalc-break .fe-paycalc-kvline{
  border-bottom:1px solid rgba(255,255,255,.14) !important;
}

/* If theme injects link styles into labels, neutralize */
.fe-paycalc-wrap .fe-paycalc-break a{ color:#fff !important; text-decoration:none !important; }

/* ==========================================================================
   PAYCALC THEME FIX v4
   Fix: "Netto berechnen"-Bereich war transparent (Dark Theme) -> Text schwarz auf schwarz.
   Lösung: Bereich bekommt weißen Hintergrund + dunkle Schrift (Inputs bleiben weiß).
   ========================================================================== */
.fe-paycalc-wrap .fe-paycalc-details{
  background:#fff !important;
  border:1px solid #e6e6e6 !important;
  border-radius:12px !important;
  padding:12px !important;
}
.fe-paycalc-wrap .fe-paycalc-details,
.fe-paycalc-wrap .fe-paycalc-details *{
  color:#111 !important;
}