@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);
/* Import Font Awesome */

/* Import Brockmann font */
@font-face {
  font-family: 'Brockmann';
  src: url('https://web-cdn.collinsgroup.fi/public/brockmann-regular-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Brockmann';
  src: url('https://web-cdn.collinsgroup.fi/public/brockmann-medium-webfont.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Brockmann';
  src: url('https://web-cdn.collinsgroup.fi/public/brockmann-semibold-webfont.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Brockmann';
  src: url('https://web-cdn.collinsgroup.fi/public/brockmann-bold-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* CSS Reset */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Global styles */
body {
  font-family: 'Brockmann', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  margin: 0;
  padding: 0;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  background-attachment: fixed;
  min-height: 100vh;
  color: #ebebeb;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb {
  background: rgba(222, 121, 124, 0.5);
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(222, 121, 124, 0.7);
}

/* Global container width */
.container,
.app-container,
.home-container,
.feed-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;
}

@media (max-width: 768px) {
  .container,
  .app-container,
  .home-container,
  .feed-container {
    padding: 0 16px;
  }
}

/* Make sure content doesn't overflow its container */
img, video, audio {
  max-width: 100%;
  height: auto;
}

/* Ensure feed items and podcast info have proper width */
.podcast-info,
.episodes,
.pagination,
.search-container {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Selection styling */
::selection {
  background: rgba(222, 121, 124, 0.3);
  color: #ffffff;
}

/* Focus visible for accessibility */
*:focus-visible {
  outline: 2px solid #DE797C;
  outline-offset: 2px;
}

/* Smooth transitions for interactive elements */
a, button, input, select, textarea {
  transition: all 0.3s ease;
}

/* Link styling */
a {
  color: #DE797C;
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: #c56a6c;
}


/*# sourceMappingURL=styles.8130aef7747b328e.css.map*/