/*
Theme Name: Parenthèse Inattendue
Theme URI: https://parenthese-inattendue.local
Author: Zoorit
Author URI: https://zoorit.fr
Description: A lean, minimalist block theme for a single-page site. Header, footer, and simple page templates only—no blog listing.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: parenthese-inattendue
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-styles, wide-blocks, accessibility-ready
*/

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.1em;
}

a:hover,
a:focus {
	text-decoration: none;
}

:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}


.wp-block-post-title,
.wp-block-heading.is-style-with-lines {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1.5rem;
	margin-top: 0;
	text-align: center;
	text-wrap: balance;
	text-transform: uppercase;
	white-space: nowrap !important;

	&:before,
	&:after {
		content: "";
		display: block;
		width: 98%;
		height: 1px;
		background-color: #ebebeb;
		margin-right: 2%;
	}

	&:after {
		margin-left: 2%;
		margin-right: 0;
	}
}

h2.wp-block-heading.is-style-with-lines {
	font-size: 1.25rem;
}

/* Contact Form 7 */
.wpcf7 form {
	max-width: 30rem;

	p {
		margin: 0 0 1.25rem;
	}

	.wpcf7-form-control-wrap {
		display: block;
	}

	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="url"],
	textarea,
	.wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance) {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0.75rem 1rem;
		border: 1px solid #111111;
		border-radius: 4px;
		background-color: #ffffff;
		color: #111111;
		font-family: inherit;
		font-size: 1rem;
		line-height: 1.5;
		appearance: none;
		font-family: 'Roboto', sans-serif;
	}

	textarea {
		min-height: 6rem;
		max-height: 8rem;
		resize: vertical;
	}

	input[type="text"]:focus-visible,
	input[type="email"]:focus-visible,
	input[type="tel"]:focus-visible,
	input[type="url"]:focus-visible,
	textarea:focus-visible {
		outline: 2px solid #111111;
		outline-offset: 2px;
	}

	.wpcf7-submit {
		display: inline-block;
		margin: 0;
		padding: 0.75rem 2.5rem;
		border-radius: 10px;
		border-color: #ff4b3c;
    	border-width: 1px;
		background: linear-gradient(0deg,rgb(255,75,60) 0%,rgba(255,77,61,0.5) 100%);
		color: #ffffff;
		font-family: inherit;
		font-size: var(--wp--preset--font-size--medium) !important;
		font-weight: 500;
		line-height: 1.4;
		cursor: pointer;
		appearance: none;

		&:hover,
		&:focus-visible {
			background-color: rgb(255,75,60);
			color: #ffffff;
		}

		&:focus-visible {
			outline: 2px solid #111111;
			outline-offset: 2px;
		}
	}

	.wpcf7-not-valid {
		border-color: #b00020;
	}

	.wpcf7-not-valid-tip {
		display: block;
		margin-top: 0.35rem;
		color: #b00020;
		font-size: 0.875rem;
	}

	.wpcf7-response-output {
		margin: 1.25rem 0 0;
		padding: 0.75rem 1rem;
		border: 1px solid #111111;
		border-radius: 4px;
		font-size: 0.875rem;
	}

	.wpcf7-validation-errors,
	.wpcf7-acceptance-missing {
		border-color: #b00020;
	}

	.wpcf7-mail-sent-ok {
		border-color: #2e7d32;
	}
}

.wp-block-navigation .wp-block-navigation-item.current-menu-item a {
	color: rgba(255,255,255,0.7);
}

@media (max-width: 782px) {
	.wp-block-navigation__responsive-container.is-menu-open {
		padding: 1rem 2rem !important;
	}
}