/* ----------------------------------------------- inlight*/
/* 1. Change top navigation background to white */
.static-top.navbar-dark {
    background-color: #ffffff !important;
}

/* Optional: Update navbar text/icons for readability */
.static-top.navbar-dark .navbar-nav .nav-link,
.static-top.navbar-dark .navbar-brand,
.static-top.navbar-dark .navbar-toggler {
    color: #022732 !important;
}


/* 2. Change footer bottom background and text colour */
footer .footer-bottom {
    background-color: #022732 !important;
    color: #ffffff !important;
}

/* Ensure all text and links in the footer bottom are white */
footer .footer-bottom,
footer .footer-bottom h1,
footer .footer-bottom h2,
footer .footer-bottom h3,
footer .footer-bottom h4,
footer .footer-bottom h5,
footer .footer-bottom h6,
footer .footer-bottom p,
footer .footer-bottom span,
footer .footer-bottom a,
footer .footer-bottom small,
footer .footer-bottom li {
    color: #ffffff !important;
}

/* Keep links white on hover/focus */
footer .footer-bottom a:hover,
footer .footer-bottom a:focus {
    color: #ffffff !important;
}


/* Inlight secondary outline button start*/
.btn-outline-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 40px !important;
    background-color: #ffffff !important;
    color: #1f1f1f !important;
    border: 2px solid #d14600 !important;
    border-radius: 9999px !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: none !important;
}

/* Hover (devices that support hover) */
@media (hover: hover) {
    .btn-outline-brand:hover {
        background-color: #ffffff !important;
        color: #1f1f1f !important;
        border-color: #d14600 !important;
        box-shadow: 0 0 0 2px rgb(209, 70, 0) !important;
    }
}

/* Focus */
.btn-outline-brand:focus,
.btn-outline-brand:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(209, 70, 0, 0.25) !important;
}

/* Active */
.btn-outline-brand:active {
    transform: translateY(1px);
}
/* Inlight secondary outline button end*/

/* Inlight primary button start*/
.btn-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px !important;
    background-color: #d14600 !important;
    color: #ffffff !important;
    border: 2px solid #d14600 !important;
    border-radius: 9999px !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: none !important;
    width: fit-content;
}

/* Hover */
@media (hover: hover) {
    .btn-brand:hover {
        background-color: #d14600 !important;
        border-color: #d14600 !important;
        color: #ffffff !important;

        /* 1.5px orange ring */
        box-shadow: 0 0 0 1.5px rgba(209, 70, 0, 0.35) !important;
    }
}

/* Focus */
.btn-brand:focus,
.btn-brand:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 1.5px rgba(209, 70, 0, 0.35) !important;
}

/* Active */
.btn-brand:active {
    transform: translateY(1px);
}

.btn-brand:disabled,
.btn-brand.disabled {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
    color: #fff;
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}






.btn-brand-previous {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px !important;
    background-color: #CCCCCC !important;
    color: #ffffff !important;
    border: 2px solid #CCCCCC !important;
    border-radius: 9999px !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: none !important;
    width: fit-content;
}

/* Hover */
@media (hover: hover) {
    .btn-brand-previous:hover {
        background-color: #CCCCCC !important;
        border-color: #CCCCCC !important;
        color: #ffffff !important;

        /* 1.5px orange ring */
        box-shadow: 0 0 0 1.5px rgb(204 204 204) !important;
    }
}

/* Focus */
.btn-brand-previous:focus,
.btn-brand-previous:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 1.5px rgba(223, 150, 114, 0.35) !important;
}

/* Active */
.btn-brand-previous:active {
    transform: translateY(1px);
}

.btn-brand-previous:disabled,
.btn-brand-previous.disabled {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
    color: #fff;
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Inlight primary button end*/


/* Inlight quick exit button start */
.btn-outline-dark-inlight {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px 28px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
    border-radius: 9999px !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: none !important;
}

/* Hover */
@media (hover: hover) {
    .btn-outline-dark-inlight:hover {
        background-color: #ffffff !important;
        color: #000000 !important;
        border-color: #000000 !important;
        box-shadow: 0 0 0 2px rgb(0, 0, 0) !important;
    }
}

/* Focus */
.btn-outline-dark-inlight:focus,
.btn-outline-dark-inlight:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.15) !important;
}

/* Active */
.btn-outline-dark-inlight:active {
    transform: translateY(1px);
}
/* Inlight quick exit button end */


/* Inlight secondary outline button 2 start*/
.btn-outline-brand2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 40px !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 2px solid #d14600 !important;
    border-radius: 9999px !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: none !important;
    width: fit-content;
}

/* Hover (devices that support hover) */
@media (hover: hover) {
    .btn-outline-brand2:hover {
        background-color: #ffffff !important;
        color: #1f1f1f !important;
        border-color: #d14600 !important;
        box-shadow: 0 0 0 2px rgb(209, 70, 0) !important;
    }
}

/* Focus */
.btn-outline-brand2:focus,
.btn-outline-brand2:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(209, 70, 0, 0.25) !important;
}

/* Active */
.btn-outline-brand2:active {
    transform: translateY(1px);
}
/* Inlight secondary outline button 2 end*/

.special-message{background-color: #022732 !important;}