/* Fiche Navette — styles (variables surchargeable via attributs du shortcode). */
[x-cloak]{display:none !important;}

.fn-wrap{
	--fn-accent:#2f6f4f;
	--fn-line:#dce3e8;
	--fn-txt:#22303a;
	--fn-font:inherit;
	--fn-radius:10px;
	max-width:820px;margin:0 auto;color:var(--fn-txt);font-family:var(--fn-font);
}

/* Progression */
.fn-progress{height:6px;background:var(--fn-line);border-radius:999px;overflow:hidden;margin-bottom:8px;}
.fn-progress-bar{height:100%;background:var(--fn-accent);border-radius:999px;transition:width .35s ease;}
.fn-step-count{font-size:12px;color:#6a7b88;margin:0 0 16px;text-align:right;}

.fn-form{display:flex;flex-direction:column;gap:22px;}
.fn-section{border:1px solid var(--fn-line);border-radius:var(--fn-radius);padding:18px 20px;margin:0;}
.fn-section > legend{font-weight:700;font-size:15px;padding:0 8px;color:var(--fn-accent);}

.fn-field{margin:10px 0;}
.fn-field > label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;}
.fn-field input[type="text"],
.fn-field input[type="date"],
.fn-field textarea{width:100%;border:1px solid var(--fn-line);border-radius:calc(var(--fn-radius) - 3px);padding:9px 11px;font-size:14px;font-family:inherit;background:#fff;box-sizing:border-box;}
.fn-field input[type="text"]:focus,
.fn-field input[type="date"]:focus,
.fn-field textarea:focus{outline:none;border-color:var(--fn-focus-border, var(--fn-accent));box-shadow:0 0 0 3px var(--fn-focus-ring, rgba(0,0,0,.08));}
.fn-field textarea{resize:vertical;min-height:110px;}

.fn-check{display:flex;align-items:center;gap:9px;font-size:14px;cursor:pointer;}
.fn-check input{width:17px;height:17px;accent-color:var(--fn-accent);}
.fn-check > span{font-weight:500;}

/* Navigation */
.fn-nav{display:flex;align-items:center;gap:10px;}
.fn-spacer{flex:1;}
.fn-btn{border:0;border-radius:calc(var(--fn-radius) - 2px);padding:11px 20px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;}
.fn-btn:disabled{opacity:.6;cursor:default;}
.fn-btn-primary{background:var(--fn-accent);color:#fff;}
.fn-btn-primary:hover:not(:disabled){filter:brightness(1.06);}
.fn-btn-ghost{background:var(--fn-ghost-bg,#fff);color:var(--fn-accent);border:1px solid var(--fn-accent);transition:background .15s ease;}
.fn-btn-ghost:hover:not(:disabled){background:var(--fn-ghost-bg-hover,rgba(0,0,0,.045));}

.fn-error{color:#b4231f;font-size:13px;margin:4px 0 0;}

/* Confirmation */
.fn-success{text-align:center;border:1px solid var(--fn-line);border-radius:var(--fn-radius);padding:36px 24px;}
.fn-success-icon{width:56px;height:56px;line-height:56px;border-radius:50%;background:var(--fn-accent);color:#fff;font-size:28px;margin:0 auto 14px;}
.fn-success h3{margin:0 0 6px;color:var(--fn-accent);}
.fn-success p{margin:0 0 18px;color:#6a7b88;}

/* Aperçu */
.fn-preview{margin-top:22px;}
.fn-preview iframe{width:100%;height:820px;border:1px solid var(--fn-line);border-radius:var(--fn-radius);background:#f3f5f7;}

.fn-date-preview{display:block;margin-top:6px;font-size:13px;color:var(--fn-accent);font-weight:600;}

/* Consentement RGPD (dernière étape) */
.fn-consent{margin:4px 0 14px;padding:14px 16px;border:1px solid var(--fn-line);border-radius:calc(var(--fn-radius) - 4px);background:#fafbfc;}
.fn-consent-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;}
.fn-consent-check input{width:18px;height:18px;flex:0 0 auto;margin-top:2px;accent-color:var(--fn-accent);}
.fn-consent-check span{font-size:13px;line-height:1.5;color:#4a5b68;}
.fn-consent-check a{color:var(--fn-accent);font-weight:600;}
.fn-radio{display:flex;flex-direction:column;gap:8px;}
.fn-radio-label{font-size:13px;font-weight:600;}
.fn-radio-opts{display:flex;gap:20px;}
.fn-radio-opt{display:flex;align-items:center;gap:7px;font-size:14px;cursor:pointer;}
.fn-radio-opt input{width:16px;height:16px;accent-color:var(--fn-radio-accent, var(--fn-accent));}

/* Sous-parties (ex. Typologie de reprise / Domaine d'activité / État d'avancement / Besoins identifiés) */
.fn-subsection{border:1px solid var(--fn-line);border-radius:calc(var(--fn-radius) - 4px);padding:14px 16px;margin:10px 0;}
.fn-subsection-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--fn-accent);margin:0 0 12px;}
.fn-subsection-body{display:flex;flex-wrap:wrap;column-gap:22px;row-gap:10px;}
.fn-subsection-body .fn-field{margin:0;}
.fn-subsection-body .fn-text,
.fn-subsection-body .fn-textarea{flex:1 1 100%;}

/* Aperçu — repli mobile (les iframes de PDF via blob sont peu fiables sur mobile) */
.fn-preview-mobile-link{display:none;}
@media (max-width:782px){
	.fn-preview iframe{display:none;}
	.fn-preview-mobile-link{
		display:flex;align-items:center;justify-content:center;
		width:100%;padding:14px 18px;box-sizing:border-box;
		background:var(--fn-accent);color:#fff;font-weight:600;font-size:15px;
		text-decoration:none;border-radius:var(--fn-radius);
	}
}
