/* =========================================================
   JKS Switzerland Memberbereich
   Moderne Glass-Karten in JKS-Gelb
   ========================================================= */


/* Einzelne Karte */
.member-glass-card {
    display: block;
    position: relative;
    box-sizing: border-box;

    min-height: 220px;
    padding: 36px 30px !important;

    background: linear-gradient(
        135deg,
        rgba(255, 214, 0, 0.90),
        rgba(255, 225, 80, 0.72)
    ) !important;

    background-color: #FFD600 !important;

    border: 1px solid rgba(255, 255, 255, 0.95);
    border-radius: 26px;

    -webkit-backdrop-filter: blur(20px) saturate(140%);
    backdrop-filter: blur(20px) saturate(140%);

    box-shadow:
        0 12px 35px rgba(30, 45, 60, 0.14),
        inset 0 1px 1px rgba(255, 255, 255, 0.95);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}


/* Weisse Standard-Hintergründe des Info-Box-Plugins entfernen */
.member-glass-card .aio-icon-box,
.member-glass-card .aio-icon-component,
.member-glass-card .aio-icon-header,
.member-glass-card .aio-icon-description {
    background: transparent !important;
}


/* Hover-Effekt */
.member-glass-card:hover {
    transform: translateY(-6px);

    background: linear-gradient(
        135deg,
        rgba(255, 220, 25, 0.96),
        rgba(255, 230, 105, 0.82)
    ) !important;

    box-shadow:
        0 20px 45px rgba(130, 105, 0, 0.22),
        inset 0 1px 1px rgba(255, 255, 255, 1);
}


/* Titel */
.member-glass-card h3,
.member-glass-card h4,
.member-glass-card .aio-icon-title {
    color: #34383e !important;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 12px;
}


/* Beschreibung */
.member-glass-card p,
.member-glass-card .aio-icon-description {
    color: #4b4f54 !important;
    line-height: 1.55;
}


/* Links in der Karte */
.member-glass-card a {
    color: #34383e !important;
    text-decoration: none;
}


/* Icon */
.member-glass-card i {
    color: #34383e !important;
    font-size: 42px !important;
}


/* SVG-Icons, falls eines verwendet wird */
.member-glass-card svg {
    fill: #34383e !important;
}


/* Etwas kompakter auf Tablets */
@media (max-width: 1024px) {
    .member-glass-card {
        min-height: 200px;
        padding: 30px 24px !important;
    }
}


/* Mobile */
@media (max-width: 767px) {
    .member-glass-card {
        min-height: auto;
        padding: 28px 20px !important;
        border-radius: 22px;
    }

    .member-glass-card i {
        font-size: 36px !important;
    }
}