/* ==========================================================================
   Key for Change — social proof (task #1001607, Keeley feedback media #3580)
   Loaded sitewide from base.html.twig (after architecture.css).
     .k4c-press  official press logo strip  (partials/press-logos.html.twig)
     .k4c-grev   Google-review-style card   (partials/greview.html.twig)
   ========================================================================== */

/* ---------- press logos ---------- */
.k4c-press { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 26px; }
.k4c-press li { margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; }
.k4c-press img { display: block; width: auto; height: 26px; max-width: 100%; }
/* optical balancing — wide/thin marks get a touch smaller, stacked marks taller */
.k4c-press .k4c-press__item--huffpost img { height: 15px; }
.k4c-press .k4c-press__item--newsweek img,
.k4c-press .k4c-press__item--mirror img { height: 24px; }
.k4c-press .k4c-press__item--baatn img { height: 32px; }

/* chips: white pills — for dark/purple bands (about hero) */
.k4c-press--chips { gap: 8px; }
.k4c-press--chips li { background: #fff; border-radius: 10px; padding: 7px 12px; height: 40px; box-shadow: 0 1px 2px rgba(0,0,0,0.18); }
.k4c-press--chips img { height: 22px; }
.k4c-press--chips .k4c-press__item--huffpost img { height: 13px; }
.k4c-press--chips .k4c-press__item--newsweek img,
.k4c-press--chips .k4c-press__item--mirror img { height: 22px; }

/* tiles: card grid (about "in the press", home press column) */
.k4c-press--tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.k4c-press--tiles li { background: #fff; border: 1px solid rgba(81,45,127,0.14); border-radius: 14px; min-height: 76px; padding: 14px 12px; }
.k4c-press--tiles img { height: 30px; }
.k4c-press--tiles .k4c-press__item--huffpost img { height: 17px; }
.k4c-press--tiles .k4c-press__item--newsweek img,
.k4c-press--tiles .k4c-press__item--mirror img { height: 28px; }
.k4c-press--tiles .k4c-press__item--baatn img { height: 38px; }
@media (max-width: 640px) {
  .k4c-press--tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .k4c-press { gap: 10px 18px; }
}

/* host-page glue: the old text-logo containers become plain wrappers */
html .k4c-about .abt-logos { display: block; }
html .kfc-home .press-col .logos { display: block; }
html .kfc-home .press-col .k4c-press--tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html .kfc-home .press-col .k4c-press--tiles li { background: var(--paper-2, #F3EEE7); border-color: transparent; min-height: 60px; }
html .kfc-home .t-press .logos { display: block; }
html .kfc-home .t-press .k4c-press { gap: 10px 18px; }
html .kfc-home .t-press .k4c-press img { height: 22px; }
html .kfc-home .t-press .k4c-press .k4c-press__item--huffpost img { height: 13px; }
html .k4c-contact .cx-press { gap: 12px 22px; }
html .k4c-contact .cx-press .cx-press-label { font-family: inherit; font-weight: 400; font-size: 13px; color: inherit; }
html .k4c-contact .cx-press .k4c-press img { height: 20px; }
html .k4c-contact .cx-press .k4c-press .k4c-press__item--huffpost img { height: 12px; }

/* ---------- Google-review card ---------- */
.k4c-grev {
  margin: 0; display: flex; flex-direction: column; gap: 10px;
  background: #fff; border: 1px solid #DADCE0; border-radius: 12px;
  padding: 18px 20px 20px; color: #202124; text-align: left;
  font-family: Roboto, Arial, var(--k4c-font-body, sans-serif);
  box-shadow: 0 1px 2px rgba(60,64,67,0.08);
}
.k4c-grev__head { display: flex; align-items: center; gap: 12px; margin: 0; padding: 0; border: 0; }
.k4c-grev__avatar {
  flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--av, #1A73E8); color: #fff; font-size: 17px; font-weight: 500; line-height: 1;
}
.k4c-grev__avatar svg { width: 20px; height: 20px; }
.k4c-grev__meta { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.k4c-grev__meta b { font-size: 15px; font-weight: 500; color: #202124; }
.k4c-grev__meta span { font-size: 12.5px; color: #70757A; }
.k4c-grev__brand { margin-left: auto; flex: 0 0 auto; width: 22px; height: 22px; color: #512D7F; }
.k4c-grev__brand svg { display: block; width: 100%; height: 100%; }
.k4c-grev__stars { display: flex; gap: 2px; }
.k4c-grev__stars svg { width: 17px; height: 17px; fill: #FBBC04; }
.k4c-grev__text {
  margin: 0; padding: 0; border: 0; background: none; quotes: none;
  font-family: inherit; font-style: normal; font-size: 15px; line-height: 1.55; color: #3C4043; text-wrap: pretty; hyphens: manual; -webkit-hyphens: manual;
}
.k4c-grev__text::before, .k4c-grev__text::after { content: none; }
/* stays white even on dark bands (home stories) — reads as a real review */
.k4c-grev[hidden] { display: none; }

/* host-page glue for the review card */
html .kfc-home .story.k4c-grev { background: #fff; border: 1px solid #DADCE0; border-radius: 14px; padding: 20px 22px 22px; gap: 10px; }
html .k4c-contact .cx-quotes .k4c-grev { height: 100%; }
html .k4c-programme .k4c-grev { border-radius: 16px; padding: 22px 24px 24px; }
html .k4c-programme .k4c-grev .k4c-grev__text { font-size: 16px; }
html .k4c-quotes .k4c-grev { height: 100%; }

/* ---- home press logos = one tidy 3x2 logo grid (task #1001654) ----
   Both home blocks (the "In the press" tile + the "Press & news" column) render
   the same six logos as equal cells, each logo centred and optically sized.
   The press-col rules are ul/li-qualified because home.css styles every
   `.press-col ul/li` as the article list (flex column + top rules), which
   was stacking the logos in a single centred column. */
html .kfc-home .t-press .logos,
html .kfc-home .press-col .logos { display: flex; flex-direction: column; justify-content: center; }
html .kfc-home .t-press .logos { flex: 1 1 auto; }
html .kfc-home .t-press ul.k4c-press,
html .kfc-home .press-col ul.k4c-press {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px;
  flex-direction: row; width: 100%; }
html .kfc-home .t-press ul.k4c-press > li,
html .kfc-home .press-col ul.k4c-press > li {
  display: flex; align-items: center; justify-content: center;
  height: 64px; padding: 10px 14px; margin: 0; border: 0; border-radius: 12px;
  background: var(--paper-2, #F3EEE7); list-style: none; font-size: inherit; min-height: 0; }
html .kfc-home .t-press ul.k4c-press > li { height: 58px; }
html .kfc-home .t-press ul.k4c-press img,
html .kfc-home .press-col ul.k4c-press img {
  width: auto; height: auto; max-width: 100%; max-height: 26px; object-fit: contain; }
/* optical balance: tall marks read bigger, the long thin ones get width instead */
html .kfc-home .t-press ul.k4c-press .k4c-press__item--huffpost img,
html .kfc-home .press-col ul.k4c-press .k4c-press__item--huffpost img { max-height: 14px; }
html .kfc-home .t-press ul.k4c-press .k4c-press__item--mirror img,
html .kfc-home .press-col ul.k4c-press .k4c-press__item--mirror img { max-height: 30px; }
html .kfc-home .t-press ul.k4c-press .k4c-press__item--newsweek img,
html .kfc-home .press-col ul.k4c-press .k4c-press__item--newsweek img { max-height: 25px; }
@media (max-width: 480px) {
  html .kfc-home .t-press ul.k4c-press,
  html .kfc-home .press-col ul.k4c-press { gap: 8px; }
  html .kfc-home .t-press ul.k4c-press > li,
  html .kfc-home .press-col ul.k4c-press > li { height: 52px; padding: 8px 10px; }
  html .kfc-home .t-press ul.k4c-press img,
  html .kfc-home .press-col ul.k4c-press img { max-height: 22px; }
}