﻿/* AAA-friendly warning alert */
.alert-warning {
    background-color: #5a3b00; /* dark amber/brown */
    border-color: #452e00;
    color: #ffffff;
}

    /* Links in warning alert */
    .alert-warning a,
    .alert-warning a:visited {
        color: #ffffff;
        text-decoration: underline;
    }

        /* Hover/focus should not reduce contrast */
        .alert-warning a:hover,
        .alert-warning a:focus {
            color: #ffffff;
            text-decoration: underline;
        }

.alert-primary {
    background-color: #275c8b;
    border-color: #1f4b70;
    color: #fff;
}

    .alert-primary a {
        color: #fff;
        text-decoration: underline;
    }

/* AAA-friendly warning alert */
.alert-warning {
    background-color: #5a3b00; /* dark amber/brown */
    border-color: #452e00;
    color: #ffffff;
}

    /* Links in warning alert */
    .alert-warning a,
    .alert-warning a:visited {
        color: #ffffff;
        text-decoration: underline;
    }

        /* Hover/focus should not reduce contrast */
        .alert-warning a:hover,
        .alert-warning a:focus {
            color: #ffffff;
            text-decoration: underline;
        }

/* AA-friendly navbar link contrast (Bootstrap 3 - navbar-default) */
.navbar-default {
    background-color: #f8f8f8; /* keep light */
    border-color: #e7e7e7;
}

    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav > li > a:visited {
        color: #1a1a1a; /* very dark */
    }

        /* Hover/focus should NOT reduce contrast */
        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #1a1a1a;
            text-decoration: underline;
            background-color: transparent;
        }

    /* Active link state */
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #1a1a1a;
        background-color: #e6e6e6; /* slightly darker, still AA */
    }

/* AAA-compliant primary button */
.btn.btn-primary,
input.btn.btn-primary,
a.btn.btn-primary {
    background-color: #1f4b70; /* very dark blue */
    border-color: #183b57;
    color: #ffffff;
    font-weight: 600;
}

    /* Hover / Focus / Active must NOT reduce contrast */
    .btn.btn-primary:hover,
    .btn.btn-primary:focus,
    .btn.btn-primary:active,
    .btn.btn-primary.active {
        background-color: #183b57;
        border-color: #10283d;
        color: #ffffff;
    }

    /* Keyboard focus visibility (AAA bonus) */
    .btn.btn-primary:focus {
        outline: 3px solid #ffffff;
        outline-offset: 2px;
    }

/* AA-compliant WARNING button (yellow bg needs dark text) */
.btn.btn-warning,
input.btn.btn-warning,
a.btn.btn-warning {
    background-color: #f0ad4e; /* keep bootstrap-ish */
    border-color: #eea236;
    color: #1a1a1a; /* dark text for contrast */
    font-weight: 600;
}

    .btn.btn-warning:hover,
    .btn.btn-warning:focus,
    .btn.btn-warning:active,
    .btn.btn-warning.active {
        background-color: #ec971f; /* slightly darker on hover */
        border-color: #d58512;
        color: #1a1a1a;
    }

/* AA-compliant SUCCESS button (green bg often needs darkening OR dark text) */
.btn.btn-success,
input.btn.btn-success,
a.btn.btn-success {
    background-color: #2f6f3a; /* darker green than default */
    border-color: #285f31;
    color: #ffffff; /* white text now passes */
    font-weight: 600;
}

    .btn.btn-success:hover,
    .btn.btn-success:focus,
    .btn.btn-success:active,
    .btn.btn-success.active {
        background-color: #285f31;
        border-color: #1f4a26;
        color: #ffffff;
    }

/* Optional: consistent focus ring (helps 2.4.7 too) */
.btn:focus {
    outline: 3px solid #ffffff;
    outline-offset: 2px;
}

/* WCAG 2.2 AA – touch target sizing */
#site-slogan a.DecAnchor1 {
    display: inline-block; /* allows padding */
    min-height: 24px;
    line-height: 24px; /* ensures text sits correctly */
    padding: 6px 8px; /* increases hit area */
}
/* AAA-compliant success alert */
.alert-success {
    background-color: #0f5132; /* deep green */
    border-color: #0b3d26;
    color: #ffffff; /* white text for high contrast */
}

    /* Links inside success alert */
    .alert-success a,
    .alert-success a:visited {
        color: #ffffff;
        text-decoration: underline;
    }

        .alert-success a:hover,
        .alert-success a:focus {
            color: #ffffff;
            text-decoration: underline;
        }

    /* Close button (if dismissible) */
    .alert-success .close,
    .alert-success .close:hover,
    .alert-success .close:focus {
        color: #ffffff;
        opacity: 1;
        text-shadow: none;
    }
/* AAA-compliant SUCCESS button */
.btn.btn-success,
input.btn.btn-success,
a.btn.btn-success {
    background-color: #0b3d2e; /* very dark green */
    border-color: #072b21;
    color: #ffffff; /* white text */
    font-weight: 600;
}

    /* Hover / focus / active must NOT reduce contrast */
    .btn.btn-success:hover,
    .btn.btn-success:focus,
    .btn.btn-success:active,
    .btn.btn-success.active {
        background-color: #072b21;
        border-color: #041d16;
        color: #ffffff;
    }

    /* Visible keyboard focus (AAA-friendly) */
    .btn.btn-success:focus {
        outline: 3px solid #ffffff;
        outline-offset: 2px;
    }

/* AA-compliant GridView / Bootstrap table headers */
.GridItem thead th {
    background-color: #e0e0e0; /* darker than bootstrap default */
    color: #000000; /* full black text */
    font-weight: 600;
}

    .GridItem thead th,
    .GridItem thead th a,
    .GridItem thead th a:visited {
        background-color: #e0e0e0;
        color: #000000;
        text-decoration: none;
    }

        /* Hover / focus must NOT reduce contrast */
        .GridItem thead th a:hover,
        .GridItem thead th a:focus {
            color: #000000;
            text-decoration: underline;
        }

/* Force GridView header contrast (Bootstrap tables + sorting links) */
table.GridItem tr th,
table.GridItem tr th a,
table.GridItem tr th a:visited {
    background-color: #1f4b70 !important; /* dark blue */
    color: #ffffff !important; /* white */
    font-weight: 700 !important;
    text-decoration: none !important;
}

    table.GridItem tr th a:hover,
    table.GridItem tr th a:focus {
        color: #ffffff !important;
        text-decoration: underline !important;
    }

/* Push page content below the fixed header */
body {
    padding-top: 85px; /* adjust up/down until it looks right */
}

/* If you only want spacing on large screens (since you have a separate mobile header) */
@media (max-width: 767px) {
    body {
        padding-top: 70px;
    }
}

/* AAA-compliant link contrast for contact info */
.contact-info a,
.contact-info a:visited {
    color: #0b3d2e; /* very dark green (AAA on white) */
    text-decoration: underline;
    font-weight: 600;
}

    /* Hover/focus must NOT reduce contrast */
    .contact-info a:hover,
    .contact-info a:focus {
        color: #072b21;
        text-decoration: underline;
    }

/* Target the rendered ASP.NET Label span: ctl00_body_lblTitle */
span[id$="lblTitle"].alert.alert-info {
    background-color: #1f4b70 !important;
    border-color: #183b57 !important;
    color: #ffffff !important;
    display: block; /* ensures background fills full line */
    padding: 15px !important; /* Bootstrap alert padding */
}

    /* Links inside lblTitle */
    span[id$="lblTitle"].alert.alert-info a,
    span[id$="lblTitle"].alert.alert-info a:visited {
        color: #ffffff !important;
        text-decoration: underline !important;
        font-weight: 600;
    }

        span[id$="lblTitle"].alert.alert-info a:hover,
        span[id$="lblTitle"].alert.alert-info a:focus {
            color: #ffffff !important;
            text-decoration: underline !important;
        }

/* AAA-compliant success alert */
.alert-success {
    background-color: #0f5132 !important; /* deep green */
    border-color: #0b3d26 !important;
    color: #ffffff !important;
}

    /* Any links inside */
    .alert-success a,
    .alert-success a:visited {
        color: #ffffff !important;
        text-decoration: underline !important;
    }

        .alert-success a:hover,
        .alert-success a:focus {
            color: #ffffff !important;
            text-decoration: underline !important;
        }


/* ONLY the lblTitle success banner */
span[id$="lblTitle"].alert.alert-success {
    background-color: #0f5132 !important;
    border-color: #0b3d26 !important;
    color: #ffffff !important;
}

/* AAA-compliant link color on light backgrounds */
.aaa-link,
.aaa-link:visited {
    color: #0b3d2e; /* very dark green (AAA on white) */
    text-decoration: underline; /* keep it obviously a link */
    font-weight: 600;
}

    .aaa-link:hover,
    .aaa-link:focus {
        color: #072b21;
        text-decoration: underline;
    }
/* AAA-compliant mailto/link contrast inside contact labels */
.contact-info a,
.contact-info a:visited {
    color: #0b3d2e; /* very dark green — AAA on white */
    text-decoration: underline;
    font-weight: 600;
}

    .contact-info a:hover,
    .contact-info a:focus {
        color: #072b21;
        text-decoration: underline;
    }

/* AA / AAA-compliant GridView caption */
table.GridItem caption {
    caption-side: top; /* ensure it stays above the table */
    color: #000000; /* full black text */
    font-weight: 700;
    padding: 8px 0;
    text-align: center;
}

/* AAA link styling for the Bottle Bill hyperlink */
a[id$="hlBottleBill"],
a[id$="hlBottleBill"]:visited,
a[id$="hlBottleBill"]:hover,
a[id$="hlBottleBill"]:focus,
a[id$="hlBottleBill"]:active {
    color: #0b3d2e !important; /* AAA on light backgrounds */
    text-decoration: underline !important;
    font-weight: 600;
}

/* AAA-safe mailto/link contrast inside lblContact */
span[id$="lblContact"] a,
span[id$="lblContact"] a:visited,
span[id$="lblContact"] a:hover,
span[id$="lblContact"] a:focus,
span[id$="lblContact"] a:active {
    color: #0b3d2e !important; /* very dark green (AAA on light bg) */
    text-decoration: underline !important;
    font-weight: 600;
}
