/* Page-specific styles for auth/login.blade.php */

.password-toggle {
    cursor: pointer;
}

.password-toggle i {
    transition: all 0.3s ease;
}

/* Focused state for input groups */
.input-group.focused {
    box-shadow: red rgba(85, 110, 230, 0.25);
    border-radius: 0.25rem;
}

/* Global button typography – Influence Outdoor Hospitality */
button,
input#submit,
input[type=button],
input[type=submit],
.btn {
    font-family: 'Wix Madefor Display', sans-serif;
    font-size: 16px;
    font-size: 0.94117647058824rem;
    font-weight: 700;
    text-transform: capitalize;
}

/* Hover, focus, ACTIVE (click) */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #6aa632 !important;
    border-color: #6aa632 !important;
    color: #ffffff !important;
}

/* Remove Bootstrap click shadow */
.btn-primary:focus,
.btn-primary:active {
    box-shadow: none !important;
    outline: none !important;
}
.btn-primary {
    background-color: #7fb740;
    border-color: #7fb740;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.3px;
}

/* Gradient overlay using ::before */
.text-primary.p-4::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(180deg, #353b64 15%, var(--e-global-color-astglobalcolor1) 100%);
    opacity: 0.72;     /* semi-transparent like Elementor */
    z-index: -1;       /* behind text */
    border-radius: 0.25rem; /* optional, matches div corners if needed */
}
/* ===============================
   LOGIN HEADER COLOR FIX ONLY
   (NO STRUCTURE CHANGE)
================================ */

.bg-primary-subtle {
    background: linear-gradient(
        180deg,
        #4b4f73 0%,   /* blue */
        #6f8f6b 55%,  /* blend */
        #8bbf4f 100%  /* green */
    ) !important;
    border-radius: 12px 12px 0 0;
}

/* Text color fix */
.bg-primary-subtle h5,
.bg-primary-subtle p {
    color: #ffffff !important;
}

/* Optional: soften image edge */
.bg-primary-subtle img {
    max-height: 120px;
}
/* Elementor-like font */
body,
h1, h2, h3, h4, h5, h6,
label,
input,
button {
    font-family: 'Wix Madefor Display', sans-serif;
}
.bg-primary-subtle h5 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.3px;
    margin-bottom: 6px;
}

.bg-primary-subtle p {
    font-size: 15px;
    font-weight: 400;
    opacity: 0.9;
}
.form-label {
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 6px;
}
.btn-primary {
    background-color: #7fb740;
    border-color: #7fb740;
    height: 46px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 6px;
    letter-spacing: 0.2px;
}

.btn-primary:hover {
    background-color: #6aa632;
    border-color: #6aa632;
}
.card-body p {
    font-size: 14px;
    color: #6b7280;
}

.card-body a {
    color: #7fb740;
    font-weight: 600;
    text-decoration: none;
}

.card-body a:hover {
    text-decoration: underline;
}
/* Increase login banner image size ONLY */
.bg-primary-subtle .col-5 img {
    max-height: 160px;   /* increase height */
    width: auto;
}

/* Optional: push image slightly down for better balance */
.bg-primary-subtle .col-5 {
    padding-bottom: 8px;
}