/* ==========================================================================
   RESPONSIVE.CSS - Breakpoints i nadpisania globalne
   Mobile first: domyslne = mobile (< 768px)
   ========================================================================== */

/* ---- Mobile (domyslne) ---- */
/* Ukryj sticky bar na mobile */
.cmr-sticky-bar {
    font-size: var(--text-xs);
    padding: 8px var(--spacing-sm);
}

/* ---- Tablet (min 768px) ---- */
@media (min-width: 768px) {
    /* Typografia */
    h1 { font-size: var(--text-4xl); }
    h2 { font-size: var(--text-3xl); }
    h3 { font-size: var(--text-2xl); }

    /* Sekcje */
    .cmr-section {
        padding-top: var(--spacing-2xl);
        padding-bottom: var(--spacing-2xl);
    }

    /* Gallery 3 kolumny na tablet */
    .cmr-gallery {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ---- Desktop (min 1024px) ---- */
@media (min-width: 1024px) {
    /* Typografia */
    h1 { font-size: var(--text-5xl); }
    h2 { font-size: var(--text-3xl); }

    /* Sekcje */
    .cmr-section {
        padding-top: var(--spacing-3xl);
        padding-bottom: var(--spacing-3xl);
    }

    /* Gallery 4 kolumny na desktop */
    .cmr-gallery {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* ---- Wide desktop (min 1400px) ---- */
@media (min-width: 1400px) {
    .cmr-container {
        padding-left: var(--spacing-xl);
        padding-right: var(--spacing-xl);
    }
}

/* ---- Accessibility - Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ---- Print ---- */
@media print {
    .cmr-sticky-bar,
    .cmr-footer,
    .l-header {
        display: none;
    }

    body {
        background: white;
        color: black;
        font-size: 12pt;
    }

    a {
        color: black;
        text-decoration: underline;
    }
}