/* ============================================
   BASE VARIABLES (Light + Dark)
============================================ */
:root {
    --partner-logo-bg-light: #ffffff;
    --partner-logo-bg-dark: #1a1c20;
}

/* ============================================
   CARD BASE
============================================ */
.card {    
    overflow: hidden;
    transition: all .25s ease;
    display: flex;
    flex-direction: column;
    height: 100%;

    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    color: var(--bs-body-color);
}

/* Hover */
.card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
}

/* Farbige Hover-Border */
.card.color-primary:hover   { border-color: var(--bs-primary); }
.card.color-secondary:hover { border-color: var(--bs-secondary); }
.card.color-success:hover   { border-color: var(--bs-success); }
.card.color-warning:hover   { border-color: var(--bs-warning); }
.card.color-danger:hover    { border-color: var(--bs-danger); }
.card.color-info:hover      { border-color: var(--bs-info); }


/* ============================================
   BUTTON OUTLINE – BOOTSTRAP ORIGINAL COLORS
============================================ */

.btn-outline-primary    { color: var(--bs-primary) !important; }
.btn-outline-secondary  { color: var(--bs-secondary) !important; }
.btn-outline-success    { color: var(--bs-success) !important; }
.btn-outline-danger     { color: var(--bs-danger) !important; }
.btn-outline-warning    { color: var(--bs-warning) !important; }
.btn-outline-info       { color: var(--bs-info) !important; }
.btn-outline-dark       { color: var(--bs-dark) !important; }
.btn-outline-light      { color: var(--bs-dark) !important; }

.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn-outline-success:hover,
.btn-outline-danger:hover,
.btn-outline-warning:hover,
.btn-outline-info:hover,
.btn-outline-dark:hover,
.btn-outline-light:hover {
    color: #fff !important;
}


/* ============================================
   LOGO WRAPPER – Light/Dark kompatibel
============================================ */
.card .partner-logo-wrapper {
    background: var(--partner-logo-bg-light);
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid var(--bs-border-color);

    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Dark Mode Anpassung */
[data-bs-theme="dark"] .card .partner-logo-wrapper {
    background: var(--partner-logo-bg-dark);
}

.card img.partner-logo {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}


/* ============================================
   CARD BODY
============================================ */
.card .card-body {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.card .partner-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--bs-body-color);
}

.card-body .partner-description {
    font-size: 0.9rem;
    flex-grow: 1;
    color: var(--bs-body-color);
}


/* ============================================
   BUTTON POSITION
============================================ */
.partner-btn {
    margin-top: auto;
}