/* Panneau de revendication de la fiche publique (front/claim/panel/_offcanvas.html.twig) — charte §5. */

.mbb-claim-panel {
    --bs-offcanvas-width: 440px;
    --bs-offcanvas-bg: var(--mbb-crumb);
    --bs-offcanvas-color: var(--mbb-ink);
    font-family: var(--mbb-font-body);
}

/* Mobile : plein écran. */
@media (max-width: 575.98px) {
    .mbb-claim-panel {
        --bs-offcanvas-width: 100vw;
    }
}

.mbb-claim-panel__header {
    align-items: flex-start;
    border-bottom: 1px solid var(--mbb-border);
    background: #fff;
}

.mbb-claim-panel__header .offcanvas-title {
    font-family: var(--mbb-font-display);
    color: var(--mbb-ink);
}

.mbb-claim-panel__city {
    color: var(--mbb-ink-2);
    font-size: .95rem;
}

.mbb-claim-panel__pitch {
    font-weight: 500;
    color: var(--mbb-crust-dark);
    background: var(--mbb-crust-light);
    border-radius: var(--mbb-radius-field);
    padding: .75rem 1rem;
    margin-bottom: 1.5rem;
}

.mbb-claim-panel .form-control,
.mbb-claim-panel .input-group .btn {
    border-color: var(--mbb-border);
    background-color: #fff;
}

.mbb-claim-panel .form-control[readonly] {
    background-color: var(--mbb-crust-light);
    color: var(--mbb-ink);
}

.mbb-claim-panel__eye {
    color: var(--mbb-ink-2);
    border: 1px solid var(--mbb-border);
}

.mbb-claim-panel__eye:hover,
.mbb-claim-panel__eye:focus-visible {
    color: var(--mbb-crust);
}

.mbb-claim-panel__done {
    text-align: center;
    padding-top: 1rem;
}

.mbb-claim-panel__done-icon {
    display: block;
    font-size: 2.5rem;
    color: var(--mbb-sage);
    margin-bottom: .75rem;
}

.mbb-claim-panel .mbb-altcha {
    margin-bottom: 0;
}