/* ========================================================================== */
/* GARTENKLEIN – RESTLICHER CUSTOM CODE                                       */
/* Logo-Anpassungen & Community Builder Profil                                */
/* ========================================================================== */

:root {
    /* ---------------------------------------------------------------------- */
    /* Logo-Text Farben                                                       */
    /* ---------------------------------------------------------------------- */
    --gk-logo-title-color: #ffffff;       /* Gartenklein */
    --gk-logo-subtitle-color: #ffffff;    /* Mein kleiner Garten */
}


/* ========================================================================== */
/* 1. LOGO MIT TEXT DANEBEN                                                   */
/* Gartenklein / Mein kleiner Garten.                                         */
/* ========================================================================== */

#sp-logo .logo,
#sp-logo a.logo,
#sp-logo a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
}

/* Logo-Bild */
#sp-logo img {
    display: block !important;
    max-height: 70px !important;
    width: auto !important;
}

/* Textblock neben Logo */
#sp-logo .gk-logo-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    line-height: 1.1 !important;
    white-space: nowrap !important;
}

/* Gartenklein */
#sp-logo .gk-logo-title {
    color: var(--gk-logo-title-color) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: none !important;
}

/* Mein kleiner Garten */
#sp-logo .gk-logo-subtitle {
    color: var(--gk-logo-subtitle-color) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-top: 4px !important;
    text-transform: none !important;
}


/* ========================================================================== */
/* 2. RESPONSIVE LOGO / KLEINE BILDSCHIRME                                    */
/* ========================================================================== */

@media (max-width: 768px) {

    #sp-logo .gk-logo-title {
        font-size: 18px !important;
    }

    #sp-logo .gk-logo-subtitle {
        font-size: 12px !important;
    }

    #sp-logo img {
        max-height: 55px !important;
    }

    #sp-logo .logo,
    #sp-logo a.logo,
    #sp-logo a {
        gap: 8px !important;
    }
}


/* ========================================================================== */
/* 3. PROFIL (COMMUNITY BUILDER)                                              */
/* ========================================================================== */

/* 1. Hintergrundfarbe der Profil-Kopfzeile ändern */
.vereinsprofil .card-header {
    background-color: #237e2b !important; /* Hier Ihr Wunsch-Grün als Hex-Code eintragen */
}

/* 2. Hintergrundfarbe der kleinen Visitenkarte links ändern */
.vereinsprofil .bg-light {
    background-color: #f4f9f4 !important; /* Ein ganz zartes Grün-Weiß */
    border: 1px solid #d0e1d4 !important; /* Dezenter Rahmen */
}

/* 3. Den Text "Gartenfreund" (Badge) farblich anpassen */
.vereinsprofil .bg-success-subtle {
    background-color: #e2f0e5 !important;
    color: #1e4620 !important;
}

/* 4. Schriftgröße des Vereinsnamens/Mitgliedsnamens ändern */
.vereinsprofil h4 {
    font-size: 1.4rem !important;
    color: #1e4620 !important;
}

/* 5. Die Überschriften im rechten Bereich anpassen */
.vereinsprofil h5.text-success {
    color: #1e4620 !important;
    border-bottom-color: #1e4620 !important;
}