/* Frame compatibility styles */
.in-frame {
  /* Ensure content is visible in frames */
  overflow: visible !important;
}

/* Fix for mobile devices in frames */
@media (max-width: 768px) {
  .in-frame .nav-container {
    position: relative !important;
    z-index: 1000;
  }
  
  .in-frame .banner {
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* Ensure buttons and interactive elements are easily tappable */
  .in-frame .btn {
    min-height: 44px;
    padding: 10px 15px;
  }
  
  /* Improve visibility of text */
  .in-frame p, .in-frame h1, .in-frame h2, .in-frame h3 {
    text-shadow: 0 0 2px rgba(0,0,0,0.5);
  }
  
  /* Ensure iframe content is properly sized */
  .in-frame .chart-container iframe {
    width: 100% !important;
    height: 400px !important;
  }
}

/* Fix for GoDaddy masking specific issues */
body.godaddy-masked {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  overflow-x: hidden !important;
}

/* Ensure all images have proper fallbacks */
img {
  max-width: 100%;
  height: auto;
}