/*
Theme Name: Laika Final Glitch
Theme URI: https://laika.club
Author: Laika Team
Version: 1.0
Text Domain: laika
*/




/* --- LAIKA custom styles & strong glitch effects --- */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap&family=Space+Mono&display=swap');

:root{
  --laika-red: #ff1313;
  --laika-black: #000000;
}

body{background:var(--laika-black);color:#ddd;font-family: 'Space Mono', monospace;}

/* Hero */
.laika-hero{
  height:100vh;
  background: url('assets/images/bg-hero.jpg') center center / cover no-repeat fixed;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:var(--laika-red);
  overflow:hidden;
}
.laika-hero::before{
  content:'';position:absolute;inset:0;background:rgba(0,0,0,0.82);z-index:0;
}
.laika-hero-inner{position:relative;z-index:2;}
.laika-hero-logo{font-family:'Orbitron',sans-serif;font-size:9vw;letter-spacing:6px;margin:0;text-shadow:0 0 8px rgba(255,0,0,0.25), 0 0 18px rgba(255,0,0,0.12);}
.laika-hero-sub{font-family:'Space Mono',monospace;margin-top:10px;font-size:2.2vw;opacity:0.9;}

/* strong glitch effect */
.laika-hero-logo.glitch-active, .laika-hero-sub.glitch-active{
  animation: laika-glitch 0.2s steps(2, end) infinite;
}

  20%{transform:translate(-4px,0) skew(-5deg); text-shadow: -2px 0 6px rgba(255,0,0,0.4);}
  40%{transform:translate(3px,0) skew(3deg); text-shadow: 2px 0 6px rgba(0,255,255,0.02);}
  60%{transform:translate(-6px,0) skew(-7deg); text-shadow:-3px 0 8px rgba(255,0,0,0.6);}
  80%{transform:translate(4px,0) skew(4deg); text-shadow:3px 0 8px rgba(255,0,0,0.6);}
  100%{transform:translate(0,0) skew(0);text-shadow:0 0 8px rgba(255,0,0,0.2);}
}

/* scroll arrow */
.laika-scroll-down{display:inline-block;margin-top:20px;color:var(--laika-red);font-size:28px;text-decoration:none;z-index:3;position:relative;}
.laika-scroll-down::after{content:'';display:block;width:40px;height:4px;background:#fff;border-radius:20px;margin:16px auto 0;opacity:0.9;}

/* sections */
section.p-10{padding:60px 20px;text-align:center;color:var(--laika-red);}
h2{font-family:'Orbitron',sans-serif;font-size:3.2vw;margin-bottom:24px;color:var(--laika-red);letter-spacing:2px;}

/* events grid */
.events-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1000px;margin:0 auto;padding:0 10px;text-align:left;}
.event{background:rgba(0,0,0,0.25);border:1px solid rgba(255,19,19,0.18);padding:18px;min-height:140px;position:relative;overflow:hidden;}
.event .date{color:#c8c8c8;font-family:'Space Mono';margin-bottom:6px;}
.event h3{font-family:'Orbitron',sans-serif;color:var(--laika-red);margin:6px 0;}
.event .desc{color:#ddd;opacity:0.85;font-size:0.95rem;}

/* event flyer grid */
.events-grid.flyers{grid-template-columns:repeat(2,1fr);}
.event-flyer{border:1px solid rgba(255,19,19,0.12);padding:8px;background:#070707;display:flex;align-items:center;justify-content:center;min-height:160px;}

/* form */
.laika-form{max-width:900px;margin:0 auto;text-align:left;}
.laika-form .fields{display:flex;gap:12px;margin-bottom:12px;}
.laika-form input, .laika-form textarea{background:transparent;border:1px solid rgba(255,19,19,0.25);padding:14px;color:#ddd;width:100%;outline:none;}
.laika-form button{background:transparent;border:2px solid var(--laika-red);padding:12px 18px;color:var(--laika-red);cursor:pointer;display:inline-block;}
.laika-form button.glitch-click{animation: laika-glitch 0.35s steps(2,end);}

/* hover glitch for events */
.event.glitch-hover{animation: laika-glitch 0.35s steps(2,end);}

/* responsive */
@media (max-width:800px){
  .events-grid{grid-template-columns:1fr;}
  .laika-hero-logo{font-size:18vw;}
  h2{font-size:7vw;}
  .laika-hero-sub{font-size:4.6vw;}
}



/* --- LAIKA final glitch block --- */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap&family=Space+Mono&display=swap');
body{background:#000;color:#ddd;font-family:'Space Mono',monospace;margin:0;}
.laika-hero{height:100vh;background: url('assets/images/bg-hero.jpg') center center / cover no-repeat fixed;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#ff1313;overflow:hidden;}
.laika-hero::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.85);z-index:0;}
.laika-hero-inner{position:relative;z-index:2;}
.laika-hero-logo{font-family:'Orbitron',sans-serif;font-size:9vw;letter-spacing:6px;margin:0;text-shadow:0 0 8px rgba(255,0,0,0.25), 0 0 18px rgba(255,0,0,0.12);}
.laika-hero-sub{font-family:'Space Mono',monospace;margin-top:10px;font-size:2.2vw;opacity:0.9;}
.laika-scroll-down{display:inline-block;margin-top:20px;color:#ff1313;font-size:28px;text-decoration:none;z-index:3;position:relative;}
.p-10{padding:60px 20px;text-align:center;color:#ff1313;}
h2{font-family:'Orbitron',sans-serif;font-size:3.2vw;margin-bottom:24px;color:#ff1313;letter-spacing:2px;}
.events-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1000px;margin:0 auto;padding:0 10px;text-align:left;}
@media (max-width:800px){.events-grid{grid-template-columns:1fr;} .laika-hero-logo{font-size:18vw;} h2{font-size:7vw;} .laika-hero-sub{font-size:4.6vw;}}



/* ---- subtle glitch for laika-final-v2 ---- */
@keyframes laika-subtle-glitch {
  0% { transform: translateX(0); filter: blur(0px); opacity:1; }
  30% { transform: translateX(-6px); filter: blur(1.5px); opacity:0.95; }
  60% { transform: translateX(4px); filter: blur(0.6px); opacity:0.98; }
  100% { transform: translateX(0); filter: blur(0px); opacity:1; }
}
.laika-hero-logo.glitch-subtle, .laika-hero-sub.glitch-subtle {
  animation: laika-subtle-glitch 0.12s linear 1;
}
.event.glitch-hover { animation: laika-subtle-glitch 0.12s linear 1; }