/* ===================================================
   IceWood - Responsive Breakpoints
   =================================================== */

/* Tablet: <= 1024px */
@media (max-width: 1024px) {
  :root {
    --font-size-5xl: 2.5rem;
    --font-size-4xl: 2rem;
    --font-size-3xl: 1.75rem;
    --header-height: 56px;
  }

  .header__top-bar {
    display: none;
  }

  .header__nav-bar {
    height: 56px;
  }

  .header__nav {
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-white);
    flex-direction: column;
    align-items: stretch;
    padding: var(--space-6);
    gap: 0;
    transform: translateX(100%);
    transition: transform var(--transition-base);
    overflow-y: auto;
  }

  .header__nav.open {
    transform: translateX(0);
  }

  .header__nav a {
    font-size: var(--font-size-lg);
    padding: var(--space-4) var(--space-3);
    border-bottom: 1px solid var(--color-gray-100);
  }

  .header__actions {
    display: none;
  }

  .mobile-toggle {
    display: flex;
  }

  /* Mobilní akční tlačítka na konci menu */
  .mobile-nav-actions {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-top: auto;
    padding-top: var(--space-6);
    border-top: 1px solid var(--color-gray-100);
  }

  .btn--full {
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .grid--3,
  .grid--4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-6);
  }

  .product-grid {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .product-grid--reverse {
    direction: ltr;
  }

  .contact-grid {
    grid-template-columns: 1fr;
  }

  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .usp-strip__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .cookie-banner__inner {
    flex-direction: column;
    text-align: center;
  }

  .contact-layout {
    grid-template-columns: 1fr;
  }

  .project-card {
    grid-template-columns: 1fr;
  }

  .project-card--reverse {
    direction: ltr;
  }

  /* WPC variants tablet */
  .wpc-variants--4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .wpc-variants--3 {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Contact cards tablet */
  .contact-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Realizace showcase tablet */
  .realizace-showcase {
    grid-template-columns: 1fr;
  }

  .realizace-featured {
    min-height: 180px;
  }

  .realizace-sidebar {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .realizace-list-item {
    flex: 1 1 calc(50% - var(--space-4));
  }
}

/* Mobile: <= 768px */
@media (max-width: 768px) {
  :root {
    --font-size-5xl: 2rem;
    --font-size-4xl: 1.75rem;
    --font-size-3xl: 1.5rem;
    --space-9: 3.5rem;
    --space-10: 5rem;
    --container-padding: 1rem;
  }

  .hero {
    height: 60vh;
    min-height: 400px;
  }

  .hero--sub {
    height: 40vh;
    min-height: 320px;
  }

  .product-nav {
    grid-template-columns: repeat(2, 1fr);
  }

  .hero__content p {
    font-size: var(--font-size-base);
  }

  .hero__actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .grid--2 {
    grid-template-columns: 1fr;
  }

  .form-row {
    grid-template-columns: 1fr;
  }

  .footer__grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .footer__bottom {
    flex-direction: column;
    gap: var(--space-3);
    text-align: center;
  }

  .gallery-grid {
    grid-template-columns: 1fr;
  }

  .usp-strip__grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .lightbox__nav {
    width: 40px;
    height: 40px;
  }

  .lightbox__prev { left: var(--space-3); }
  .lightbox__next { right: var(--space-3); }

  .product-images {
    grid-template-columns: 1fr;
  }

  .product-images img {
    height: 250px;
  }

  .cookie-banner__actions {
    flex-direction: column;
    width: 100%;
  }

  .cookie-banner__actions .btn {
    width: 100%;
  }

  .inquiry-card__header {
    padding: var(--space-5);
  }

  .inquiry-card .form--inquiry {
    padding: var(--space-5);
  }

  .contact-form-wrapper {
    padding: var(--space-5);
  }

  /* WPC variants mobile */
  .wpc-variants--4,
  .wpc-variants--3 {
    grid-template-columns: 1fr 1fr;
  }

  /* Contact cards mobile */
  .contact-cards-grid {
    grid-template-columns: 1fr;
  }

  /* Realizace mobile */
  .realizace-sidebar {
    flex-direction: column;
  }

  .realizace-list-item {
    flex: 1 1 100%;
  }
}

/* Small Mobile: <= 480px */
@media (max-width: 480px) {
  :root {
    --font-size-5xl: 1.75rem;
    --font-size-4xl: 1.5rem;
  }

  .hero {
    height: 55vh;
    min-height: 350px;
  }

  .btn {
    padding: 0.75rem 1.5rem;
    font-size: var(--font-size-sm);
  }

  /* WPC single column on small mobile */
  .wpc-variants--4,
  .wpc-variants--3 {
    grid-template-columns: 1fr;
  }
}

/* Desktop large: >= 1400px */
@media (min-width: 1400px) {
  :root {
    --container-max: 1320px;
  }
}