/* Extracted from inline <style> - linked at the same place in the page so the rule order is unchanged. */

.nav-link{
	font-size: 18px;
	text-transform: uppercase;
}
.dropdown-item{
	text-transform: uppercase;
}

.hero_overlay_rubrik{
	font-size: 1.5em;
	color: var(--brand-primary); /* Green for base text (e.g., "Mobility scooters in") */
	font-weight: 900;
	opacity: 1;
	text-shadow: none;
}
.hero_overlay_rubrik_sec{  
	color: var(--brand-primary); /* Green same as banners (uses brand-primary) */
}
.hero_overlay_text{
	font-size: 1em;
	color: var(--ink-base);
}
.hero_overlay_text_red{
	color:#C25252;
	font-weight:700;
}
/* Improve overlay readability and responsiveness */
.hero_overlay{ 
	background: rgba(255,255,255,0.75);
	padding: 8px 12px;
	border-radius: 10px;
}
@media (max-width: 576px){
	.hero_overlay_rubrik{ font-size: 1.2em; }
	.hero_overlay_text{ font-size: 0.95em; }
	/* Ensure overlay fits on small screens and stays visible */
	.hero_overlay{ right: 10px !important; left: auto !important; bottom: 12px !important; max-width: calc(100% - 20px); }
}
.hero_narrow{
	width: 100%;
	height:200px;	
	margin-right: 10px;
}

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -100;
}

/* Add some content at the bottom of the video/page */
.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

/* Open dropdowns on hover for desktop */
@media (min-width: 992px){
  /* Existing: navbars */
  .navbar .dropdown-menu{ display:none; margin-top:0; }
  .navbar .dropdown:hover > .dropdown-menu,
  .navbar .dropdown:focus-within > .dropdown-menu{ display:block; }
  .navbar .dropdown-menu{ z-index: 1050; }

  /* New: desktop category bar sits outside .navbar */
  .desktop-category-bar .dropdown .dropdown-menu{ display:none; margin-top:0; }
  .desktop-category-bar .dropdown:hover > .dropdown-menu,
  .desktop-category-bar .dropdown:focus-within > .dropdown-menu{ display:block; }
  .desktop-category-bar .dropdown .dropdown-menu{ z-index:1050; }

  /* Positioning so hover dropdowns align under their toggles without Popper */
  .navbar .dropdown{ position: relative; }
  .navbar .dropdown .dropdown-menu{ top:100%; left:0; }
  .desktop-category-bar .dropdown{ position: relative; }
  .desktop-category-bar .dropdown .dropdown-menu{ top:100%; left:0; }
}