/* Nextcloud Forms – eingebettete Formulare (Shooting-Anfrage auf eu.stefanoviani.art)
   Wirkt nur auf eingebettete Formulare (.app-forms-embedded), nicht auf den Rest der Nextcloud.
   Einfügen: als admin → Verwaltungseinstellungen → Design (Theming) → Feld „Custom CSS“
   (App „Custom CSS“ aus dem App-Store). Getestet am 22.10.2026 mit Forms 5.4. */

/* Immer hell, in den Farben der Shooting-Seite */
body#body-public:has(.app-forms-embedded) {
  color-scheme: light;
  --color-main-background: #ffffff;
  --color-main-background-rgb: 255, 255, 255;
  --color-main-text: #222222;
  --color-text-maxcontrast: #6b6b6b;
  --color-border: #d6d0c8;
  --color-border-dark: #bdb6ac;
  --color-border-maxcontrast: #8a8a8a;
  --color-background-hover: #f3f1ee;
  --color-background-dark: #efece8;
  --color-primary-element: #b08f62;
  --color-primary-element-hover: #c4a476;
  --color-primary-element-text: #1a1a1a;
  --color-primary-element-light: #efe6d9;
  --color-primary-element-light-text: #1a1a1a;
  background: #ffffff !important;
}

/* Fragen enger zusammen (Standard: 64 px Abstand) */
.app-forms-embedded .question { margin-bottom: 20px !important; }
.app-forms-embedded header { padding-bottom: 0 !important; margin-bottom: 12px !important; }

/* Leerraum oben und unten weg, Titel ausblenden (steht schon als Überschrift auf der Seite) */
body#body-public:has(.app-forms-embedded) #content,
body#body-public:has(.app-forms-embedded) #content-vue,
.app-forms-embedded #app-content-vue { padding-top: 0 !important; margin-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; height: auto !important; }
.app-forms-embedded .form-title { display: none !important; }
.app-forms-embedded .info-message { padding-bottom: 8px !important; margin-top: 0 !important; }
.app-forms-embedded .form-buttons { padding: 0 !important; margin: 8px 0 0 !important; min-height: 0 !important; height: auto !important; }