/* Logo sizing */
.navbar-brand img {
    width: auto; /* Allow width to scale proportionally */
    height: 5rem; /* Reduce height to prevent overlap with menubar. 3.5 is safe */
    max-height: 5rem !important;
}

html {
    --pst-header-height: 5rem;
}

/* Increase navbar height and adjust padding */
.navbar-container {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* Ensure logo doesn't overlap with navigation items */
.navbar-nav {
    margin-left: 1rem; /* Add some space between logo and menu items */
}

.subtitle {
    font-size: 1.25em;
    color: gray;
    font-weight: 400;
    margin-bottom: 1em;
}

/* custom.css */

/* Define custom CSS variables */
:root {
    --pst-color-primary: #00AEEF;       /* Primary sky blue */
    --pst-color-secondary: #0077B6;     /* Secondary deeper blue */
    --pst-color-link: #219EBC;          /* Link color */
    --pst-color-text-base: #023047;     /* Base text color */
    --pst-color-background: #F4FAFD;    /* Background color */
    --pst-color-surface: #90E0EF;       /* Accent/Surface color */
    --pst-color-on-primary: #FFFFFF;    /* Contrast text for primary areas */
  }
  
  /* Example: Customize header and sidebar */
  .bd-header {
    background-color: var(--pst-color-primary);
  }
  
  .bd-sidebar {
    background-color: var(--pst-color-surface);
  }

  /* Beta tag for the GUI tutorial nav entry. Targets both the navbar
     dropdown link and the in-page sidebar link by href suffix so the
     badge follows the page wherever it appears. Sphinx emits relative
     hrefs (`tutorials/gui/index.html`, `../tutorials/gui/index.html`,
     etc.), so the suffix has no leading slash. */
  .bd-navbar a[href$="tutorials/gui/index.html"]::after,
  .bd-sidebar a[href$="tutorials/gui/index.html"]::after {
      content: "beta";
      margin-left: 0.45em;
      padding: 0.05em 0.45em;
      background: var(--pst-color-warning, #f0ad4e);
      color: white;
      font-size: 0.7em;
      font-weight: 700;
      border-radius: 0.3em;
      vertical-align: middle;
      text-transform: uppercase;
      letter-spacing: 0.04em;
  }