/* ================= Iliade Footer – Styles ================ */
        .il-footer{
          --ink:#0f172a;
          --muted:#64748b;
          --bg:#fafbfb;                 /* fond très clair */
          --brand:#5CA174;              /* vert Iliade */
          --prune:#9C1657;              /* accent prune */
          --soft:#f3f4f6;
          --soft-2:#e5e7eb;
          --white:#fff;

          --radius:16px;
          --shadow:0 10px 28px rgba(0,0,0,.06);

          background: var(--bg);
          color: var(--ink);
          border-top: 1px solid var(--soft-2);
        }
        .ilf__inner{ max-width: min(1400px, 92vw); margin: 0 auto; padding: 28px 0 42px; }

        /* Brand */
        .ilf__brand{ display:flex; align-items:center; max-width:100%; justify-content:space-between; gap:10px; margin-bottom: 10px; }
        .ilf__brand-link img{ height: auto; width: 250px; filter: saturate(1); } /* logo discret */
        .ilf__brand-text{ font-weight:600; font-size:16px; color:var(--ink); }
        .ilf__baseline{ margin:0; font-size:13px; color:var(--muted); }

        /* Grid */
        .ilf__grid{ display:grid; grid-template-columns:1fr; gap:12px; margin: 14px 0 20px; }

        /* Col + accordéons mobiles */
        .ilf__col{
          background: var(--white);
          border: 1px solid var(--soft-2);
          border-radius: var(--radius);
          box-shadow: var(--shadow);
          overflow: clip;
        }
        .ilf__title{
          cursor:pointer; display:flex; align-items:center; gap:8px;
          padding: 12px 14px; margin:0; font-size:15px; font-weight:600; color: var(--brand);
          list-style:none;
        }
        .ilf__title::-webkit-details-marker{ display:none; }
        .ilf__col[open] .ilf__title{ border-bottom:1px solid var(--soft-2); }
        .ilf__title::after{ content:"▾"; margin-left:auto; color:var(--muted); font-size:13px; }
        .ilf__col[open] .ilf__title::after{ content:"▴"; }
        .ilf__dot{ width:8px; height:8px; border-radius:999px; background: var(--brand); box-shadow:0 0 0 3px color-mix(in oklab, var(--brand) 20%, #fff); }

        .ilf__content{ padding: 12px 14px; font-size:14px; color:var(--ink); }
        .ilf__text{ margin:0 0 10px; color:var(--muted); }

        .ilf__list{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
        .ilf__list a{
          display:inline-flex; align-items:center; gap:8px;
          padding: 7px 10px; border-radius: 12px;
          background: linear-gradient(0deg, #fff, #fff) padding-box,
                      linear-gradient(90deg, color-mix(in oklab, var(--brand) 30%, #fff), color-mix(in oklab, var(--prune) 30%, #fff)) border-box;
          border: 1px solid transparent;
          color: var(--ink); font-size:14px; text-decoration:none;
        }
        .ilf__list a:hover{ color: var(--brand); }

        /* Contact chips */
        .ilf__contact{ list-style:none; margin:0 0 12px; padding:0; display:grid; gap:8px; }
        .ilf__chip{
          display:inline-flex; align-items:center; gap:8px;
          padding:6px 10px; border-radius:10px;
          background: var(--soft); border:1px solid var(--soft-2); font-size:14px; color:var(--ink);
        }

        /* Social */
        .ilf__social{ display:flex; gap:10px; }
        .ilf__soc{
          width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center;
          border-radius:10px; background:#fff; border:1px solid var(--soft-2); box-shadow: var(--shadow);
          transition: transform .15s ease;
        }
        .ilf__soc:hover{ transform: translateY(-1px); border-color: var(--brand); }

        /* Bas légal “chips” colorées */
        .ilf__legal{ display:flex; flex-direction:column; gap:10px; padding-top:14px; border-top:1px dashed var(--soft-2); }
        .ilf__legal-list{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
        .ilf__pill{
          display:inline-flex; align-items:center; gap:6px;
          padding:6px 10px; border-radius:999px; font-size:13px; color:#0b0f14;
          background: #eef6f0; border:1px solid #dbe7df;
        }
        .ilf__pill--green{ background:#eaf5ee; border-color:#d6ecdf; color:#0b2318; }
        .ilf__pill--prune{ background:#f6e9f1; border-color:#edd7e6; color:#2a0f1e; }
        .ilf__pill--grey { background:#f3f4f6; border-color:#e5e7eb; color:#111827; }
        .ilf__pill:hover{ filter:saturate(1.1); }

        .ilf__copy{ margin:0; font-size:13px; color:var(--muted); }

        /* Top button */
        .ilf__top{
          position: fixed; right: 12px; bottom: 12px;
          width: 40px; height: 40px; border-radius: 999px;
          border: 1px solid var(--soft-2); background:#fff; box-shadow: var(--shadow);
          color: var(--ink); display:inline-flex; align-items:center; justify-content:center;
          cursor:pointer; opacity:0; pointer-events:none; transform:translateY(8px);
          transition: opacity .2s ease, transform .2s ease; z-index:50;
        }
        .ilf__top.is-visible{ opacity:1; pointer-events:auto; transform:translateY(0); }

        /* Desktop */
        @media (min-width: 900px){
          .ilf__grid{ grid-template-columns: repeat(4, 1fr); gap: 16px; }
          .ilf__col .ilf__title{ cursor: default; }
          .ilf__col .ilf__title::after{ content:""; }
          details.ilf__col[open] > .ilf__content{ display:block; }

        }