/* ICH_Quiz — footer (organisms) | BMSoft1024 */

/* Sticky footer: body is a vertical flex column, <main> grows so the footer always
   sits at the bottom of the viewport even on short pages (and inside embeds). */
body{min-height:100dvh;display:flex;flex-direction:column}
body > main{flex:1 0 auto}

footer.site{border-top:1px solid var(--line);color:var(--muted);font-size:var(--fs-sm);
  padding:22px 0;margin-top:32px;flex-shrink:0}
footer.site .foot-in{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
footer.site a{color:var(--text)}
footer.site a:hover{color:var(--pink)}
footer.site .foot-links{display:flex;gap:16px;flex-wrap:wrap}

/* Maker line — kept on ONE clean centered line (logo inline, vertically aligned).
   flex:1 1 100% stops it from shrinking to min-content inside the flex .foot-in (which caused
   "powered by" to wrap onto its own line). */
.foot-maker{flex:1 1 100%;text-align:center;line-height:1.6}
.maker-link{font-weight:700;white-space:nowrap}
.maker-link b{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.foot-logo{display:inline-block;vertical-align:middle;border-radius:5px;object-fit:contain;margin:0 0 0 5px}

/* Hashtag line — sits below the maker line, centered, muted. */
.foot-tags{flex:1 1 100%;text-align:center;font-size:var(--fs-xs);color:var(--muted);opacity:.7;margin-top:6px;letter-spacing:.3px}

/* Embeds: tighter top spacing so the footer hugs the bottom of the iframe. */
body.embed footer.site{margin-top:18px;padding:16px 0}