/* ============================================================================
   WP-EMAIL FORM  v1.0.0  (assets/css/wp-email-form.css)
   Styling der WP-EMail-Endpoint-Seiten /email/ und /emailpopup/ —
   geladen NUR dort via functions.php, Abschnitt 21 (nach der nahezu
   leeren Plugin-eigenen email-css.css).

   Kontext: Die Popup-Seite (email-popup.php) lädt Theme-style.css und
   die Global Styles über wp_head() — Typografie/Grundfarben stimmen
   also bereits. Diese Datei behebt die Legacy-Probleme des 2008er-
   Formular-Markups:
   – input size="50" erzwingt ~450px intrinsische Breite → auf Smart-
     phones horizontales Scrollen. Fix: width:100% + box-sizing.
   – font-size ≥ 16px (1rem) auf Feldern verhindert den automatischen
     Zoom-auf-Fokus in iOS Safari.
   – "Close This Window"-Link: window.close() ist im iframe (und im
     No-JS-Tab) wirkungslos → ausgeblendet; der Dialog hat einen
     eigenen Schließen-Button.
   ============================================================================ */

/* Wrapper (email-popup.php: <div id="wp-email-popup">) */
#wp-email-popup {
	max-width: 480px;
	margin: 0 auto;
	padding: 1.25rem 1.25rem 1rem;
}

/* Labels: 600 (Theme-Standard) statt Browser-bold 700 */
.wp-email label {
	font-weight: 600;
}

/* Eingabefelder — neutralisiert size="50" und vereinheitlicht die Optik
   mit den Share-Buttons (gleiche Grautöne, gleicher Radius) */
#wp-email-popup input.TextField,
#wp-email-popup textarea {
	width: 100%;
	box-sizing: border-box;
	margin: 0.15rem 0 0.75rem;
	padding: 0.45rem 0.6rem;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	background-color: #fff;
	color: #374151;
	font-family: inherit;
	font-size: 1rem; /* ≥16px: verhindert iOS-Zoom-auf-Fokus */
	line-height: 1.4;
}

#wp-email-popup input.TextField:focus,
#wp-email-popup textarea:focus {
	outline: 2px solid var(--wp--preset--color--country-teal);
	outline-offset: 1px;
	border-color: #9ca3af;
}

#wp-email-popup textarea {
	min-height: 100px;
	resize: vertical;
}

/* Absende-Button */
#wp-email-popup .Button {
	padding: 0.55rem 1.4rem;
	border: none;
	border-radius: 6px;
	background-color: var(--wp--preset--color--link-blue);
	background-image: none;
	color: #fff;
	font-family: inherit;
	font-size: 1rem;
	line-height: 1;
	cursor: pointer;
}

#wp-email-popup .Button:hover {
	opacity: 0.88;
}

#wp-email-popup .Button:disabled {
	opacity: 0.5;
	cursor: default;
}

/* Lade-Indikator: height:16px aus Plugin-CSS aufheben */
#wp-email-loading {
	height: auto;
}

/* "Close This Window"-Link ausblenden — window.close() funktioniert nur
   in per Skript geöffneten Popup-Fenstern, nicht im iframe/Tab */
#wp-email-popup a[onclick*="window.close"] {
	display: none;
}