/*
Theme Name: Nelio Software FSE
Theme URI: https://neliosoftware.com
Author: Nelio Software
Author URI: https://neliosoftware.com
Description: Nelio Software FSE
Requires at least: 5.9
Tested up to: 6.6
Requires PHP: 5.6
Version: 5.0.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Template:
Text Domain: nelio
Tags: block-styles, custom-background, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, threaded-comments, translation-ready
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*
 * Generic rules and workarounds
 */

code {
	color: var(--wp--custom--color--code);
}

.is-hidden {
	display: none;
}

.is-layout-flex.is-vertical.is-content-justification-space-between {
	justify-content: space-between;
}

.home-link {
	text-decoration: none;
	font-weight: bold;
}

.home-link:hover {
	text-decoration: underline;
}

.wp-block-embed.alignfull > figcaption {
	margin-left: 1rem;
}

.wp-site-blocks footer {
	margin-top: 0;
}

/*
 * Footer social icons
 */
footer .wp-block-social-links {
	max-width: 50%;
}

@media (max-width: 781px) {
	footer .wp-block-social-links {
		max-width: 100%;
	}
}

/*
 * Forms
 */

form label:not(:empty) {
	margin-bottom: 10px;
}

form input,
form textarea,
form select {
	background: var(--wp--custom--color--form-background);
	border: 1px solid var(--wp--custom--color--form-border);
	border-radius: 0;
	color: var(--wp--preset--color--default-text);
	font-size: 16px;
	margin: 0;
	padding: 12px;
	width: 100%;
	transition: background 120ms ease-in-out, border 120ms ease-in-out;
}

form input:focus,
form textarea:focus,
form select:focus {
	background: var(--wp--preset--color--default-background);
	outline: 2px solid var(--wp--preset--color--primary, #00f);
	outline-offset: 1px;
}

form input::placeholder,
form textarea::placeholder,
form select::placeholder {
	color: var(--wp--custom--color--form-placeholder, #00f);
}

form input[type="checkbox"] {
	appearance: none;
	background-color: var(--wp--preset--color--default-background);
	margin-bottom: -1px;
	padding: 0;
	position: relative;
	height: var(--wp--custom--size--checkbox);
	width: var(--wp--custom--size--checkbox);
}

form input[type="checkbox"]:checked {
	background-color: var(--wp--preset--color--primary);
}

form input[type="checkbox"]::before {
	background-color: var(--wp--preset--color--default-background);
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	content: "";
	height: calc(0.6 * var(--wp--custom--size--checkbox));
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%) scale(0);
	transition: 120ms transform ease-in-out;
	width: calc(0.6 * var(--wp--custom--size--checkbox));
}

form input[type="checkbox"]:checked::before {
	transform: translate(-50%, -50%) scale(1);
}

form input[type="radio"] {
	appearance: none;
	border-radius: 100%;
	background-color: var(--wp--preset--color--default-background);
	margin-bottom: -1px;
	padding: 0;
	position: relative;
	height: var(--wp--custom--size--checkbox);
	width: var(--wp--custom--size--checkbox);
}

form input[type="radio"]:checked {
	background-color: var(--wp--preset--color--default-background);
}

form input[type="radio"]::before {
	background-color: var(--wp--preset--color--primary);
	border-radius: 100%;
	content: "";
	height: calc(0.6 * var(--wp--custom--size--checkbox));
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%) scale(0);
	transition: 120ms transform ease-in-out;
	width: calc(0.6 * var(--wp--custom--size--checkbox));
}

form input[type="radio"]:checked::before {
	transform: translate(-50%, -50%) scale(1);
}

form input[type="submit"],
form button[type="submit"],
form .nelio-forms-submit .wp-block-button__link {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--default-background);
	transition: all 200ms ease-in-out;
}

form input[type="submit"]:hover,
form button[type="submit"]:hover,
form .nelio-forms-submit .wp-block-button__link:hover {
	filter: brightness(125%);
}

form .nelio-privacy-info {
	font-size: var(--wp--preset--font-size--x-small);
}
