/* Enterprise1, Front Office: an Enterprise public site template (APP-477; Templates/enterprise/Enterprise1.master), scoped to
   html[data-template="Enterprise1"]. Light only, as the public sites are. The tenant's accent colour (--app-accent,
   nav_topbar1_*) is the Login button and the marks, its menu colour (--app-menu, nav_topbar2_*) the band under the header;
   Core_AppMaster.AccentColorsHtml writes them after this file. Type: Public Sans. */

:root { --app-accent: #212529; --app-accent-fg: #ffffff; --app-menu: #495057; --app-menu-fg: #ffffff; }

html[data-template="Enterprise1"] {
    --e1-ink: #1b2129; --e1-muted: #5a6573; --e1-line: #e1e5ea; --e1-soft: #f4f6f8; --e1-deep: #141a21; --e1-deep-ink: #c7cfd9;
    --bs-body-font-family: "Public Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
    --bs-body-color: var(--e1-ink);
}
html[data-template="Enterprise1"] body {
    font-family: var(--bs-body-font-family); color: var(--e1-ink); background: #ffffff; min-height: 100vh; display: flex; flex-direction: column;
    /* Bootstrap's link blue is 4.3:1 on a near-white page; a darker blue is 5.2:1 (UX-159), as default.css had it */
    --bs-link-color: #0b5ed7; --bs-link-color-rgb: 11, 94, 215; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202;
}
/* The content area takes the focus from the skip link; it is not a control, so it gets no ring */
html[data-template="Enterprise1"] #main:focus { outline: 0; }
html[data-template="Enterprise1"] .e1-main { flex: 1 0 auto; padding-bottom: 40px; }

/* ---------- the header ---------- */
html[data-template="Enterprise1"] .e1-util { background: var(--e1-soft); border-bottom: 1px solid var(--e1-line); font-size: .82rem; color: var(--e1-muted); }
html[data-template="Enterprise1"] .e1-util .container { display: flex; gap: 22px; min-height: 32px; align-items: center; flex-wrap: wrap; }
html[data-template="Enterprise1"] .e1-util .container:empty { min-height: 6px; }
html[data-template="Enterprise1"] .e1-util a { color: var(--e1-ink); text-decoration: none; font-weight: 600; }
html[data-template="Enterprise1"] .e1-util a:hover { text-decoration: underline; }
html[data-template="Enterprise1"] .e1-nav { background: #ffffff; padding: 0; }
html[data-template="Enterprise1"] .e1-nav > .container { min-height: 78px; }
html[data-template="Enterprise1"] .e1-brand img { display: block; height: 52px; width: auto; max-width: 280px; object-fit: contain; }
html[data-template="Enterprise1"] .e1-brand .logo-light { display: none; }
html[data-template="Enterprise1"] .e1-nav .nav-link { color: var(--e1-ink); font-weight: 600; font-size: .95rem; padding: 8px 12px; white-space: nowrap; }
html[data-template="Enterprise1"] .e1-nav .nav-link:hover { color: var(--app-accent); }
html[data-template="Enterprise1"] .e1-nav .nav-link.active { color: var(--app-accent); box-shadow: inset 0 -2px 0 var(--app-accent); }
html[data-template="Enterprise1"] .e1-nav .nav-link.e1-cta { background: var(--app-accent); color: var(--app-accent-fg); border-radius: 6px; padding: 9px 18px; }
html[data-template="Enterprise1"] .e1-nav .nav-link.e1-cta:hover { filter: brightness(1.12); color: var(--app-accent-fg); }
html[data-template="Enterprise1"] .e1-nav .nav-link:focus-visible { outline: 2px solid var(--app-accent); outline-offset: 2px; }
html[data-template="Enterprise1"] .e1-nav .navbar-toggler { border: 1px solid var(--e1-line); color: var(--e1-ink); font-size: 1.5rem; padding: 2px 10px; }
html[data-template="Enterprise1"] .e1-band { height: 8px; background: var(--app-menu); }

/* ---------- the page: headings in the template's face, cards and tables on its lines ---------- */
html[data-template="Enterprise1"] .e1-main h1, html[data-template="Enterprise1"] .e1-main .h1,
html[data-template="Enterprise1"] .e1-main h2, html[data-template="Enterprise1"] .e1-main .h2 { font-weight: 800; letter-spacing: -.01em; }
html[data-template="Enterprise1"] .e1-main h3, html[data-template="Enterprise1"] .e1-main h4, html[data-template="Enterprise1"] .e1-main h5 { font-weight: 700; }
html[data-template="Enterprise1"] .e1-main .card { border-color: var(--e1-line); border-radius: 8px; }
html[data-template="Enterprise1"] .e1-main .btn-primary { --bs-btn-bg: var(--app-accent); --bs-btn-border-color: var(--app-accent); --bs-btn-color: var(--app-accent-fg);
    --bs-btn-hover-bg: var(--app-accent); --bs-btn-hover-border-color: var(--app-accent); --bs-btn-hover-color: var(--app-accent-fg);
    --bs-btn-active-bg: var(--app-accent); --bs-btn-active-border-color: var(--app-accent); --bs-btn-active-color: var(--app-accent-fg); }
html[data-template="Enterprise1"] .e1-main .btn-primary:hover { filter: brightness(1.12); }
html[data-template="Enterprise1"] .e1-main .list-group-item.active { background: var(--app-accent); border-color: var(--app-accent); color: var(--app-accent-fg); }

/* ---------- the footer ---------- */
html[data-template="Enterprise1"] .e1-foot { background: var(--e1-deep); color: var(--e1-deep-ink); padding: 34px 0 20px; font-size: .9rem; margin-top: auto; }
html[data-template="Enterprise1"] .e1-foot-cols { display: grid; grid-template-columns: 2fr 1fr; gap: 28px; }
html[data-template="Enterprise1"] .e1-foot b { color: #ffffff; display: block; margin-bottom: 6px; }
html[data-template="Enterprise1"] .e1-foot a { color: #ffffff; text-decoration: none; }
html[data-template="Enterprise1"] .e1-foot a:hover { text-decoration: underline; }
html[data-template="Enterprise1"] .e1-legal { border-top: 1px solid rgba(255, 255, 255, .12); margin-top: 22px; padding-top: 14px; font-size: .82rem; }

@media (max-width: 991.98px) {
    html[data-template="Enterprise1"] .e1-nav > .container { min-height: 64px; }
    html[data-template="Enterprise1"] .e1-brand img { height: 42px; max-width: 220px; }
    html[data-template="Enterprise1"] .e1-nav .navbar-collapse { padding: 6px 0 14px; }
    html[data-template="Enterprise1"] .e1-nav .nav-link.e1-cta { display: inline-block; margin-top: 6px; }
}
@media (max-width: 575.98px) {
    html[data-template="Enterprise1"] .e1-foot-cols { grid-template-columns: 1fr; }
}