/*
Theme Name: PRO-JET Divi Child
Theme URI: https://www.pro-jet.it/
Description: Child theme Divi per PRO-JET SRL con base tipografica e palette istituzionale PRO-JET. Include scala tipografica e accessibilita.
Author: PRO-JET SRL
Author URI: https://www.pro-jet.it/
Template: Divi
Version: 1.3.0
Text Domain: projet-divi-child
*/

:root {
  --projet-blue: #031349;
  --projet-petrol: #256e81;
  --projet-light-blue: #76a1ae;
  --projet-bg-light: #F5F7FA;
  --projet-text: #1F2933;
  --projet-white: #FFFFFF;
  --projet-border: #E5EAF0;
  --projet-soft-blue-bg: #EEF5F7;
}

body,
input,
textarea,
select,
button {
  font-family: "Open Sans", Arial, sans-serif;
  color: var(--projet-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", Arial, sans-serif;
  color: var(--projet-blue);
  font-weight: 700;
  line-height: 1.18;
}

a {
  color: var(--projet-petrol);
}

a:hover {
  color: var(--projet-blue);
}

.projet-section-light {
  background-color: var(--projet-bg-light);
}

.projet-section-soft-blue {
  background-color: var(--projet-soft-blue-bg);
}

.projet-card {
  background: var(--projet-white);
  border: 1px solid var(--projet-border);
}

.projet-overline {
  color: var(--projet-petrol);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.projet-button-primary {
  background-color: var(--projet-blue);
  color: var(--projet-white);
}

.projet-button-primary:hover {
  background-color: var(--projet-petrol);
  color: var(--projet-white);
}

.projet-button-secondary {
  background-color: transparent;
  color: var(--projet-petrol);
  border: 1px solid var(--projet-petrol);
}

.projet-button-secondary:hover {
  background-color: var(--projet-petrol);
  color: var(--projet-white);
}
/* ===================================================================
   PRO-JET — DA INCOLLARE ALLA FINE DI style.css DEL CHILD THEME
   Generato il 2 settembre 2026. Non sostituire il file: aggiungere in coda.
   Contiene: scala tipografica, skip-link, focus visibile, componenti,
   e la correzione del contrasto della hero di /business-unit-immobiliare/.
   =================================================================== */


/* --- 1. token derivati che mancavano ---------------------------- */
:root{
  --projet-ink-2:#42505E;          /* testo secondario */
  --projet-ink-3:#6E7C8A;          /* etichette, didascalie */
  --projet-rule-soft:#EFF2F6;      /* filetti interni */
  --projet-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
}

/* --- 2. scala tipografica ------------------------------------------
   Divi imposta i corpi modulo per modulo: questo dà una base coerente
   e riduce le eccezioni da impostare a mano nel builder.             */
h1{font-size:clamp(2rem,4.6vw,3.15rem);line-height:1.06;letter-spacing:-.022em}
h2{font-size:clamp(1.5rem,3vw,2.05rem);line-height:1.14;letter-spacing:-.02em}
h3{font-size:1.12rem;letter-spacing:-.012em}
h1,h2,h3{text-wrap:balance}
.et_pb_text p,.et_pb_blurb_description p{max-width:70ch}   /* leggibilità */

/* --- 3. accessibilità: skip-link (WCAG 2.4.1) ---------------------
   L'audit del 17/08 ha rilevato 80 pagine su 80 senza skip-link.     */
.projet-skip{
  position:absolute;left:-9999px;top:0;z-index:100000;
  background:var(--projet-blue);color:var(--projet-white);
  padding:12px 20px;font-weight:700;text-decoration:none;
}
.projet-skip:focus{left:0}

/* --- 4. focus visibile su tutti gli elementi interattivi ----------
   Divi lo rimuove in più punti: qui viene ripristinato.              */
a:focus-visible,button:focus-visible,input:focus-visible,
textarea:focus-visible,select:focus-visible,
.et_pb_button:focus-visible{
  outline:2px solid var(--projet-petrol);
  outline-offset:3px;
}

/* --- 5. dati societari in monospace -------------------------------
   Per P.IVA, REA, capitale: allinea le cifre e dà registro tecnico.  */
.projet-dati{
  font-family:var(--projet-mono);font-size:.82rem;line-height:2;
  color:var(--projet-ink-2);font-variant-numeric:tabular-nums;
}
.projet-dati strong{color:var(--projet-text)}

/* --- 6. fascia scura per le prove di solidità ---------------------- */
.projet-band{background:var(--projet-blue);color:#EAEFF5}
.projet-band h1,.projet-band h2,.projet-band h3,
.projet-band .et_pb_text,.projet-band p{color:#EAEFF5}
.projet-band .projet-proof{border-left:2px solid var(--projet-petrol);padding-left:16px}
.projet-band .projet-proof strong{
  display:block;font-size:1.55rem;font-weight:800;color:#fff;
  letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1;
}
.projet-band .projet-proof span{display:block;font-size:.82rem;color:#A8BBD6;margin-top:5px}

/* --- 7. tabella-dati per le valutazioni immobiliari ---------------- */
.projet-voci{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:2px 26px}
.projet-voci>div{
  font-size:.86rem;color:var(--projet-ink-2);
  padding:6px 0;border-bottom:1px dotted var(--projet-border);
}
.projet-voci>div span{
  font-family:var(--projet-mono);font-size:10px;
  color:var(--projet-petrol);margin-right:7px;
}

/* --- 8. riquadro «dove finisce il nostro ruolo» -------------------
   Serve a rendere esplicito il confine professionale.                */
.projet-limite{
  border-left:3px solid var(--projet-petrol);
  background:var(--projet-soft-blue-bg);
  padding:18px 22px;
}

/* --- 9. breadcrumb ------------------------------------------------ */
.projet-crumb{font-family:var(--projet-mono);font-size:11px;color:var(--projet-ink-3)}
.projet-crumb a{color:var(--projet-ink-3);text-decoration:none}
.projet-crumb a:hover{color:var(--projet-petrol)}

/* --- 10. niente scroll orizzontale su mobile ---------------------- */
.et_pb_row,.et_pb_section{overflow-wrap:break-word}
@media (max-width:980px){
  .projet-voci{grid-template-columns:1fr}
  html,body{overflow-x:hidden}
}

/* --- 11. rispetto di prefers-reduced-motion ----------------------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}