/* =========================================================================
   ATAMIS — WordPress-/Plugin-Skins (Ergänzung zu atamis-design-system.css)
   Enthält nur, was erst im WordPress-Kontext entsteht:
   FluentForms-Skin, MemberPress-Formulare, Bild-Platzhalter, Print.
   ========================================================================= */

/* --- 1. FluentForms-Skin: Plugin-Formulare erben den Marken-Look ---------- */
.atamis-form-shell .fluentform .ff-el-input--label label,
.atamis-form-shell .fluentform label.ff-el-form-check-label {
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: var(--atamis-night, #04041d);
}
.atamis-form-shell .fluentform input[type=text],
.atamis-form-shell .fluentform input[type=email],
.atamis-form-shell .fluentform input[type=tel],
.atamis-form-shell .fluentform select,
.atamis-form-shell .fluentform textarea {
  min-height: 52px;
  border: 2px solid var(--atamis-lavender-soft, #d7cef4) !important;
  border-radius: 12px !important;
  background: #fff !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 16px !important;
  color: var(--atamis-night, #04041d) !important;
  padding: 12px 16px !important;
  box-shadow: none !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.atamis-form-shell .fluentform textarea { min-height: 120px; }
.atamis-form-shell .fluentform input:focus,
.atamis-form-shell .fluentform select:focus,
.atamis-form-shell .fluentform textarea:focus {
  border-color: var(--atamis-green, #25793e) !important;
  box-shadow: 0 0 0 4px rgba(37,121,62,.12) !important;
  outline: none !important;
}
.atamis-form-shell .fluentform .ff-btn-submit {
  background: var(--atamis-green, #25793e) !important;
  border: 2px solid var(--atamis-green, #25793e) !important;
  color: #fff !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  padding: 15px 32px !important;
  border-radius: 999px !important;
  min-height: 52px;
  box-shadow: var(--shadow-soft, 0 6px 30px rgba(20,10,60,.07));
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.atamis-form-shell .fluentform .ff-btn-submit:hover {
  background: #1f6a35 !important;
  border-color: #1f6a35 !important;
  transform: translateY(-2px);
  box-shadow: var(--shadow-medium, 0 12px 40px rgba(20,10,60,.12));
}
.atamis-form-shell .fluentform .ff-el-is-error input,
.atamis-form-shell .fluentform .ff-el-is-error textarea,
.atamis-form-shell .fluentform .ff-el-is-error select {
  border-color: var(--atamis-error, #b3403a) !important;
}
.atamis-form-shell .fluentform .error.text-danger,
.atamis-form-shell .fluentform .ff-el-is-error .error {
  color: var(--atamis-error, #b3403a) !important;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
}
.atamis-form-shell .fluentform .ff-message-success {
  background: rgba(44,122,62,.08) !important;
  border: 2px solid var(--atamis-success, #2c7a3e) !important;
  border-radius: 20px !important;
  color: var(--atamis-forest, #0e2d17) !important;
  font-family: 'Outfit', sans-serif;
  padding: 24px !important;
}
.atamis-on-dark .atamis-form-shell .fluentform .ff-el-input--label label,
.atamis-on-dark .atamis-form-shell .fluentform label.ff-el-form-check-label { color: var(--atamis-night, #04041d); }

/* --- 2. MemberPress-Formulare (Login, Account) im Marken-Look ------------- */
.atamis-form-shell .mp_login_form label,
.atamis-form-shell .mepr-form label {
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: var(--atamis-night, #04041d);
}
.atamis-form-shell .mp_login_form input[type=text],
.atamis-form-shell .mp_login_form input[type=email],
.atamis-form-shell .mp_login_form input[type=password],
.atamis-form-shell .mepr-form input[type=text],
.atamis-form-shell .mepr-form input[type=email],
.atamis-form-shell .mepr-form input[type=password] {
  width: 100%;
  min-height: 52px;
  border: 2px solid var(--atamis-lavender-soft, #d7cef4);
  border-radius: 12px;
  background: #fff;
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  color: var(--atamis-night, #04041d);
  padding: 12px 16px;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.atamis-form-shell .mp_login_form input:focus,
.atamis-form-shell .mepr-form input:focus {
  border-color: var(--atamis-green, #25793e);
  box-shadow: 0 0 0 4px rgba(37,121,62,.12);
  outline: none;
}
.atamis-form-shell .mp_login_form input[type=submit],
.atamis-form-shell .mepr-form input[type=submit],
.atamis-form-shell .mp_login_form button[type=submit] {
  width: 100%;
  background: var(--atamis-green, #25793e);
  border: 2px solid var(--atamis-green, #25793e);
  color: #fff;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  font-size: 17px;
  padding: 15px 32px;
  border-radius: 999px;
  min-height: 52px;
  cursor: pointer;
  box-shadow: var(--shadow-soft, 0 6px 30px rgba(20,10,60,.07));
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.atamis-form-shell .mp_login_form input[type=submit]:hover,
.atamis-form-shell .mepr-form input[type=submit]:hover {
  background: #1f6a35;
  border-color: #1f6a35;
  transform: translateY(-2px);
}
.atamis-form-shell .mp_login_form .mp-form-row { margin-bottom: 16px; }
.atamis-form-shell .mepr_error { color: var(--atamis-error, #b3403a); font-size: 14.5px; }

/* --- 3. Bild-Platzhalter für noch nicht belegte Bild-Slots ---------------- */
.atamis-imgslot-pending {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 280px;
  padding: 24px;
  border-radius: 16px;
  background: var(--atamis-lavender-bg, #e8e1fe);
  color: var(--atamis-text-soft, #4a4762);
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  text-align: center;
}

/* --- 4. Druck: Chrome ausblenden ------------------------------------------ */
@media print {
  .et-l--header, .et-l--footer, .atamis-noprint, .atamis-sticky-cta, .atamis-consent { display: none !important; }
}

/* --- 5. Header-Zustaende: DiviFlash-Header je Login-Status (Body-Klasse von WordPress) --- */
body:not(.logged-in) .atamis-header-in { display: none !important; }
body.logged-in .atamis-header-out { display: none !important; }