/*
PropFirms App Styles
*/

/* Prop Firm Logo Styling */
.prop-firm-logo {
  /* Logo dimensions - increased by 30% from 100px to 130px */
  width: 130px !important;
  height: 130px !important;
  object-fit: contain;

  /* Add subtle shadow for better visibility */
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));

  /* For light theme: invert white logos to dark */
  filter:
    brightness(0)
    saturate(100%)
    invert(20%)
    sepia(15%)
    saturate(2000%)
    hue-rotate(180deg)
    brightness(95%)
    contrast(120%);
}

/* Dark theme adjustments */
[data-bs-theme="dark"] .prop-firm-logo {
  /* For dark theme: keep logos bright/white */
  filter:
    brightness(0)
    saturate(100%)
    invert(100%)
    sepia(0%)
    saturate(0%)
    hue-rotate(0deg)
    brightness(100%)
    contrast(100%);
}

/* Ensure logos maintain aspect ratio and quality */
.prop-firm-logo {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}