/* Facilites d'acces — specifiques */

.contact-access-block {
    background: linear-gradient(135deg, var(--bdf-marine) 0%, var(--bdf-marine-lt) 100%);
    border-radius: 16px;
    padding: 40px;
    color: white;
    box-shadow: 0 10px 40px rgba(0, 28, 60, 0.2);
}
.contact-access-header { text-align: center; margin-bottom: 40px; }
.contact-access-icon-main {
    width: 70px; height: 70px; margin: 0 auto 20px;
    background: linear-gradient(135deg, var(--bdf-orange) 0%, var(--bdf-orange-dark) 100%);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 8px 20px rgba(255, 102, 34, 0.3);
}
.contact-access-icon-main svg { width: 35px; height: 35px; fill: white; }
.contact-access-title { font-size: var(--t-xl); margin-bottom: 12px; color: white; }
.contact-access-subtitle { font-size: var(--t-base); opacity: 0.9; line-height: 1.6; max-width: 400px; margin: 0 auto; }

.contact-access-grid { display: grid; grid-template-columns: 1fr; gap: 20px; margin-bottom: 35px; }
.contact-access-item {
    display: flex; align-items: flex-start; gap: 18px; padding: 20px;
    background: rgba(255, 255, 255, 0.08); border-radius: 12px;
    transition: all 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.1);
}
.contact-access-item:hover { background: rgba(255, 255, 255, 0.12); transform: translateX(5px); border-color: rgba(255, 102, 34, 0.3); }
.contact-access-icon {
    width: 45px; height: 45px; min-width: 45px;
    background: rgba(255, 102, 34, 0.15); border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    border: 2px solid rgba(255, 102, 34, 0.3);
}
.contact-access-icon svg { width: 24px; height: 24px; fill: var(--bdf-orange); }
.contact-access-content h4 { font-size: var(--t-md); font-weight: 600; margin-bottom: 5px; color: white; }
.contact-access-content p { font-size: var(--t-sm); opacity: 0.85; line-height: 1.6; margin: 0; }
.contact-access-highlight { color: var(--bdf-orange); font-weight: 500; }

.contact-access-footer { padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.15); }
.contact-access-highlight-box {
    display: flex; align-items: center; gap: 18px; padding: 20px;
    background: rgba(255, 102, 34, 0.12); border-radius: 12px;
    border: 2px solid rgba(255, 102, 34, 0.3);
}
.contact-access-highlight-box svg { width: 35px; height: 35px; min-width: 35px; fill: var(--bdf-orange); }
.contact-access-highlight-box strong { display: block; font-size: var(--t-md); margin-bottom: 5px; color: white; }
.contact-access-highlight-box p { font-size: var(--t-sm); opacity: 0.9; margin: 0; }

@media (max-width: 640px) {
    .contact-access-block { padding: 30px 25px; }
    .contact-access-title { font-size: var(--t-xl); }
    .contact-access-item { padding: 15px; }
    .contact-access-highlight-box { flex-direction: column; text-align: center; }
}