/*
Theme Name: Dermalytics
Theme URI: https://wordpress.org/themes/
Author: Dermalytics
Description: A simple, elegant block theme for the Dermalytics iOS app, with a GDPR privacy page and a secure contact form.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dermalytics
*/

.dl-card {
	border-radius: 24px;
	box-shadow: 0 10px 40px rgba(15, 45, 60, 0.08);
}

.dl-hero {
	background: linear-gradient(160deg, var(--wp--preset--color--mist) 0%, var(--wp--preset--color--base) 70%);
}

.dl-badge {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 999px;
	background: var(--wp--preset--color--mist);
	color: var(--wp--preset--color--accent);
	font-size: 0.85rem;
	font-weight: 600;
}

.dl-form { display: grid; gap: 18px; }
.dl-form label { display: grid; gap: 6px; font-weight: 600; font-size: 0.95rem; }
.dl-form input,
.dl-form textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 14px 16px;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 14px;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	font: inherit;
}
.dl-form input:focus,
.dl-form textarea:focus {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 1px;
}
.dl-form .dl-consent { display: flex; gap: 10px; align-items: flex-start; font-weight: 400; }
.dl-form .dl-consent input { width: auto; margin-top: 4px; }
.dl-form button {
	justify-self: start;
	padding: 14px 28px;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--accent);
	color: #ffffff;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}
.dl-form button:hover { filter: brightness(1.08); }
.dl-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.dl-notice { padding: 14px 18px; border-radius: 14px; margin-bottom: 18px; }
.dl-notice.ok { background: #e3f5ec; color: #0f5132; }
.dl-notice.err { background: #fdecea; color: #842029; }