/* Let the approved single footer row fit narrow windows instead of retaining
   v44's 856px/765px minimum. Nothing is clipped or removed. */
@media (max-width: 850px) {
  .workspace-footer { overflow: visible; }

  .workspace-footer .footer-row {
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(74px, 1fr) minmax(0, 4fr) minmax(74px, 1fr);
    gap: clamp(3px, .8vw, 7px);
  }

  .workspace-footer .footer-tools {
    min-width: 0;
    max-width: 100%;
  }

  .workspace-footer .footer-logo-group {
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, .95fr) minmax(0, 1fr);
    gap: clamp(2px, .8vw, 7px);
  }

  .workspace-footer .footer-brand span {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .workspace-footer .footer-brand img {
    display: block;
    min-width: 0;
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  .workspace-footer .english-brand img { max-width: 110px; }
  .workspace-footer .arabic-brand img { max-width: 95px; }

  /* Wrap the credit within its existing side cell; the Instagram control
     remains beside the text and retains its original touch dimensions. */
  .workspace-footer .footer-center .footer-credit {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    column-gap: 4px;
    row-gap: 2px;
    white-space: normal;
    text-align: end;
  }
  .workspace-footer .footer-credit > span {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .workspace-footer .footer-credit > a:not(.footer-icon) {
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  .workspace-footer .footer-credit > .footer-icon {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
  }
}

@media (max-width: 479px) {
  .workspace-footer { padding-inline: 12px; }
}