/* ═══════════════════════════════════════════════════════
   KLK FEST — responsive.css
   Breakpoints: 1440 | 1200 | 1024 | 768 | 480
   ═══════════════════════════════════════════════════════ */

/* ── 1440 ── */
@media (min-width:1441px){
	.lead-detail *,.klk-bring-inner .detail *{font-size:28px}
	.reg-content .detail *{font-size:21px}
	.reg-content{gap:201px}

}
@media (max-width:1700px){
	.klk-green-inner{    padding: 50px 20px 50px;}
}
@media (max-width:1440px){
  :root { --nav-h: 110px; }
  body,p,ul,li{font-size: 20px;}
	h2, .h2 {
    font-size: 32px;
}
	h4, .h4 {
    font-size: 22px;
}
  .nav-logo img  { width: 120px; }
  .nav-links     { gap: 36px; }
  /* .hero-content  { padding: 0 60px 0 80px; } */
  .hero{padding-top: 170px;}
  .hero-h1       { font-size: 38px; }
  .hero-left     { max-width: 540px; }
  .hero-right    { width: 580px; }
  .sched-grid    { grid-template-columns: 560px 1fr; gap: 56px; }
  .sched-card    { height: 250px; }
  .klk-green-inner { padding: 44px 20px 44px 20px; }
  .klk-brand     { width: 190px; }
  .klk-bring-inner { padding: 56px 60px 56px 70px; }
  .bring-h2      { font-size: 28px; }
/*   .reg-img-wrap  { width: 420px; } */
  .reg-h2        { font-size: 34px; }
  .footer-logo img { width: 120px;  }
  .footer-nav    { gap: 30px; }
  header .menu-main-menu-container,.footer-inner .menu-main-menu-container{width: unset;}
	.sched-cards .sched-item h4{margin-bottom:5px}
}

/* ── 1200 ── */
@media (max-width:1200px){
  :root { --nav-h: 90px; }
  body,p,ul,li,div,span{font-size: 18px;}
  .btn{    padding: 12px 35px;}
	h2, .h2 {
    font-size: 30px;
}
  /* .nav-logo img  { height: 70px; } */
  .nav-links     { gap: 24px; }
  .nl            { font-size: 16px; }
  /* .hero-content  { padding: 0 40px; } */
  .hero-h1       { font-size: 32px; }
  .hero-left     { max-width: 480px; }
  .hero-p, .hero-bullets { font-size: 13px; }
  .hero-right    { width: 460px; }
  .sched-grid    { grid-template-columns: 440px 1fr; gap: 40px; }
  .sched-card    { height: 220px; }
  .sc-time       { font-size: 50px; }
  .sched-title   { font-size: 26px; }
  .sched-loc     { font-size: 26px; }
  .klk-green     { min-height: 380px; }
  .klk-green-inner { padding: 36px 28px 36px 40px; gap: 20px; }
  .klk-brand     { width: 160px; }
  .klk-h2        { font-size: 20px; }
  .klk-p         { font-size: 13px; }
  .klk-video-wrap { min-height: 380px; }
  .klk-runner    { min-height: 380px; }
  .klk-bring     { min-height: 380px; }
  .klk-bring-inner { padding: 48px 48px 48px 56px; }
  .bring-h2      { font-size: 24px; margin-bottom: 28px; }
  .bring-list li { font-size: 14px; }
	.reg-content{min-height:500px;}
  .reg-img-wrap  { width: 500px; }
  .reg-h2        { font-size: 28px; }
  .reg-p         { font-size: 14px; }
  .footer-logo img { height: 100px; }
  .footer-nav    { gap: 20px; }
  .footer-nav a  { font-size: 18px; }
	.reg-content h2 span.reg-date {font-size: 22px;font-style: italic;margin-left: 24px;}
	
}

/* ── 1024 — MOBILE MENU ── */
@media (max-width:1024px){
  :root { --nav-h: 80px; }
  .burger { display: flex; z-index: 9999;}

  .nav-links {
    position: fixed; top: var(--nav-h); left: 0; right: 0;
    background: var(--black); flex-direction: column;
    gap: 0; padding: 10px 0 18px;
    transform: translateY(-110%); opacity: 0;
    transition: transform .35s, opacity .3s;
    z-index: 997; border-top: 1px solid rgba(255,255,255,.08);
  }
  .nav-links.open { transform: translateY(15px); opacity: 1; }
  .nl { display: block; padding: 14px 24px; text-align: center; border-bottom: 1px solid rgba(255,255,255,.06); }
  .nl::after { display: none; }

  /* Hero stack */
  .hero { min-height: auto; }
  .hero-content { flex-direction: column; text-align: center;  min-height: auto; gap: 36px; }
  .hero-left  { max-width: 600px; }
  .detail ul{justify-content: center;margin-top: 5px;}
  .hero-right { width: 100%; max-width: 400px; justify-content: center; }
  .hero-bullets span { display: block; }
  .hero-purple-wash{background: linear-gradient( to bottom, rgba(150,7,219,1)   0%, rgba(150,7,219,1)   0, rgba(150,7,219,.85) 40%, rgba(150,7,219,.5)  47%, rgba(150,7,219,.1)  57%, rgba(150,7,219,0)   100% );}

  /* Schedule */
  .sched-grid { grid-template-columns: 1fr; gap: 40px; }
  .sched-cards { flex-direction: row; gap: 16px; }
  .sched-card  { flex: 1; height: 180px; }

  /* KLK rows */
  .klk-row1{ grid-template-columns: 1fr; }
  .klk-green     { min-height: 320px;
    background: radial-gradient(ellipse at 55% 50%,
      #1ad41a 0%, #0baa0b 25%, #059605 55%, #047004 85%, #035503 100%); }
  .klk-green-inner { padding: 36px 24px 0; flex-direction: column; text-align: center; align-items: center; }
  .klk-brand     { width: 160px; }
  .klk-video-wrap { min-height: 280px; }
  .klk-runner    { min-height: 260px; }
  .klk-bring     { min-height: 340px; }
  .klk-bring-inner { padding: 48px 32px; text-align: center; }
  .bring-list li { text-align: left; }

  /* Register */
  .register { min-height: auto; }
  .reg-content { flex-direction: column; text-align: center;min-height: auto; padding-top:40px}
  .reg-img-wrap { width: 100%; max-width: 360px; margin: 0 auto; }
  .reg-h2   { justify-content: center; font-size: 26px; }
  .reg-p    { margin: 0 auto 28px; }

  /* Footer */
  .site-footer { height: auto; padding: 36px 0; }
  .footer-inner { flex-direction: column; gap: 26px; align-items: center; }
  .footer-nav   { flex-wrap: wrap; justify-content: center; gap: 30px; margin-top: 20px;}

  .hero { padding: 180px 0 60PX; }
  .hero .btn { margin-top: 25px; }
  #site-header.shrunk .nav-logo img{width: 80px;}
  .footer-inner{gap: 0;}
	.schedule{padding:60px 0}
	.klk-green .lead-detail {
    margin-top: 10px;
}
	.klk-bring-inner .detail *{text-align:left}
	.klk-bring-inner h2{margin-bottom:15px;}
	.register .reg-text {
    align-items: center;
    padding-bottom: 60px;}
	.reg-content .detail {
    margin: 15px 0 0px;
    max-width: 800px;}
	.reg-content{gap:30px}
}

/* ── 768 ── */
@media (max-width:768px){
  :root { --nav-h: 70px; }
  body,p,ul,li,div,span{font-size: 16px;}
  .nav-logo img { width: 100px; }
  
  .hero-h1      { font-size: 26px; }
  .sched-title  { font-size: 20px; }
  .sched-loc    { font-size: 17px; }
  .sched-cards  { flex-direction: column; }
  .sched-card   { height: 180px; }
  .klk-h2       { font-size: 18px; }
  .bring-h2     { font-size: 22px; }
  .vid-active   { font-size: 18px; }
  .vid-by       { font-size: 16px; }
  .reg-h2       { font-size: 22px; }
  .footer-logo img {width: 100px; }
  .footer-nav a { font-size: 16px; }
  .footer-nav   { gap: 10px; flex-direction: column;}
  .hero { padding: 140px 0 40px; }
  .footer-inner .menu-main-menu-container{flex-direction: column;}
	.sched-cards .sched-card,.sched-cards .sched-item{width:100%}
	.sched-grid{gap:10px;}
	.schedule {padding: 40px 0;}
	.sched-loc {font-size: 26px;margin-top: 0;}
	.sched-grid .sched-item * {text-align: center;}
	.sched-head h2{margin-bottom:10px;line-height:1.2}
	.klk-video-wrap{padding:20px}
	.klk-row2{ grid-template-columns: 1fr;} 
	.klk-bring{justify-content:center}
	.klk-bring-inner{padding:40px 20px 15px;}
	.klk-bring{min-height:auto;}
	.register .reg-text {
    align-items: center;
    padding-bottom: 40px;}
	.reg-content .detail {
		margin: 5px 0 0;}
	.reg-content .reg-text h2, .reg-content .reg-text h2 * {display: block;}
}

/* ── 480 ── */
@media (max-width:480px){
  :root { --nav-h: 64px; }
  .nav-logo img { width: 80px; }
  .hero-h1      { font-size: 22px; }
  .btn-outline  { padding: 12px 28px; font-size: 11px; }
  .btn-green    { padding: 13px 30px; font-size: 11px; }
  .sc-time      { font-size: 40px; }
  .sched-card   { height: 160px; }
  .sched-title  { font-size: 17px; letter-spacing: 1px; }
  .sched-loc    { font-size: 20px; }
  .klk-green-inner { padding: 28px 16px 0; }
  .bring-h2     { font-size: 18px; }
  .reg-h2       { font-size: 18px; }
  .reg-p        { font-size: 13px; }
}