/* Force navbar to blue */
.navbar {
  background-color: #0066cc !important;
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-nav .nav-link {
  color: #ffffff !important;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: #e0e0e0 !important;
}

/* Navbar brand logo: small, never stretched */
.navbar-brand img,
.navbar .logo img { 
  height: 32px; 
  width: auto; 
}

/* README / home hero hex logo: fixed size, correct aspect ratio (543x627) */
img.viewr-logo,
.template-home img.viewr-logo {
  width: 150px !important;
  height: 175px !important;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

/* Fix text cropping and improve readability */
body {
  overflow-x: hidden;
}

.page-header {
  padding-top: 2rem !important;
  padding-bottom: 1.5rem !important;
  overflow: visible !important;
}

.page-header h1 {
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: break-word;
  line-height: 1.3;
}

.navbar-nav .nav-link,
.navbar-brand {
  white-space: nowrap;
  overflow: visible;
  padding: 0.75rem 1rem !important;
}

/* Ensure headers are not cropped */
h1, h2, h3, h4, h5, h6 {
  overflow: visible !important;
  text-overflow: unset !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding: 0.5rem 0 !important;
}

/* Fix container width for content */
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 100% !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}