/* ════════════════════════ GLOBAL — base.html ═════════════════════ */
/* Styles globaux partagés par toutes les pages vitrine */

/* Messages Django */
.messages { position: fixed; top: 1rem; right: 1rem; z-index: 9999; display: flex; flex-direction: column; gap: .5rem; max-width: 380px; }
.alert { display: flex; align-items: center; gap: .6rem; padding: .9rem 1.2rem; border-radius: .75rem;
  font-size: .88rem; font-weight: 500; box-shadow: 0 4px 16px rgba(0,0,0,.12);
  animation: slideIn .3s ease; }
@keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
.alert--success { background: #dcfce7; color: #166534; border-left: 4px solid #16a34a; }
.alert--error   { background: #fee2e2; color: #991b1b; border-left: 4px solid #dc2626; }
.alert--warning { background: #fef9c3; color: #92400e; border-left: 4px solid #f59e0b; }
.alert--info    { background: #dbeafe; color: #1e40af; border-left: 4px solid #3b82f6; }

/* Container global */
main#main-content { min-height: 60vh; }