/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    margin-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .body-content {
        padding: 0;
    }
}

/* ---------- Pages Account (connexion, inscription, mon compte) ---------- */
.auth-wrap { max-width: 440px; margin: 2.5rem auto 3rem; padding: 0 1rem; }
.auth-wrap.auth-wide { max-width: 640px; }
.auth-brand { text-align: center; margin-bottom: 1.5rem; }
.auth-logo { height: 64px; width: auto; max-width: 220px; object-fit: contain; margin-bottom: .75rem; }
.auth-brand h1 { font-size: 1.6rem; font-weight: 700; margin: 0 0 .25rem; color: #1f2a44; }
.auth-brand p { color: #6b7690; margin: 0; }
.auth-card { border: 1px solid #e5e9f2; border-radius: 12px; box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 4px 14px rgba(16,24,40,.06); }
.auth-card .card-body { padding: 1.5rem; }
.auth-card .form-label { font-weight: 600; font-size: .85rem; color: #6b7690; }
.auth-card .form-control { border-radius: 8px; padding: .55rem .75rem; max-width: none; }
.auth-card .btn-primary { background: #2563eb; border-color: #2563eb; border-radius: 8px; font-weight: 500; padding: .55rem 1rem; }
.auth-list { display: grid; grid-template-columns: 9rem 1fr; gap: .9rem 1rem; align-items: center; }
.auth-list dt { color: #6b7690; font-weight: 600; font-size: .85rem; margin: 0; }
.auth-list dd { margin: 0; }

.auth-card .form-check input[type="checkbox"] { margin-right: .45rem; }