/* ---------------------------------------------------------------
   Custom styles added on top of the theme (safe to edit).
   --------------------------------------------------------------- */

/* Status badge on history / favorite cards for videos still generating or failed */
.gallary-showcase-card__thumb {
    position: relative;
}
.ads-state-badge {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    color: hsl(var(--white));
    background: hsl(var(--base));
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
    z-index: 2;
}
.ads-state-badge--failed {
    background: #d9534f;
}

/* Full-size panel on the ad detail page and inside the generate popup */
.ads-state-panel {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 32px;
    border-radius: 12px;
    background: hsl(var(--base) / 0.06);
}
.ads-state-panel--failed {
    background: rgba(217, 83, 79, 0.08);
}
.ads-state-panel__icon {
    font-size: 40px;
    color: hsl(var(--base));
    margin-bottom: 16px;
}
.ads-state-panel--failed .ads-state-panel__icon {
    color: #d9534f;
}
.ads-state-panel__title {
    margin-bottom: 8px;
}
.ads-state-panel__text {
    max-width: 420px;
    margin: 0 auto;
}