/*
Theme Name: Architektura
Author: Marcelina Godula
Author URI: https://marcelina.godula.it
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kubieniec
*/
.project__content_section img {
  max-width: 100%;
  height: auto !important;
}
.page-id-218 .header, .page-id-220 .header {
  background:#000;
}
.header {
  min-height: auto;
  background: #fff;
}

@media (max-width: 1024px) {
    .project {
        padding-top: 96px;
    }
    .projects {
        padding-top: 200px;
    }
    .about {
      padding-top: 140px;
    }
    .contact {
      padding-top: 160px;
    }
    
}

/* lazy load override dla Smush */
.lazyloading {
  background: #e0e0e0 url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" fill="black"><animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="1s" repeatCount="indefinite" /></path></g></svg>') no-repeat center !important;
  background-size: 48px 48px !important;
  border: 0 !important;
  min-width: 16px;
  min-height: 16px;
  animation: breathe 1.5s ease-in-out infinite !important;
}

@keyframes breathe {
  0% { opacity: 0.5; }
  50% { opacity: 1; }
  100% { opacity: 0.5; }
}

/* front page slider responsive */
/* TEST MODE - wyśrodkowane i przycięte zdjęcia na mobile */
/* TEST MODE - wyśrodkowane i przycięte zdjęcia na mobile */
body.test-mode .homepage__slide--bg {
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Ciemne tło dla slajdów w test mode */
body.test-mode .homepage__slide {
    background-color: #000;
}

/* Zachowanie oryginalnych gridów dla test mode */
body.test-mode .homepage {
    /* Zachowaj oryginalne ustawienia grid */
    display: grid;
    grid-template-columns: 220px auto 235px;
    grid-template-rows: 70vh;
    padding: 186px 20px 20px 20px;
}

/* Media queries dla test mode - kopiuję twoje istniejące */
@media (max-width: 1024px) {
    body.test-mode .homepage {
        padding: 274px 30px 0 10px;
        grid-template-rows: 70vh;
        grid-template-columns: 100%;
    }
}

@media (max-width: 768px) {
    body.test-mode .homepage {
        grid-template-rows: 50vh;
    }
}

@media (max-width: 450px) {
    body.test-mode .homepage {
        grid-template-rows: 340px;
    }
}

/* Dodatkowo - jeśli chcesz żeby slider zajmował całą szerokość w test mode */
body.test-mode .homepage__slider {
    grid-column: 1 / -1; /* Rozciąga na wszystkie kolumny gridu */
}