/********************************************
 * HELP SCOUT DOCS – CUSTOM BRANDING (CLASSTA)
 ********************************************/

/* ------------------------------------------
   SEARCH BUTTON STYLING
------------------------------------------- */

button[type="submit"][aria-label="Search"] {
    background-color: #a13ac9 !important;
    border-color: #a13ac9 !important;
    color: #fff !important;
  }
  
  button[type="submit"][aria-label="Search"] i {
    color: #fff !important;
  }
  
  /* Hover state */
  button[type="submit"][aria-label="Search"]:hover {
    background-color: #8c2fb0 !important; /* slightly darker purple */
    border-color: #8c2fb0 !important;
    color: #fff !important;
  }
  
  
  /* ------------------------------------------
     TOP NAVIGATION STYLING
  ------------------------------------------- */
  
  /* Increase overall nav font size */
  .nav {
    font-size: 1.2em !important;
  }
  
  /* Style individual nav links */
  .nav a {
    font-size: 1.25em !important; /* readable */
    font-weight: 500;             /* medium weight for clarity */
    color: inherit;               /* preserve existing colour */
    text-decoration: none;
  }
  
  /* Improve click target size */
  .nav li a {
    padding: 10px 12px !important;
  }
  
  /* Add spacing between nav items */
  .nav li {
    margin-right: 8px;
  }
  
  /* Optional: hover style for clarity */
  .nav a:hover {
    opacity: 0.8;
  }
  
  
  /* ------------------------------------------
     OPTIONAL EXTRAS (disable if not wanted)
  ------------------------------------------- */
  
  /* Slightly increase line-height for cleaner layout */
  .nav li a {
    line-height: 1.4 !important;
  }