/* tagtt.de Optik-Feinschliff — neu 2026-06-13 ("moderater Refresh")
 *
 * Laedt NACH layout.css, VOR media.css/mobile.css und VOR dem inline User-Design.
 *
 * STRENGE REGEL: nur Eigenschaften ergaenzen, die NICHT user-konfigurierbar sind
 * (box-shadow, border-radius, padding/margin, transition, font-smoothing,
 *  Styling echter Formular-Controls). NIEMALS color / background* / font-family /
 * font-size der user-thembaren Klassen setzen — schon gar nicht mit !important.
 * So bleibt jedes individuelle User-Theme (tagtt_design) intakt.
 */

/* Renderqualitaet — kein font-family/color hier (user-konfigurierbar) */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* Weisse Content-Boxen: etwas Tiefe + sanfte Kanten. NUR shadow/radius,
   KEINE background-color (die steuert der User via des_hg_farbe_links/-rechts). */
.td_left,
.td_left_addedit,
.td_right {
	box-shadow: var(--shadow-soft);
	border-radius: var(--radius);
}

/* Etwas mehr Luft in Eintrags-/Box-Containern (nur Abstaende) */
.box_entrys { padding: 10px 8px; }
.box_tags_start,
.box_tags_start_new { border-radius: var(--radius); }
.profil_func,
.diary_des,
.group_des,
.about_box { border-radius: var(--radius); }

/* Sanfter Link-Uebergang — nur transition, NICHT color (user-konfigurierbar) */
a { transition: color .12s ease; }

/* Echte Formular-Eingabefelder modernisieren (keine user-thembaren Klassen).
   .search (Header-Suchfeld) und .search_lupe (Lupen-Button) bewusst ausgenommen. */
input[type="text"]:not(.search):not(.search_field),
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
textarea,
select {
	border-radius: var(--radius);
	padding: 4px 8px;
	border: 1px solid var(--c-border);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
	outline: none;
	border-color: var(--c-link);
	box-shadow: 0 0 0 2px rgba(59, 89, 144, .15);
}

/* Submit-/Action-Buttons: nur Geometrie/Cursor — KEINE bg-Farbe forcieren,
   damit user-eingestellte Button-Farben (.in2/.out2/.zumprodukt etc.) bleiben.
   .search_lupe ausgenommen (eigenes bg + Lupen-Icon). */
button,
input[type="submit"]:not(.search_lupe),
input[type="button"]:not(.search_lupe) {
	border-radius: var(--radius);
	padding: 5px 14px;
	cursor: pointer;
}
