/* The card GroupLogoCard renders: an energy group's logo as the signup page presents it, and as
   Wattson previews it. White because group logos come in every colour and a dark one would vanish
   on Forest; the card is leaf-shaped, but the logo inside it keeps its own shape.

   At least as wide as a typical wordmark's card, with the logo centred: a square logo (Sydstevns
   Energi's) otherwise left a narrow tile that read as an afterthought beside the band. And at least
   96px tall, so a wide wordmark (ENERGIV's) that its width cap keeps short still hangs below the
   band by as much as any other card. */
.keima-group-logo-card {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: fit-content;
    min-width: 200px;
    min-height: 96px;
    padding: 12px 16px;
    border: 1px solid #E2E5DE;
    border-radius: 20px 0 20px 0;
    background-color: #FFFFFF;
    box-shadow: 0 6px 18px rgba(25, 25, 25, 0.12);
}

/* Bounded on both axes: group logos arrive at whatever size and shape they were uploaded at, and
   the box keeps a wide one from dwarfing the page. The height allowance is what a square logo gets
   to use - Sydstevns Energi's is 161x161 - while a wide wordmark runs out of width first. 72px
   left logos with small lettering (Skårup's) unreadable, and 128px made the card overlapping the
   band hang well below it; 96px keeps Skårup's lettering legible with a card that sits close. The
   280px width lets a wide wordmark (ENERGIV's) grow taller than 220px allowed. */
.keima-group-logo {
    display: block;
    width: auto;
    max-width: 280px;
    max-height: 96px;
}

/* An outline rather than a border, so it takes no space and the logo is laid out exactly as it is
   without it. Dashed and dark against the white card so it reads as a guide, not part of the logo. */
.keima-group-logo-bounds {
    outline: 1px dashed #223313;
}