/* ===== D: esimesed 6 logo (järjestuse järgi) = peatoetajad, suuremalt ühel real; ülejäänud väiksemalt ===== */
#footer .logos-ribbon{
  --gap-x:.75rem; --gap-y:1rem;
  --cols-big:3;  --h-big:3.75rem;        /* mobiil: 3x2 */
  --cols-sm:4;   --h-sm:2.75rem;
  margin:0 0 2rem !important;            /* tühistab bGapsN-* negatiivse marginaali, hoiab #footer>* 2rem */
}
@media (min-width:768px){  #footer .logos-ribbon{--cols-big:6; --cols-sm:5; --h-big:4rem; --h-sm:3rem; --gap-x:1rem} }
@media (min-width:1200px){ #footer .logos-ribbon{--cols-big:6; --cols-sm:9; --h-big:4.5rem; --h-sm:3rem} }

#footer .logos-ribbon .row{
  display:flex; flex-wrap:wrap !important;   /* võidab flex-lg-nowrap */
  justify-content:center !important;         /* võidab space-between!important; poolikud read keskele */
  align-items:center; gap:var(--gap-y) var(--gap-x); margin:0 !important;
}
/* väikesed lahtrid (kõik logod alates 7.) */
#footer .logos-ribbon .row > *{
  flex:0 0 calc((100% - (var(--cols-sm) - 1) * var(--gap-x)) / var(--cols-sm)) !important;
  max-width:none !important; width:auto !important; height:var(--h-sm);
  margin:0 !important; padding:0 !important; display:flex; align-items:center; justify-content:center;
}
/* peatoetajad: esimesed 6 markupi järjekorras (= admini sorteering) */
#footer .logos-ribbon .row > :nth-child(-n+6){
  flex-basis:calc((100% - (var(--cols-big) - 1) * var(--gap-x)) / var(--cols-big)) !important;
  height:var(--h-big);
}
/* 6. logo järel sunnitud reavahetus pole vaja: 6 suurt täidavad rea; <6 logo -> tsentreeritud */
#footer .logos-ribbon .logo{
  display:flex; align-items:center; justify-content:center; width:100%; height:100%; min-height:44px;
  box-sizing:border-box; padding-inline:.35rem;
}
#footer .logos-ribbon .logo:focus-visible{outline:2px solid #fff; outline-offset:4px; border-radius:2px}
#footer .logos-ribbon img{
  flex:1 1 0; min-width:0; width:100%; height:100%; object-fit:contain; filter:invert(1);
}
/* lingita logod (tühi href) ei ole klikitavad */
#footer .logos-ribbon a.logo[href=""]{pointer-events:none; cursor:default}
/* suurem vahe peatoetajate rea ja ülejäänud logode vahel */
@media (min-width:768px){
  #footer .logos-ribbon .row > :nth-child(-n+6){margin-bottom:1.75rem !important}
}
@media (max-width:767.98px){
  #footer .logos-ribbon .row > :nth-child(4),
  #footer .logos-ribbon .row > :nth-child(5),
  #footer .logos-ribbon .row > :nth-child(6){margin-bottom:1.25rem !important}
}
/* desktop: mõlemad read sama kitsama laiusega ja tsentreeritud, logode ümber ruumi (laiad logod ei puutu serva) */
@media (min-width:1200px){
  #footer .logos-ribbon .row{max-width:1240px; margin-left:auto !important; margin-right:auto !important}
  #footer .logos-ribbon .logo{padding-inline:.9rem}
}