/* Colored Container Block - Frontend Styles */

.wp-block-osakalab-colored-container {
  background-color: #c7e9fb;
  border-radius: 12px;
  margin: var(--prose-space-4) auto;
  position: relative;
}

/* Padding options */
.wp-block-osakalab-colored-container.padding-small {
  padding: 1rem;
}

.wp-block-osakalab-colored-container.padding-medium {
  padding: 2rem;
}

.wp-block-osakalab-colored-container.padding-large {
  padding: 3rem;
}

.wp-block-osakalab-colored-container.padding-xlarge {
  padding: 4rem;
}

/* Border radius options */
.wp-block-osakalab-colored-container.radius-none {
  border-radius: 0;
}

.wp-block-osakalab-colored-container.radius-small {
  border-radius: 8px;
}

.wp-block-osakalab-colored-container.radius-medium {
  border-radius: 12px;
}

.wp-block-osakalab-colored-container.radius-large {
  border-radius: 20px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .wp-block-osakalab-colored-container.padding-small {
    padding: 0.75rem;
  }

  .wp-block-osakalab-colored-container.padding-medium {
    padding: 1.5rem;
  }

  .wp-block-osakalab-colored-container.padding-large {
    padding: 2rem;
  }

  .wp-block-osakalab-colored-container.padding-xlarge {
    padding: 2.5rem;
  }
}

/* Inner blocks styling */
.wp-block-osakalab-colored-container > * {
  margin-bottom: 1rem;
}

.wp-block-osakalab-colored-container > *:first-child {
  margin-top: 0;
}

.wp-block-osakalab-colored-container > *:last-child {
  margin-bottom: 0;
}

.wp-block-osakalab-colored-container .wp-block:last-child {
  margin-bottom: 0;
}

/* Ensure proper text contrast */
.wp-block-osakalab-colored-container {
  color: #ffffff;
}

/* Dla jasnych kolorów tła - automatyczne przełączanie na ciemny tekst */
.wp-block-osakalab-colored-container[style*='background-color: #ffffff'],
.wp-block-osakalab-colored-container[style*='background-color: #f8f9fa'],
.wp-block-osakalab-colored-container[style*='background-color: #e9ecef'],
.wp-block-osakalab-colored-container[style*='background-color: #dee2e6'],
.wp-block-osakalab-colored-container[style*='background-color: #ced4da'],
.wp-block-osakalab-colored-container[style*='background-color: #adb5bd'],
.wp-block-osakalab-colored-container[style*='background-color: #ffc107'],
.wp-block-osakalab-colored-container[style*='background-color: #fff3cd'],
.wp-block-osakalab-colored-container[style*='background-color: #d1ecf1'] {
  color: #212529;
}

/* Zapewnienie dobrego kontrastu dla wszystkich elementów wewnątrz */
.wp-block-osakalab-colored-container[style*='background-color: #ffffff'] *,
.wp-block-osakalab-colored-container[style*='background-color: #f8f9fa'] *,
.wp-block-osakalab-colored-container[style*='background-color: #e9ecef'] *,
.wp-block-osakalab-colored-container[style*='background-color: #dee2e6'] *,
.wp-block-osakalab-colored-container[style*='background-color: #ced4da'] *,
.wp-block-osakalab-colored-container[style*='background-color: #adb5bd'] *,
.wp-block-osakalab-colored-container[style*='background-color: #ffc107'] *,
.wp-block-osakalab-colored-container[style*='background-color: #fff3cd'] *,
.wp-block-osakalab-colored-container[style*='background-color: #d1ecf1'] * {
  color: #1f2937;
}

.wp-block-osakalab-colored-container h1,
.wp-block-osakalab-colored-container h2,
.wp-block-osakalab-colored-container h3,
.wp-block-osakalab-colored-container h4,
.wp-block-osakalab-colored-container h5,
.wp-block-osakalab-colored-container h6 {
  color: #1f2937;
}

.wp-block-osakalab-colored-container p,
.wp-block-osakalab-colored-container li {
  color: #1f2937;
}

/* Link styling within container */
.wp-block-osakalab-colored-container a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: underline;
}

.wp-block-osakalab-colored-container a:hover {
  color: #ffffff;
}