/* =========================================================
CLIVYO — Page accès refusé
Fichier : /assets/css/access-denied.css
========================================================= */

.access-denied-page {
width: min(100%, 920px);
margin: clamp(28px, 5vw, 70px) auto;
display: grid;
place-items: center;
}

.access-denied-card {
width: 100%;
padding: clamp(26px, 5vw, 56px);
border-radius: 38px;
background:
radial-gradient(circle at 100% 0%, rgba(3, 179, 195, .16), transparent 34%),
linear-gradient(135deg, #F6FBFF 0%, #FFFFFF 62%);
box-shadow:
0 24px 70px rgba(2, 49, 142, .10),
inset 0 0 0 1px rgba(2, 49, 142, .08);
text-align: center;
}

.access-denied-icon {
width: 68px;
height: 68px;
margin: 0 auto 18px;
border-radius: 999px;
display: grid;
place-items: center;
background: var(--primary-soft);
color: var(--clivyo-blue);
font-size: 2rem;
font-weight: 700;
box-shadow: inset 0 0 0 1px rgba(2, 49, 142, .08);
}

.access-denied-eyebrow {
display: inline-flex;
align-items: center;
width: fit-content;
margin: 0 auto 14px;
padding: 7px 12px;
border-radius: 999px;
background: var(--accent-soft);
color: var(--clivyo-blue);
font-size: 13px;
font-weight: 600;
}

.access-denied-card h1 {
max-width: 760px;
margin: 0 auto 16px;
color: var(--clivyo-blue);
font-size: clamp(2rem, 5vw, 4rem);
line-height: .96;
letter-spacing: -0.075em;
}

.access-denied-lead {
max-width: 680px;
margin: 0 auto 26px;
color: var(--muted);
font-size: clamp(1rem, 1.4vw, 1.18rem);
line-height: 1.55;
}

.access-denied-box {
max-width: 720px;
margin: 0 auto 26px;
padding: 18px 20px;
border-radius: 24px;
background: #FFFFFF;
text-align: left;
box-shadow: inset 0 0 0 1px rgba(2, 49, 142, .08);
}

.access-denied-box strong {
display: block;
margin-bottom: 6px;
color: var(--clivyo-blue);
}

.access-denied-box p {
margin: 0;
color: var(--muted);
}

.access-denied-actions {
display: flex;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
}

.access-denied-note {
margin: 18px 0 0;
color: var(--muted);
font-size: 13px;
}

@media (max-width: 720px) {
.access-denied-card {
border-radius: 28px;
padding: 26px 20px;
}


.access-denied-actions {
    display: grid;
    grid-template-columns: 1fr;
}

.access-denied-actions .btn {
    width: 100%;
}


}