/* ------------------------------------------------------------------------------------------------------------------------------
   Page "Calculette RSE" (/optimization/) — composants dédiés, alignés sur la charte graphique générale
   ------------------------------------------------------------------------------------------------------------------------------ */

/* ---- Bandeau de titre : baseline, chapô et mise en avant ---- */
.bk-optim-baseline{font-family:var(--blokkus-font-heading);font-weight:600;font-size:1.35em;color:var(--blokkus-deep,#1c285c);margin:22px 0 14px;line-height:1.35;}

.bk-optim-punch-intro{font-family:var(--blokkus-font-body);font-size:1em;font-weight:600;color:var(--blokkus-muted,#3f4f74);margin:0 0 12px;}

.bk-optim-punch{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 26px;}
.bk-optim-punch-tag{display:inline-flex;align-items:center;background:linear-gradient(135deg,rgba(80,200,160,0.16),rgba(28,40,92,0.08));border:1px solid rgba(80,200,160,0.4);color:var(--blokkus-deep,#1c285c);padding:8px 18px;border-radius:24px;font-family:var(--blokkus-font-heading);font-weight:700;font-size:.95em;}
.bk-optim-punch-cta{display:inline-flex;align-items:center;margin-left:auto;font-family:var(--blokkus-font-heading);font-weight:700;font-size:.92em;color:#fff;background:linear-gradient(135deg,#50c8a0,#1c285c);padding:10px 22px;border-radius:24px;text-decoration:none;box-shadow:0 6px 16px rgba(28,40,92,0.18);transition:transform .15s,box-shadow .15s;}
.bk-optim-punch-cta:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(28,40,92,0.22);}

.bk-optim-lead{font-family:var(--blokkus-font-body);color:var(--blokkus-muted,#3f4f74);font-size:1.08em;line-height:1.6;margin:0 0 22px;max-width:760px;}

.bk-optim-callout{position:relative;background:linear-gradient(135deg,rgba(80,200,160,0.08),rgba(28,40,92,0.05));border-left:4px solid var(--blokkus-mint,#50c8a0);border-radius:10px;padding:20px 26px;margin:0 0 8px;}
.bk-optim-callout p{margin:0;font-family:var(--blokkus-font-body);color:var(--blokkus-ink,#181a1e);font-size:1em;line-height:1.65;}
.bk-optim-callout strong{color:var(--blokkus-deep,#1c285c);background:rgba(80,200,160,0.22);padding:1px 8px;border-radius:6px;font-family:var(--blokkus-font-heading);font-weight:700;}

.bk-optim-wrap{max-width:900px;margin:0 auto 60px auto;padding:0 12px;}

.bk-optim-intro{font-family:var(--blokkus-font-body);color:var(--blokkus-muted,#3f4f74);font-size:1.05em;line-height:1.6;margin:0 0 32px;}

/* ---- Formulaire principal ---- */
.bk-optim-form{background:var(--blokkus-surface,#fff);border-radius:14px;box-shadow:0 4px 18px rgba(28,40,92,0.07);border:1.5px solid var(--blokkus-line,#e1e1e4);padding:28px 32px;margin-bottom:36px;scroll-margin-top:90px;}

.bk-optim-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 28px;}

.bk-optim-field{display:flex;flex-direction:column;gap:8px;}
.bk-optim-field label{display:flex;align-items:center;gap:6px;font-family:var(--blokkus-font-heading);font-weight:600;font-size:0.92em;color:var(--blokkus-deep,#1c285c);}
.bk-optim-field input{font-family:var(--blokkus-font-body);font-size:1em;padding:11px 14px;border-radius:8px;border:1.5px solid var(--blokkus-line,#e1e1e4);color:var(--blokkus-ink,#181a1e);background:var(--blokkus-fog,#f8f8fa);transition:border-color .15s;}
.bk-optim-field input:focus{outline:none;border-color:var(--blokkus-mint,#50c8a0);background:var(--blokkus-surface,#fff);}
.bk-optim-field .bk-optim-note{font-family:var(--blokkus-font-body);font-size:.82em;font-style:italic;color:var(--blokkus-muted,#3f4f74);opacity:.35;line-height:1.4;}
.bk-optim-field .bk-optim-note a{color:var(--blokkus-deep,#1c285c);text-decoration:underline;}

/* ---- Tooltip d'aide sur les champs ---- */
.bk-tooltip{position:relative;display:inline-flex;}
.bk-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--blokkus-line,#e1e1e4);color:var(--blokkus-deep,#1c285c);font-size:.72em;font-weight:700;font-family:var(--blokkus-font-body);cursor:help;user-select:none;}
.bk-tooltip:hover .bk-tooltip-icon,.bk-tooltip:focus .bk-tooltip-icon{background:var(--blokkus-mint,#50c8a0);color:#fff;}
.bk-tooltip-content{position:absolute;bottom:calc(100% + 10px);left:0;z-index:20;width:280px;background:var(--blokkus-surface,#fff);border:1.5px solid var(--blokkus-line,#e1e1e4);border-radius:10px;box-shadow:0 8px 24px rgba(28,40,92,0.14);padding:14px 16px;font-family:var(--blokkus-font-body);font-size:.82em;font-weight:400;line-height:1.5;color:var(--blokkus-ink,#181a1e);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s;}
.bk-tooltip-content strong{display:block;margin-bottom:8px;color:var(--blokkus-deep,#1c285c);font-family:var(--blokkus-font-heading);}
.bk-tooltip-content ul{margin:0;padding:0 0 0 16px;}
.bk-tooltip-content li{margin:0 0 4px;}
.bk-tooltip:hover .bk-tooltip-content,.bk-tooltip:focus .bk-tooltip-content,.bk-tooltip:focus-within .bk-tooltip-content{opacity:1;visibility:visible;transform:translateY(0);}

.bk-optim-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap;margin-top:24px;}
.bk-optim-actions .bk-optim-reset{font-family:var(--blokkus-font-body);font-size:.9em;color:var(--blokkus-muted,#3f4f74);text-decoration:underline;}
.bk-optim-actions .btn-main{border:none;cursor:pointer;font-family:inherit;}

/* ---- Accordéons de résultats ---- */
.bk-accordion-list{display:flex;flex-direction:column;gap:16px;}

.bk-accordion{background:var(--blokkus-surface,#fff);border-radius:14px;box-shadow:0 4px 18px rgba(28,40,92,0.07);border:1.5px solid var(--blokkus-line,#e1e1e4);overflow:hidden;}

.bk-accordion-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:20px 26px;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s;}
.bk-accordion-header:hover{background:var(--blokkus-fog,#f8f8fa);}
.bk-accordion-header h2{font-family:var(--blokkus-font-heading);font-size:1.15em;font-weight:700;color:var(--blokkus-deep,#1c285c);margin:0;}

.bk-accordion-icon{flex:0 0 auto;width:22px;height:22px;color:var(--blokkus-deep,#1c285c);transition:transform .25s ease;}
.bk-accordion.is-open .bk-accordion-icon{transform:rotate(45deg);}

.bk-accordion-panel{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.bk-accordion.is-open .bk-accordion-panel{max-height:4000px;}

.bk-accordion-panel-inner{padding:0 26px 26px;}

.bk-accordion-intro{font-family:var(--blokkus-font-body);color:var(--blokkus-muted,#3f4f74);font-size:.98em;line-height:1.55;margin:0 0 18px;}

/* ---- Lignes de résultats ---- */
.bk-result-grid{display:flex;flex-direction:column;}

.bk-result-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;padding:14px 0;border-bottom:1px solid var(--blokkus-line,#e1e1e4);}
.bk-result-row:last-child{border-bottom:none;}

.bk-result-label{font-family:var(--blokkus-font-body);color:var(--blokkus-ink,#181a1e);font-size:.98em;flex:1 1 220px;}
.bk-result-value{font-family:var(--blokkus-font-heading);font-weight:700;color:var(--blokkus-deep,#1c285c);font-size:1.05em;text-align:right;flex:0 0 auto;margin-left:auto;}
.bk-result-note{flex:1 1 100%;font-family:var(--blokkus-font-body);font-style:italic;font-size:.82em;color:var(--blokkus-muted,#3f4f74);opacity:.35;text-align:right;}

@media (max-width:640px){
	.bk-optim-baseline{font-size:1.15em;}
	.bk-optim-punch-cta{width:100%;justify-content:center;margin-left:0;}
	.bk-optim-callout{padding:16px 18px;}
	.bk-optim-fields{grid-template-columns:1fr;}
	.bk-tooltip-content{width:220px;left:auto;right:0;}
	.bk-optim-form{padding:22px 20px;}
	.bk-optim-actions{justify-content:stretch;}
	.bk-optim-actions .btn-main,.bk-optim-actions .bk-optim-reset{width:100%;text-align:center;}
	.bk-accordion-header{padding:16px 18px;}
	.bk-accordion-panel-inner{padding:0 18px 20px;}
	.bk-result-value{margin-left:0;text-align:left;}
	.bk-result-note{text-align:left;}
}