/* Pages métier (logiciel-*-reunion.php) et page e-facturation : styles communs
   aux blocs de contenu. Chargé après jbill-brand.css. */

.fe-content { max-width: 900px; }
.fe-content h2 { font-size: 1.375rem; margin-block: 2.5rem 1rem; }
.fe-content h3 { font-size: 1.1rem; margin-block: 1.5rem 0.5rem; }

.metier-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin: 1.5rem 0; }
.metier-card { background: var(--jbill-blue-tint, #eef5ff); border-radius: 1rem; padding: 1.25rem 1.5rem; }
.metier-card h3 { margin-top: 0; font-size: 1rem; }
.metier-card p { margin: 0; font-size: 0.9375rem; color: var(--bs-body-color); }

.journee { background: var(--jbill-blue-tint, #eef5ff); border-radius: 1rem; padding: 1.5rem 1.75rem; }
.journee p { margin-bottom: 0.75rem; }
.journee p:last-child { margin-bottom: 0; }
.journee .heure { font-family: "Dosis", var(--bs-font-sans-serif); font-weight: 700; color: var(--jbill-blue-dark, #0445b8); margin-right: 0.5rem; white-space: nowrap; }

.feat-list { padding-left: 1.25rem; }
.feat-list li { margin-bottom: 0.5rem; }
.tier { display: inline-block; font-size: 0.75rem; font-weight: 600; color: var(--jbill-blue-dark, #0445b8); background: var(--jbill-blue-tint, #eef5ff); border-radius: 0.375rem; padding: 0.1rem 0.5rem; margin-left: 0.25rem; vertical-align: middle; white-space: nowrap; }

.faq details { background: #fff; border: 1px solid var(--bs-border-color, #e4e6ef); border-radius: 0.75rem; padding: 0.875rem 1.125rem; margin-bottom: 0.625rem; }
.faq summary { font-weight: 600; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; color: var(--jbill-blue-dark, #0445b8); font-size: 1.25rem; line-height: 1; flex-shrink: 0; }
.faq details[open] summary::after { content: "\2013"; }
.faq details p { margin: 0.625rem 0 0; color: var(--bs-body-color); }

.autres-metiers { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0.75rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.autres-metiers a { display: block; padding: 0.875rem 1rem; border: 1px solid var(--bs-border-color, #e4e6ef); border-radius: 0.75rem; font-weight: 600; text-decoration: none; transition: border-color 0.15s, background-color 0.15s; }
.autres-metiers a:hover { border-color: var(--jbill-blue-dark, #0445b8); background: var(--jbill-blue-tint, #eef5ff); }