﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/* Link styling override
-------------------------------------------------- */
/* Provide sufficient contrast against white background */
/* Uses GitHub blue color for better visibility and accessibility */
a {
  color: #0366d6;
}

/* Sticky footer layout system
-------------------------------------------------- */
/* Base font size and full height setup for sticky footer */
html {
  font-size: 14px;          /* Default font size for mobile/small screens */
  position: relative;       /* Required for absolute positioned footer */
  min-height: 100%;         /* Ensures page takes full viewport height */
}

/* Responsive font sizing for larger screens */
@media (min-width: 768px) {
  html {
    font-size: 16px;        /* Larger font size for desktop screens */
  }
}

/* Main content area styling */
body {
  /* Margin bottom by footer height */
  /* Creates space at bottom so footer doesn't overlap content */
  margin-bottom: 60px;      /* Must match footer height */
}

/* Footer positioning and styling */
.footer {
  position: absolute;       /* Positions footer at bottom of page */
  bottom: 0;               /* Sticks to very bottom */
  width: 100%;             /* Full width across page */
  white-space: nowrap;     /* Prevents footer text from wrapping */
  line-height: 60px;       /* Vertically centers text in 60px footer */
}

/* Accessibility focus styling for menu buttons
-------------------------------------------------- */
/* Custom focus styles that meet GOV.UK accessibility standards */
.menubutton:focus {
    outline: 3px solid rgba(0,0,0,0);    /* Removes default browser outline */
    background-color: #fd0;              /* Yellow background (GOV.UK standard) */
    box-shadow: 0 -2px #fd0,0 4px #0b0c0c; /* Yellow top shadow, black bottom shadow */
    text-decoration: none;               /* Removes underline */
    border-color: #fd0;                  /* Yellow border to match background */
}

/* GOV.UK component customization
-------------------------------------------------- */
/* Hide the mobile menu button from GOV.UK header component */
/* This removes the hamburger menu button that would normally appear on mobile */
.govuk-header__menu-button {
    display: none !important;           /* Force hide with !important override */
}

/* Align service name and navigation directly to the right of GOV.UK logo */
.govuk-header__content {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.govuk-header__service-name {
    margin-left: -125px !important;
    padding-left: 0 !important;
}

.govuk-header__navigation {
    margin-left: -125px !important;
    padding-left: 0 !important;
}