/**
 * Agent Availability - Overlay vetrina (glass leggero) per card agenti non disponibili
 * Contenuto card leggibile sotto; solo il pulsante "Abilita Nuovi Agenti" è cliccabile -> unlock-agent.html
 */

/* Card con stato unavailable: contenuto sempre visibile */
.content-card.agent-card--unavailable {
    position: relative;
    box-shadow: 0 0 0 1px rgba(214, 158, 46, 0.22) inset;
}

.content-card.agent-card--plan-hidden {
    display: none !important;
}

.agent-card-icon-image {
    width: 30px;
}

.badge-min-edition {
    background: rgba(68, 114, 246, 0.14);
    color: #3754cc;
    border: 1px solid rgba(68, 114, 246, 0.28);
    font-weight: 700;
}

.badge-custom-label {
    background: rgba(18, 145, 109, 0.16);
    color: #0f795c;
    border: 1px solid rgba(18, 145, 109, 0.36);
    font-weight: 700;
}

.card-subtitle-dynamic {
    margin: -0.15rem 0 0.45rem;
    color: var(--text-secondary, #394254);
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.35;
}

.content-card.agent-card--unavailable .card-actions {
    visibility: hidden;
}

.agent-card-overlay {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 1.5rem;
    border-radius: inherit;
    pointer-events: none;
}

.agent-card-overlay--light {
    background: rgba(240, 242, 247, 0.16);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
}

.agent-card-overlay__eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: rgba(14, 18, 28, 0.7);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.agent-card-overlay__title {
    color: var(--text-primary, #172033);
    font-size: 1rem;
    line-height: 1.25;
}

.agent-card-overlay__text {
    margin: 0;
    color: var(--text-secondary, #394254);
    font-size: 0.85rem;
    line-height: 1.4;
    max-width: 34ch;
}

.agent-card-overlay__btn {
    pointer-events: auto;
    width: auto;
    max-width: none;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    text-align: left;
}

.agent-card-overlay__btn--purchase {
    background: var(--success, #178f52) !important;
    border-color: var(--success, #178f52) !important;
    color: #fff !important;
}

.agent-card-overlay__btn--offline {
    background: var(--danger, #bf2d2d) !important;
    border-color: var(--danger, #bf2d2d) !important;
    color: #fff !important;
    pointer-events: none;
    cursor: default;
}

.agent-card-action-disabled {
    pointer-events: none;
    opacity: 0.2;
    filter: grayscale(0.2);
}

/* Dark theme */
html[data-theme='dark'] .agent-card-overlay--light,
[data-theme='dark'] .agent-card-overlay--light {
    background: rgba(30, 33, 45, 0.2);
}

html[data-theme='dark'] .badge-min-edition,
[data-theme='dark'] .badge-min-edition {
    background: rgba(129, 160, 255, 0.2);
    color: rgba(221, 231, 255, 0.96);
    border-color: rgba(129, 160, 255, 0.38);
}

html[data-theme='dark'] .badge-custom-label,
[data-theme='dark'] .badge-custom-label {
    background: rgba(66, 207, 164, 0.2);
    color: rgba(204, 255, 236, 0.96);
    border-color: rgba(66, 207, 164, 0.35);
}

html[data-theme='dark'] .agent-card-overlay__eyebrow,
[data-theme='dark'] .agent-card-overlay__eyebrow {
    background: rgba(255, 255, 255, 0.12);
}

html[data-theme='dark'] .agent-card-overlay__title,
[data-theme='dark'] .agent-card-overlay__title {
    color: var(--text-primary, #f3f6fb);
}

html[data-theme='dark'] .agent-card-overlay__text,
[data-theme='dark'] .agent-card-overlay__text {
    color: var(--text-secondary, #c2cada);
}

html[data-theme='dark'] .card-subtitle-dynamic,
[data-theme='dark'] .card-subtitle-dynamic {
    color: var(--text-secondary, #c2cada);
}