/* ============================================================
   Sector Committees — additions for the CMS-driven page
   ============================================================
   Loaded only by the sector-committees template, on top of
   committees.css. Nothing in committees.css is changed, so the
   old rich_page version of the page is unaffected.

   Two things live here that the static page carried in its
   markup instead.
   ============================================================ */


/* ---------- 1. Accent colour by diagram position ----------

   The original page hardcoded a colour per sector key inside its
   inline script. That cannot move into the CMS as-is: a hex field
   would put colour management in the client's hands, which is the
   opposite of what we want.

   So colour follows POSITION in the circle instead. Position 1 is
   top dead centre, then clockwise. The repeater is pinned at
   exactly 12 items, so the mapping is always complete.

   Change a colour here and the icon bubble, the number badge, the
   ring dot and the connector line all follow — the diagram script
   reads var(--c-committee-N) for all four.

   The values are aliases of the sector variables already declared
   in committees.css, so the palette itself still has one home.
   Reordering committees in the admin swaps which committee gets
   which colour, not the colours themselves.
   ---------------------------------------------------------- */
:root {
    --c-committee-1: var(--c-bfsi);
    --c-committee-2: var(--c-consult);
    --c-committee-3: var(--c-edu);
    --c-committee-4: var(--c-esg);
    --c-committee-5: var(--c-legal);
    --c-committee-6: var(--c-media);
    --c-committee-7: var(--c-mfg);
    --c-committee-8: var(--c-pharma);
    --c-committee-9: var(--c-ship);
    --c-committee-10: var(--c-startup);
    --c-committee-11: var(--c-tourism);
    --c-committee-12: var(--c-trade);
}


/* ---------- 2. Uploaded icons in the highlights bar ----------

   committees.css sizes only `svg` and `i` inside .trust-icon,
   because the static page used Bootstrap icon fonts there. The
   CMS version uploads an image instead, which would otherwise
   render at its natural size and blow the blue square apart.

   26px matches the icon font size in committees.css.
   ---------------------------------------------------------- */
.committees-trust-bar .trust-icon img {
    display: block;
    width: 26px;
    height: 26px;
    object-fit: contain;
}