/* AeroJatim Home v347 — exact 3/2/1 card carousel, compact inset arrows,
   fully-centered EVENT/VIEW ALL card, and rebuilt tablet/mobile event layouts. */

/* ---------- Shared carousel geometry ---------- */
.home-v347 .featured-events .event-carousel-shell{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
.home-v347 .featured-events .event-grid{
  display:flex!important;
  grid-template-columns:none!important;
  width:100%!important;
  gap:18px!important;
  padding:6px 0 16px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  scroll-padding-inline:0!important;
  scrollbar-width:none!important;
  align-items:stretch!important;
}
.home-v347 .featured-events .event-grid::-webkit-scrollbar{display:none!important}
.home-v347 .featured-events .event-card,
.home-v347 .featured-events .navy-card{
  max-width:none!important;
  min-width:0!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
}

/* Exactly 3 complete cards on desktop. No fourth-card preview. */
@media (min-width:1181px){
  .home-v347 .featured-events .event-card,
  .home-v347 .featured-events .navy-card{
    flex:0 0 calc((100% - 36px)/3)!important;
    width:calc((100% - 36px)/3)!important;
  }
}

/* ---------- Smaller modern arrows, slightly overlapping card edges ---------- */
.home-v347 .event-carousel-controls{
  position:absolute!important;
  inset:0!important;
  z-index:30!important;
  display:block!important;
  pointer-events:none!important;
}
.home-v347 .event-carousel-controls button{
  position:absolute!important;
  top:50%!important;
  width:32px!important;
  height:46px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  transform:translateY(-50%)!important;
  pointer-events:auto!important;
  border:1px solid rgba(8,43,76,.12)!important;
  border-radius:12px!important;
  color:#082b4c!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 8px 24px rgba(5,34,58,.16)!important;
  backdrop-filter:blur(8px)!important;
  transition:transform .18s ease,background .18s ease,color .18s ease,opacity .18s ease!important;
}
/* 8px inset makes a small portion of each arrow sit on top of the first/last card. */
.home-v347 .event-carousel-controls button:first-child{left:8px!important}
.home-v347 .event-carousel-controls button:last-child{right:8px!important}
.home-v347 .event-carousel-controls button span{
  display:block!important;
  margin-top:-2px!important;
  font:500 30px/.8 Arial,sans-serif!important;
}
.home-v347 .event-carousel-controls button:hover:not(:disabled){
  color:#fff!important;
  background:#082b4c!important;
}
.home-v347 .event-carousel-controls button:first-child:hover:not(:disabled){transform:translate(-1px,-50%)!important}
.home-v347 .event-carousel-controls button:last-child:hover:not(:disabled){transform:translate(1px,-50%)!important}
.home-v347 .event-carousel-controls button:disabled{opacity:.18!important;box-shadow:none!important}

/* ---------- EVENT / VIEW ALL card ---------- */
.home-v347 .featured-events .event-view-all-card{
  display:flex!important;
  grid-template-rows:none!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  min-height:0!important;
  background:linear-gradient(145deg,#082b4c 0%,#0a416e 55%,#08658f 100%)!important;
}
.home-v347 .event-view-all-link{
  width:100%!important;
  min-height:100%!important;
  padding:28px 22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.home-v347 .event-view-all-kicker{display:none!important}
.home-v347 .event-view-all-icon{
  width:166px!important;
  height:166px!important;
  margin:0 auto 20px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:40px!important;
}
.home-v347 .event-view-all-icon svg{width:116px!important;height:116px!important}
.home-v347 .event-view-all-link>strong{
  margin:0!important;
  text-align:center!important;
  font-size:52px!important;
  line-height:.92!important;
}
/* VIEW ALL uses the same sporty CTA language as the event cards, but with both ends pointed. */
.home-v347 .event-view-all-button.event-cta{
  width:min(238px,88%)!important;
  min-width:0!important;
  min-height:50px!important;
  margin:16px auto 0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:0!important;
  border-left:0!important;
  border-radius:0!important;
  color:#fff!important;
  background:linear-gradient(180deg,#0b3459,#061f38)!important;
  box-shadow:0 10px 22px rgba(2,18,33,.22)!important;
  clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%)!important;
  text-decoration:none!important;
  transform:none!important;
}
.home-v347 .event-view-all-button.event-cta>span{
  flex:1 1 auto!important;
  padding:0 8px 0 22px!important;
  text-align:center!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  white-space:nowrap!important;
}
.home-v347 .event-view-all-button.event-cta>b{
  width:52px!important;
  height:50px!important;
  flex:0 0 52px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  color:#fff!important;
  background:linear-gradient(180deg,#f36b17,#da4f08)!important;
  clip-path:polygon(24% 0,100% 0,76% 100%,0 100%)!important;
  font-size:20px!important;
}
.home-v347 .event-view-all-button.event-cta:hover{filter:brightness(1.05)!important;transform:translateY(-2px)!important}

/* Keep real-event CTAs aligned regardless of title length. */
.home-v347 .featured-events .event-content,
.home-v347 .featured-events .navy-card .event-content{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}
.home-v347 .featured-events .event-content>.event-cta{margin-top:auto!important}

/* ---------- Tablet: exactly 2 full cards, no clipping or half-card preview ---------- */
@media (min-width:761px) and (max-width:1180px){
  .home-v347 .featured-events>.container{
    width:calc(100% - 36px)!important;
    max-width:none!important;
    margin-inline:18px!important;
    padding:0!important;
  }
  .home-v347 .featured-events{padding:38px 0 54px!important}
  .home-v347 .featured-events .home-events-heading{margin-bottom:16px!important;padding-inline:2px!important}
  .home-v347 .featured-events .home-events-heading h2{font-size:clamp(34px,4.2vw,44px)!important;line-height:1!important}
  .home-v347 .featured-events .event-grid{gap:16px!important;padding:6px 0 15px!important}
  .home-v347 .featured-events .event-card,
  .home-v347 .featured-events .navy-card{
    flex:0 0 calc((100% - 16px)/2)!important;
    width:calc((100% - 16px)/2)!important;
    max-width:none!important;
    border-radius:17px!important;
    grid-template-rows:190px auto!important;
  }
  .home-v347 .featured-events .poster-wrap,
  .home-v347 .featured-events .navy-card .poster-wrap{height:190px!important;min-height:190px!important}
  .home-v347 .featured-events .event-content,
  .home-v347 .featured-events .navy-card .event-content{padding:17px 17px 16px!important}
  .home-v347 .featured-events .event-content h3{
    font-size:clamp(22px,2.75vw,27px)!important;
    line-height:1.04!important;
    margin:7px 0 9px!important;
  }
  .home-v347 .featured-events .event-description{font-size:10.8px!important;line-height:1.48!important;margin-bottom:8px!important}
  .home-v347 .featured-events .event-facts{margin:10px 0 12px!important}
  .home-v347 .featured-events .event-facts>div{padding:7px 0!important;min-height:38px!important}
  .home-v347 .featured-events .event-facts dd{font-size:9.8px!important}
  .home-v347 .featured-events .event-cta{min-height:48px!important}
  .home-v347 .featured-events .event-cta b{height:48px!important}
  .home-v347 .event-carousel-controls button{width:30px!important;height:44px!important;border-radius:11px!important}
  .home-v347 .event-carousel-controls button:first-child{left:7px!important}
  .home-v347 .event-carousel-controls button:last-child{right:7px!important}
  .home-v347 .event-carousel-controls button span{font-size:28px!important}
  .home-v347 .event-view-all-icon{width:150px!important;height:150px!important;margin-bottom:18px!important}
  .home-v347 .event-view-all-icon svg{width:104px!important;height:104px!important}
  .home-v347 .event-view-all-link>strong{font-size:46px!important}
  .home-v347 .event-view-all-button.event-cta{width:min(224px,84%)!important;margin-top:14px!important}
  .home-v347 .event-carousel-foot{display:none!important}
}

/* ---------- Phone: one complete card, larger readable type, cleaner spacing ---------- */
@media (max-width:760px){
  .home-v347 .featured-events{
    padding:30px 0 44px!important;
    background:linear-gradient(180deg,#fff 0%,#fafcfd 65%,#f6f9fb 100%)!important;
  }
  .home-v347 .featured-events>.container{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 16px!important;
  }
  .home-v347 .featured-events .home-events-heading{
    margin:0 0 16px!important;
    padding:0 2px!important;
  }
  .home-v347 .featured-events .home-events-heading h2{
    font-size:38px!important;
    line-height:.98!important;
    letter-spacing:-.035em!important;
  }
  .home-v347 .featured-events .home-events-heading .kicker{font-size:9.5px!important;letter-spacing:.13em!important}
  .home-v347 .featured-events .event-carousel-shell{padding:0!important;margin:0!important}
  .home-v347 .featured-events .event-grid{
    width:100%!important;
    gap:12px!important;
    padding:5px 0 14px!important;
    scroll-padding-inline:0!important;
  }
  .home-v347 .featured-events .event-card,
  .home-v347 .featured-events .navy-card{
    flex:0 0 100%!important;
    width:100%!important;
    max-width:none!important;
    min-width:100%!important;
    border-radius:18px!important;
    grid-template-rows:210px auto!important;
    scroll-snap-align:start!important;
  }
  .home-v347 .featured-events .poster-wrap,
  .home-v347 .featured-events .navy-card .poster-wrap{
    height:210px!important;
    min-height:210px!important;
  }
  .home-v347 .featured-events .event-date-badge{
    width:60px!important;
    height:68px!important;
    top:11px!important;
    right:11px!important;
  }
  .home-v347 .featured-events .event-date-badge strong{font-size:27px!important}
  .home-v347 .featured-events .event-content,
  .home-v347 .featured-events .navy-card .event-content{
    padding:18px 17px 17px!important;
  }
  .home-v347 .featured-events .event-content h3{
    margin:6px 0 10px!important;
    font-size:26px!important;
    line-height:1.04!important;
    -webkit-line-clamp:3!important;
  }
  .home-v347 .featured-events .event-labels{gap:5px!important;margin-bottom:9px!important}
  .home-v347 .featured-events .event-labels span,
  .home-v347 .featured-events .category-pills span{
    font-size:8.6px!important;
    padding:5px 7px!important;
  }
  .home-v347 .featured-events .event-description{
    margin:0 0 10px!important;
    font-size:12px!important;
    line-height:1.52!important;
  }
  .home-v347 .featured-events .event-facts{
    grid-template-columns:1fr!important;
    gap:0!important;
    margin:9px 0 13px!important;
  }
  .home-v347 .featured-events .event-facts>div{
    min-height:0!important;
    padding:8px 0!important;
  }
  .home-v347 .featured-events .event-facts dd{font-size:11.2px!important;line-height:1.36!important}
  .home-v347 .featured-events .event-facts small{font-size:7.8px!important}
  .home-v347 .featured-events .event-cta{
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    font-size:11px!important;
  }
  .home-v347 .featured-events .event-cta b,
  .home-v347 .featured-events .navy-card .event-cta b{height:52px!important}
  .home-v347 .event-carousel-controls button{
    width:28px!important;
    height:44px!important;
    border-radius:10px!important;
    box-shadow:0 8px 20px rgba(5,34,58,.17)!important;
  }
  .home-v347 .event-carousel-controls button:first-child{left:6px!important}
  .home-v347 .event-carousel-controls button:last-child{right:6px!important}
  .home-v347 .event-carousel-controls button span{font-size:27px!important}
  .home-v347 .event-view-all-card{min-height:520px!important}
  .home-v347 .event-view-all-link{padding:28px 18px!important;min-height:520px!important}
  .home-v347 .event-view-all-icon{width:172px!important;height:172px!important;margin-bottom:20px!important;border-radius:42px!important}
  .home-v347 .event-view-all-icon svg{width:120px!important;height:120px!important}
  .home-v347 .event-view-all-link>strong{font-size:54px!important}
  .home-v347 .event-view-all-button.event-cta{
    width:min(250px,82%)!important;
    min-height:52px!important;
    margin:16px auto 0!important;
  }
  .home-v347 .event-view-all-button.event-cta>b{height:52px!important}
  .home-v347 .event-carousel-foot{display:none!important}
}

@media (max-width:430px){
  .home-v347 .featured-events>.container{padding-inline:12px!important}
  .home-v347 .featured-events .home-events-heading h2{font-size:35px!important}
  .home-v347 .featured-events .event-card,
  .home-v347 .featured-events .navy-card{grid-template-rows:190px auto!important;border-radius:16px!important}
  .home-v347 .featured-events .poster-wrap,
  .home-v347 .featured-events .navy-card .poster-wrap{height:190px!important;min-height:190px!important}
  .home-v347 .featured-events .event-content,
  .home-v347 .featured-events .navy-card .event-content{padding:16px 15px 15px!important}
  .home-v347 .featured-events .event-content h3{font-size:24px!important}
  .home-v347 .featured-events .event-description{font-size:11.6px!important}
  .home-v347 .event-view-all-card,
  .home-v347 .event-view-all-link{min-height:490px!important}
  .home-v347 .event-view-all-icon{width:158px!important;height:158px!important}
  .home-v347 .event-view-all-icon svg{width:110px!important;height:110px!important}
  .home-v347 .event-view-all-link>strong{font-size:50px!important}
}