/*
Theme Name: Szaniawski Theme
Theme URI: 
Author: MO.AI
Description: Frontend layout dla strony Teatru Szaniawskiego w Wałbrzychu. 
Version: 1.0.0
Text Domain: szaniawski
*/

/* 
 * Ten plik zawiera natywne style potrzebne do działania specyficznych klas
 * używanych w motywie (np. fonty, custom variants, keyframes) 
 */

body {
    overflow-x: hidden;
    animation: subtleFadeIn 0.3s ease-out forwards;
}

@keyframes subtleFadeIn {
    from { opacity: 0.8; }
    to { opacity: 1; }
}

body.fade-out {
    opacity: 0.8;
    transition: opacity 0.15s ease-in-out;
}

button, a, [role="button"] {
    cursor: pointer !important;
}

h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
    word-break: break-word;
    hyphens: none;
}

.brutalist-text-shadow {
    text-shadow: 2px 2px 0 #000;
}


/* Stagger grid — used on spektakle & projekty pages */
@media (min-width: 640px) and (max-width: 1023px) {
  .stagger-grid > article:nth-child(even) { transform: translateY(2rem); }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .stagger-grid > article:nth-child(3n+2) { transform: translateY(3rem); }
}
@media (min-width: 1280px) and (max-width: 1535px) {
  .stagger-grid > article:nth-child(even) { transform: translateY(3rem); }
}
@media (min-width: 1536px) {
  .stagger-grid > article:nth-child(5n+2),
  .stagger-grid > article:nth-child(5n+4) { transform: translateY(3rem); }
}