/* ============================================================
   BlueHorn Supply — Authentication CSS
   Shared across all authentication templates
   ============================================================ */

/* Background image — replace with your chosen image (path relative to this CSS file) */
body {
    background-image: url(../img/hero1.jpeg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* Dark overlay above the background */
body::before {
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 0;
}

/* Lift all page content above the overlay */
body>* {
    position: relative;
    z-index: 1;
}

/* Left panel of the split card — image fills the column */
.auth-left-panel {
    position: relative;
    overflow: hidden;
    min-height: 280px; /* keeps the panel visible on small screens before md breakpoint */
    background: #c4c4c4; /* fallback while image loads */
}

.auth-panel-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Button overrides */
.btn-primary {
    background: #2674DE;
    border-color: #2674DE;
}

.btn-primary:hover {
    background: #1a5dbf;
    border-color: #1a5dbf;
}