/*
Theme Name: Hello Narrativa Child
Theme URI: https://narrativafertil.com
Description: Tema fill de Hello Elementor per personalitzacions de Narrativa (estils de formularis, bbPress i BuddyPress).
Author: El Garbell: formacio i consultoria
Author URI: https://elgarbell.coop
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-narrativa-child
*/

/*
 * Tokens visuals del sistema Narrativa.
 * Prioritzem valors definits al document de disseny per coherencia visual.
 */
:root {
  --nf-paper: #fbfaf7;
  --nf-ink: #111111;
  --nf-ink-mute: #6b6863;
  --nf-line-soft: #c9c5bc;
  --nf-wine: #722a47;
  --nf-serif: "Source Serif 4", "Iowan Old Style", Georgia, serif;
  --nf-sans: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
 * Formulari "Nou projecte" (plugin narrativa-plataforma).
 * Estil "trama puntejada": superficie sense cap requadre, amb textura 16x16.
 */
.np-projecte-form--full .np-projecte-titol,
.np-projecte-form--full .np-projecte-excerpt,
.np-projecte-form--full .np-projecte-notes {
  width: 100%;
  border: 0 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--nf-paper) !important;
  background-image: radial-gradient(circle, var(--nf-line-soft) 0.8px, transparent 0.8px) !important;
  background-size: 16px 16px;
  background-position: 0 0;
  color: var(--nf-ink) !important;
  font-family: var(--nf-serif);
  font-size: 15px;
  line-height: 1.7;
  padding: 10px 12px !important;
  outline: none !important;
  transition: background-color 0.15s ease;
}

.np-projecte-form--full .np-projecte-titol::placeholder,
.np-projecte-form--full .np-projecte-excerpt::placeholder,
.np-projecte-form--full .np-projecte-notes::placeholder {
  color: var(--nf-ink-mute);
  opacity: 1;
}

.np-projecte-form--full .np-projecte-titol:focus,
.np-projecte-form--full .np-projecte-excerpt:focus,
.np-projecte-form--full .np-projecte-notes:focus,
.np-projecte-form--full .np-projecte-titol:active,
.np-projecte-form--full .np-projecte-excerpt:active,
.np-projecte-form--full .np-projecte-notes:active {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background-color: #f7f4ee !important;
}