/*
Theme Name: Hello Pieria
Theme URI: https://pieria.fr
Description: Theme enfant de Hello Elementor pour le site vitrine Pieria.
Author: diOptera
Author URI: https://dioptera.fr
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-pieria
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* -------------------------------------------------------------
   Variables de marque
   Elementor gere les largeurs et les colonnes : aucune largeur
   maximale ni centrage n'est impose ici.
   ------------------------------------------------------------- */

:root {
	--pieria-encre: #17201C;
	--pieria-laurier: #2E5C4A;
	--pieria-laurier-fonce: #1F4235;
	--pieria-parchemin: #F6F2E9;
	--pieria-parchemin-fonce: #EFEADD;
	--pieria-bordure: #E3DACA;
	--pieria-bordure-champ: #D8CFBC;
	--pieria-champ: #FCFAF5;
	--pieria-texte: #47524C;
	--pieria-texte-clair: #5A645E;
	--pieria-rayon: 8px;
	--pieria-rayon-carte: 14px;
}

/* -------------------------------------------------------------
   Base
   ------------------------------------------------------------- */

body {
	background-color: var(--pieria-parchemin);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* -------------------------------------------------------------
   Accessibilite : focus visible au clavier
   ------------------------------------------------------------- */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.elementor-button:focus-visible {
	outline: 2px solid var(--pieria-laurier);
	outline-offset: 2px;
}

/* -------------------------------------------------------------
   Champs de formulaire Elementor
   ------------------------------------------------------------- */

.elementor-field-group .elementor-field-textual {
	background-color: var(--pieria-champ);
	border: 1px solid var(--pieria-bordure-champ);
	border-radius: var(--pieria-rayon);
	color: var(--pieria-encre);
	min-height: 48px;
	padding: 12px 14px;
}

.elementor-field-group .elementor-field-textual:focus {
	border-color: var(--pieria-laurier);
	box-shadow: none;
}

.elementor-field-group textarea.elementor-field-textual {
	min-height: 140px;
	resize: vertical;
}

.elementor-field-group .elementor-field-label {
	color: var(--pieria-encre);
	font-weight: 600;
	margin-bottom: 8px;
}

.elementor-field-subgroup label {
	color: var(--pieria-texte);
	line-height: 1.6;
}

.elementor-message.elementor-message-danger {
	color: #9A3412;
}

/* -------------------------------------------------------------
   Contenu editorial (articles du blog)
   ------------------------------------------------------------- */

.entry-content blockquote {
	border-left: 3px solid var(--pieria-laurier);
	color: var(--pieria-texte);
	font-style: normal;
	margin: 32px 0;
	padding: 4px 0 4px 24px;
}

.entry-content figcaption,
.wp-block-image figcaption {
	color: var(--pieria-texte-clair);
	font-size: 14px;
	line-height: 1.5;
	margin-top: 10px;
}

.entry-content table {
	border-collapse: collapse;
	width: 100%;
}

.entry-content th,
.entry-content td {
	border-bottom: 1px solid var(--pieria-bordure);
	padding: 12px 14px;
	text-align: left;
}

/* -------------------------------------------------------------
   Impression
   ------------------------------------------------------------- */

@media print {
	.site-header,
	.site-footer,
	.elementor-location-header,
	.elementor-location-footer {
		display: none;
	}
}