/* Echte Partnerlogos — nur fuer zugelassene Programme (Nutzerentscheid 12.11.2026).
   Erzeugt von gh_shop_logo() -> gh_partner_logo_img() (sparen_helpers.php); alle
   anderen Shops tragen weiter das gezeichnete Zeichen (svg.marken-svg).

   Die Logo-Datei bleibt unveraendert bis auf einen komplett weissen/transparenten
   Rand, den partner_logos_holen.py abschneidet (12.11.2026); sie wird nur per object-fit:contain in ihr
   Feld eingepasst, nicht beschnitten, verzerrt oder umgefaerbt. Die helle Flaeche
   ist der Grund, fuer den Netzwerk-Logos gemacht sind (meist dunkle Schrift,
   oft ohne Transparenz) — auf dem dunklen Seitengrund waeren sie sonst unlesbar.
   Groesse: width/height stehen im Markup (46 bzw. 62); die Regeln unten passen
   sie nur dort an, wo die Umgebung das gezeichnete Zeichen per CSS umgroessert. */
img.partner-logo {
  display: block;
  flex: 0 0 auto;
  box-sizing: border-box;
  max-width: none;
  object-fit: contain;
  object-position: center;
  padding: 3px;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 24%;
  background: #fff;
}

/* Gutschein-Fenster: das Zeichen steht dort 64 px (Handy 48 px) gross. */
.gk-logo img.partner-logo { width: 64px; height: 64px; }

/* Gutscheine-Klappmenue: Liste 40 px, Empfehlung 72 px (schmal 56 px). */
.menue-klappe--mega .gm-logo img.partner-logo { width: 40px; height: 40px; }
.menue-klappe--mega .gm-emp-logo img.partner-logo { width: 72px; height: 72px; }

/* Kleine Shopzeile der Gutschein-Tafel (22 px): weniger Rand, sonst bleibt nichts vom Logo. */
.gt-shoplogo img.partner-logo { padding: 1px; border-radius: 6px; }

/* Deal-Tafel blendet das Shopzeichen in der Karte bewusst aus — das Logo ebenso. */
.tafel-karte .tafel-shopzeile img.partner-logo { display: none; }

@media (max-width: 960px) {
  .menue-klappe--mega .gm-emp-logo img.partner-logo { width: 56px; height: 56px; }
}
@media (max-width: 480px) {
  .gk-logo img.partner-logo { width: 48px; height: 48px; }
}

/* Grosse Form im Shop-Kopf (12.11.2026, "Logo viel groesser, Schrift klein darunter"):
   width/height = gerenderte Dateigroesse (nie hochskaliert, siehe gh_partner_logo_img).
   content-box: die Datei bekommt genau ihre Pixel, der weisse Rand kommt aussen dazu. */
img.partner-logo--gross {
  box-sizing: content-box;
  padding: 6px;
  border-radius: 12px;
}
