/*
Theme Name: Twenty Eleven AvW
Template: twentyeleven
Version: 1.0
*/

/* ###### Anpassung für Contact Form 7 ###### */
/* =========================
   Tabellen-Layout Basis
========================= */
/* Kopfzeile */
.fang-row.header {
  display: grid;
  grid-template-columns: 30px 30px repeat(4, 1fr); 
  gap: 5px;
  font-weight: bold;
  border-bottom: 2px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 5px;
  text-align: center;
}

/* Eingabezeilen */
.fang-row {
  display: grid;
  grid-template-columns: 30px 30px repeat(4, 1fr); /* gleiche Struktur wie Header */
  gap: 5px;
  align-items: center;
}


/* Inputs */
.fang-row input {
  width: 100%;
  padding: 6px;
  box-sizing: border-box;
}

/* =========================
   Repeater → Header LINKS
========================= */

.repeater-field-item {
  display: grid;
  grid-template-columns: 50px 1fr; /* links = nummer + icons */
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
}

/* Header nach links */
.repeater-field-header {
  grid-column: 1;
  grid-row: 1;
}

/* Inhalt rechts */
.repeater-field-content {
  grid-column: 2;
}

/* =========================
   Header Styling (Nummer + Icons)
========================= */

.repeater-field-header {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* Nummer */
.repeater-field-header-count {
  font-size: 12px;
  font-weight: bold;
  min-width: 20px;
}

/* Icon-Leiste */
.repeater-field-header-acctions ul {
  display: flex;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Icons kompakt */
.repeater-field-header-acctions li {
  margin: 0;
}

/* =========================
   CF7 Müll entfernen
========================= */

/* Entfernt <p> Abstände */
.repeater-field-item p {
  margin: 0;
}

/* Entfernt <br> */
.fang-row br {
  display: none;
}

/* =========================
   Alte Boxen deaktivieren
========================= */

.repeater-field-item {
  border: none !important;
  padding: 0 !important;
  background: none !important;
}

/* =========================
   Responsive
========================= */

@media (max-width: 768px) {
  .fang-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .fang-row {
    grid-template-columns: 1fr;
  }

  .repeater-field-item {
    grid-template-columns: 1fr;
  }

  .repeater-field-header {
    margin-bottom: 5px;
  }
}
/* Pfeil (Minimieren) entfernen */
.repeater-field-header-acctions-toogle {
  display: none !important;
}

/* Inhalt immer sichtbar (kein Einklappen mehr) */
.repeater-field-content {
  display: block !important;
}

/* "X" (Löschen) immer anzeigen */
.repeater-field-header-acctions-remove {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Sicherheit: auch bei Zuständen immer sichtbar */
.repeater-field-item .repeater-field-header-acctions-remove {
  display: inline-block !important;
}
/* "X" (Löschen) rot machen */
.repeater-field-header-acctions-remove {
  color: red !important;
  font-weight: bold;
  cursor: pointer;
}