/**
 * Fichier  : /ott/logout/assets/css/card.css
 * Fonction : style de la carte logout
 */


/* ==================================================
   CARD
================================================== */

#logout .logout .card {
    position: relative;
    overflow: hidden;
}

#logout .logout .card {
    padding: clamp(22px, 3vw, 34px);
}

#logout .logout .card {
    display: flex;
    align-items: center;
    gap: 20px;
}

#logout .logout .card {
    background: var(--glass-background-soft);

    border: var(--glass-border);
    border-radius: var(--card-radius);

    backdrop-filter: var(--glass-blur);
}

#logout .logout .card {
    box-shadow: var(--shadow-card);
}


/* ==================================================
   ICON
================================================== */

#logout .logout .icon {
    flex: 0 0 auto;
}

#logout .logout .icon {
    width: 58px;
    height: 58px;
}

#logout .logout .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

#logout .logout .icon {
    background: var(--gradient-primary);

    border-radius: var(--radius-pill);
}

#logout .logout .icon {
    box-shadow:
        0 8px 24px rgba(233,64,27,.35),
        0 0 18px rgba(255,123,0,.18);
}


/* ==================================================
   SVG
================================================== */

#logout .logout .icon svg {
    width: 26px;
    height: 26px;

    color: var(--color-white);

    stroke-width: 1.8;

    transform: translateX(1px);
}


/* ==================================================
   CONTENT
================================================== */

#logout .logout .card .content {
    min-width: 0;
}

#logout .logout .card h2 {
    margin: 0;
}

#logout .logout .card h2 {
    font-family: 'bold-font';
    font-size: clamp(18px, 1.5vw, 24px);
    font-weight: 700;
    color: var(--color-white);
}

#logout .logout .card p {
    margin: 8px 0 0 0;
}

#logout .logout .card p {
    font-family: 'content-font';
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255,255,255,.66);
}