/* ==============================================
   Finaler Fix V4 ("Schlauer" Eisbär)
   Zeigt den Bären NUR auf der Login-Seite an.
   ============================================== */

/* 1. Das ORIGINALE SVG-Logo ausblenden...
   ABER NUR, wenn wir auf einer Seite mit einem Formular (Login) sind. */
#__nuxt main:has(form) svg {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* 2. Platz schaffen für den Bären...
   ABER NUR, wenn ein Formular da ist. */
#__nuxt main:has(form) {
    position: relative !important;
    margin-top: 360px !important; /* Platz für Mega-Bär */
    padding-top: 0 !important;
}

/* 3. Das NEUE Eisbär-Logo einfügen...
   ABER NUR, wenn ein Formular da ist. */
#__nuxt main:has(form)::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: -340px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    /* MEGA-GRÖSSE */
    width: 250px !important;
    height: 250px !important;

    /* Bild laden */
    background-image: url('/static/logo.png') !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
    z-index: 9999 !important;
}
/* ==============================================
   Fix für das kleine Logo im Header (Dashboard)
   ============================================== */

/* 1. Das originale SVG-Logo im Header ausblenden */
/* Wir suchen im <header> nach einem Link <a>, der ein <svg> mit der Klasse .logo enthält */
header a:has(svg.logo) svg {
    display: none !important;
}

/* 2. Den Link-Container anpassen und das neue Logo als Hintergrund setzen */
header a:has(svg.logo) {
    /* Wir machen den Link zu einem Block-Element, damit wir ihm eine Größe geben können */
    display: block !important;
    
    /* Größe des kleinen Logos anpassen */
    width: 120px !important;  /* Du kannst diesen Wert ändern, wenn es größer/kleiner sein soll */
    height: 120px !important;
    
    /* Das Bild laden */
    background-image: url('/static/logo.png') !important;
    background-repeat: no-repeat !important;
    background-size: contain !important; /* Passt das Bild in die 60x60 Box ein */
    background-position: center center !important;
    
    /* Eventuelles Margin/Padding zurücksetzen, damit es sauber sitzt */
    margin-right: 1rem !important; /* Das ursprüngliche 'me-5' etwas anpassen */
}