/* ==========================================================================
   Jura-Start - entreprise-single.css (fiche entreprise)
   ========================================================================== */

.js-ent-back { display: inline-block; margin-bottom: 30px; padding-top: calc(var(--js-nav-h) + 20px); font-family: var(--js-font-mono); font-size: 0.82rem; letter-spacing: 0.06em; color: var(--js-amber-deep); }
.js-ent-single-grid { display: grid; grid-template-columns: 340px 1fr; gap: 56px; align-items: start; }

.js-ent-single-head { position: sticky; top: calc(var(--js-nav-h) + 24px); display: flex; flex-direction: column; gap: 16px; }
.js-ent-single-logo { aspect-ratio: 16 / 11; background: var(--js-paper-warm); border: 1px solid var(--js-line); border-radius: var(--js-radius); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.js-ent-single-logo img { width: 100%; height: 100%; object-fit: cover; }
.js-ent-single-title { font-size: clamp(2rem, 4vw, 3rem); }
.js-ent-single-city { display: inline-flex; align-items: center; gap: 7px; color: var(--js-ink-soft); margin: 0; }
.js-ent-single-city svg { width: 16px; height: 16px; color: var(--js-amber-deep); }

.js-ent-single-body .js-prose { font-size: 1.12rem; }
.js-ent-contacts { margin-top: 32px; padding: 24px 28px; background: var(--js-paper-warm); border-radius: var(--js-radius); display: flex; flex-direction: column; gap: 14px; }
.js-ent-contact-row { display: flex; align-items: center; gap: 12px; }
.js-ent-contact-row svg { width: 18px; height: 18px; color: var(--js-amber-deep); flex: 0 0 auto; }
.js-ent-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }

/* Secteurs multiples + offre membres + services */
.js-ent-single-secteurs { display: flex; flex-wrap: wrap; gap: 8px; }
.js-ent-offer { margin: 28px 0; padding: 22px 26px; background: var(--js-amber-glow); border: 1px solid var(--js-line-amber); border-radius: var(--js-radius); }
.js-ent-offer-label { display: inline-flex; align-items: center; gap: 8px; font-family: var(--js-font-mono); font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--js-amber-deep); margin-bottom: 8px; }
.js-ent-offer-label svg { width: 16px; height: 16px; }
.js-ent-offer p { margin: 0; font-family: var(--js-font-display); font-size: 1.2rem; }
.js-ent-services { margin: 28px 0; }
.js-ent-block-h { font-size: 1.4rem; margin-bottom: 14px; }
.js-ent-services-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.js-ent-services-list li { display: flex; align-items: center; gap: 10px; }
.js-ent-services-list svg { width: 18px; height: 18px; color: var(--js-pine); flex: 0 0 auto; }

@media (max-width: 860px) {
  .js-ent-single-grid { grid-template-columns: 1fr; gap: 32px; }
  .js-ent-single-head { position: static; }
}