/* Fix Navigation and Content Visibility - Preserve Original Layout */
/* Only fix visibility issues without breaking the original design */

/* Only force visibility for hidden elements, don't override layout */
.hidden,
.disn,
.invi {
  display: block !important;
  visibility: visible !important;
}

/* Fix navigation links specifically */
a[href],
a[data-href] {
  visibility: visible !important;
  opacity: 1 !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* Make sure navigation container is visible */
#u294,
#u216_align_to_page {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Fix images that are using blank placeholders */
img[src*="blank"] {
  visibility: visible !important;
}

/* Fix data-orig-src and data-muse-src images */
img[data-orig-src],
img[data-muse-src] {
  visibility: visible !important;
}

/* Ensure breakpoints are visible */
.breakpoint {
  visibility: visible !important;
}

.breakpoint.active {
  visibility: visible !important;
}

/* Fix video background positioning */
#video_background {
  visibility: visible !important;
}

/* Ensure content sections are visible */
.shared_content,
.grpelem,
.colelem {
  visibility: visible !important;
}

/* Fix page container */
#page {
  visibility: visible !important;
}

/* Only force visibility, don't change layout */
* {
  visibility: visible !important;
}

/* But preserve original display properties */
body,
div,
p,
a,
img,
video {
  /* Don't override display, just ensure visibility */
  visibility: visible !important;
}

/* Don't override existing styles, just make sure elements are visible */
.nonblock,
.nontext {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Make all navbar and footer links white */
#u294 a,
#u216_align_to_page a,
footer a,
.footer a,
#footer a {
  color: #fff !important;
}

/* Also target nav/footer links by common classes if needed */
nav a,
.navbar a,
.nav a,
.footer a,
.site-footer a {
  color: #fff !important;
}

/* Optionally, make all visible links white as a fallback */
a[href],
a[data-href] {
  color: #fff !important;
}

/* Force visibility for all content */
* {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ensure images are visible */
img {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}

/* Ensure text content is visible */
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
div {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ensure buttons and links are visible */
button,
a,
input,
textarea,
select {
  visibility: visible !important;
  opacity: 1 !important;
}

/* --- Mobile/Tablet Fixes: Only for screens below 768px --- */
@media screen and (max-width: 767px) {
  /* Unlock all containers and elements */
  *,
  *:before,
  *:after {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    float: none !important;
    clear: both !important;
    transform: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  /* Muse breakpoints always visible and 100% width */
  .breakpoint,
  .breakpoint.active {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  /* Muse browser width and clearfix containers */
  .browser_width,
  .clearfix {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    float: none !important;
    clear: both !important;
    transform: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  /* Images: scale down, never overflow */
  img,
  img[data-orig-src],
  img[data-muse-src] {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }
  /* Navigation: stack vertically, full width */
  #u294,
  #u216_align_to_page,
  nav,
  .navbar {
    width: 100% !important;
    display: block !important;
    position: static !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #u294 a,
  #u216_align_to_page a,
  nav a,
  .navbar a {
    display: block !important;
    width: 100% !important;
    padding: 12px 0 !important;
    text-align: center !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    margin: 0 !important;
    font-size: 16px !important;
  }
  /* Text: readable sizes */
  h1,
  h1 * {
    font-size: 22px !important;
  }
  h2,
  h2 * {
    font-size: 18px !important;
  }
  h3,
  h3 * {
    font-size: 16px !important;
  }
  h4,
  h4 * {
    font-size: 15px !important;
  }
  p,
  p * {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
  /* Buttons/inputs: full width, touchable */
  button,
  .btn,
  input[type="submit"],
  input[type="button"] {
    width: 100% !important;
    padding: 12px 0 !important;
    font-size: 16px !important;
    margin: 6px 0 !important;
    display: block !important;
  }
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  textarea,
  select {
    width: 100% !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
    margin: 6px 0 !important;
    display: block !important;
  }
  /* Footer: stack links, full width */
  footer,
  .footer,
  #footer {
    width: 100% !important;
    padding: 18px 0 !important;
    text-align: center !important;
    position: static !important;
  }
  footer a,
  .footer a,
  #footer a {
    display: block !important;
    padding: 8px 0 !important;
    width: 100% !important;
    font-size: 15px !important;
  }
  /* Hide horizontal scrollbars */
  ::-webkit-scrollbar {
    width: 0 !important;
    background: transparent !important;
  }
}