/* AeroJatim Home v346 — full-width light featured-event field, centered View All card,
   side-mounted carousel arrows, and rebuilt tablet/mobile proportions. */

/* The blue band below the hero is removed. The event zone begins as a clean white surface. */
.home-v346 .featured-events{
  background:
    radial-gradient(circle at 7% 22%,rgba(243,107,23,.035),transparent 25%),
    radial-gradient(circle at 94% 31%,rgba(11,92,140,.035),transparent 27%),
    linear-gradient(180deg,#fff 0%,#fbfcfd 60%,#f7f9fb 100%)!important;
  border-top:0!important;
}
.home-v346 .featured-events::before,
.home-v346 .featured-events::after{display:none!important;content:none!important}
.home-v346 .featured-events .home-events-heading{
  min-height:0!important;
  margin:0 0 18px!important;
  padding:0 4px!important;
  align-items:flex-end!important;
}
.home-v346 .featured-events .home-events-heading h2{
  color:#082b4c!important;
  text-shadow:none!important;
}
.home-v346 .featured-events .home-events-heading .kicker{color:#f36b17!important}

/* Desktop uses the canvas from edge to edge instead of a narrow center column. */
@media (min-width:1181px){
  .home-v346 .featured-events>.container{
    width:calc(100% - 56px)!important;
    max-width:none!important;
    margin-inline:28px!important;
  }
}

.home-v346 .featured-events .event-carousel-shell{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:4px 50px 2px!important;
  overflow:visible!important;
}
.home-v346 .featured-events .event-grid{
  gap:20px!important;
  padding:6px 2px 16px!important;
  scroll-padding-inline:2px!important;
}

/* Modern arrows live halfway down the left/right edges of the card rail. */
.home-v346 .event-carousel-controls{
  position:absolute!important;
  inset:0!important;
  z-index:20!important;
  display:block!important;
  pointer-events:none!important;
}
.home-v346 .event-carousel-controls button{
  position:absolute!important;
  top:50%!important;
  width:44px!important;
  height:68px!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:15px!important;
  color:#082b4c!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 12px 30px rgba(5,34,58,.14)!important;
  backdrop-filter:blur(10px)!important;
  transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.home-v346 .event-carousel-controls button:first-child{left:0!important}
.home-v346 .event-carousel-controls button:last-child{right:0!important}
.home-v346 .event-carousel-controls button span{
  display:block!important;
  margin-top:-4px!important;
  font:400 44px/.8 Arial,sans-serif!important;
}
.home-v346 .event-carousel-controls button:hover:not(:disabled){
  color:#fff!important;
  background:#082b4c!important;
  box-shadow:0 14px 34px rgba(5,34,58,.24)!important;
}
.home-v346 .event-carousel-controls button:first-child:hover:not(:disabled){transform:translate(-2px,-50%)!important}
.home-v346 .event-carousel-controls button:last-child:hover:not(:disabled){transform:translate(2px,-50%)!important}
.home-v346 .event-carousel-controls button:disabled{opacity:.18!important;box-shadow:none!important}

/* Keep real event cards compact and all action buttons aligned. */
.home-v346 .featured-events .event-card,
.home-v346 .featured-events .navy-card{
  min-width:0!important;
}
.home-v346 .featured-events .event-content,
.home-v346 .featured-events .navy-card .event-content{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}
.home-v346 .featured-events .event-cta{margin-top:auto!important}

/* EVENT / VIEW ALL: only calendar + EVENT + VIEW ALL, perfectly centered. */
.home-v346 .featured-events .event-view-all-card{
  display:grid!important;
  place-items:center!important;
  min-height:0!important;
  background:linear-gradient(145deg,#082b4c 0%,#0b416f 58%,#08648e 100%)!important;
}
.home-v346 .event-view-all-link{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  padding:28px 24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.home-v346 .event-view-all-icon{
  width:154px!important;
  height:154px!important;
  margin:0 auto 22px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:38px!important;
}
.home-v346 .event-view-all-icon svg{width:104px!important;height:104px!important}
.home-v346 .event-view-all-kicker{margin:0 0 8px!important;text-align:center!important}
.home-v346 .event-view-all-link>strong{
  margin:0!important;
  text-align:center!important;
  font-size:50px!important;
  line-height:.9!important;
}
.home-v346 .event-view-all-link>small{display:none!important}
.home-v346 .event-view-all-button.event-cta{
  width:min(244px,86%)!important;
  min-height:44px!important;
  margin:14px auto 0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  color:#fff!important;
  background:#0c5f91!important;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%)!important;
  box-shadow:none!important;
  font:900 10px/1 Arial,sans-serif!important;
  letter-spacing:.065em!important;
  text-decoration:none!important;
  transform:none!important;
}
.home-v346 .event-view-all-button.event-cta>span{
  flex:1 1 auto!important;
  padding-left:17px!important;
  text-align:left!important;
}
.home-v346 .event-view-all-button.event-cta>b{
  width:52px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 52px!important;
  color:#fff!important;
  background:#f36b17!important;
  font-size:20px!important;
  font-style:normal!important;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%)!important;
}
.home-v346 .event-view-all-button.event-cta:hover{background:#0a527e!important}

/* Tablet rebuild: two readable cards, balanced padding and side arrows. */
@media (min-width:761px) and (max-width:1180px){
  .home-v346 .featured-events>.container{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin-inline:16px!important;
  }
  .home-v346 .featured-events{padding-bottom:52px!important}
  .home-v346 .featured-events .home-events-heading{margin-bottom:15px!important}
  .home-v346 .featured-events .home-events-heading h2{font-size:clamp(34px,4vw,44px)!important}
  .home-v346 .featured-events .event-carousel-shell{padding-inline:43px!important}
  .home-v346 .featured-events .event-grid{gap:16px!important}
  .home-v346 .featured-events .event-card,
  .home-v346 .featured-events .navy-card{
    flex:0 0 calc((100% - 16px)/2)!important;
    width:calc((100% - 16px)/2)!important;
  }
  .home-v346 .event-carousel-controls button{width:38px!important;height:62px!important;border-radius:13px!important}
  .home-v346 .event-carousel-controls button span{font-size:39px!important}
  .home-v346 .featured-events .event-content,
  .home-v346 .featured-events .navy-card .event-content{padding:17px 16px 15px!important}
  .home-v346 .featured-events .event-content h3{font-size:23px!important;line-height:1.03!important}
  .home-v346 .featured-events .event-description{font-size:10.5px!important;line-height:1.48!important}
  .home-v346 .featured-events .event-facts dd{font-size:9.3px!important}
  .home-v346 .event-view-all-icon{width:140px!important;height:140px!important}
  .home-v346 .event-view-all-icon svg{width:94px!important;height:94px!important}
}

/* Phone rebuild: one large readable card, meaningful typography and clean controls. */
@media (max-width:760px){
  .home-v346 .featured-events{
    margin-top:0!important;
    padding:28px 0 42px!important;
    background:linear-gradient(180deg,#fff 0%,#fbfcfd 58%,#f7f9fb 100%)!important;
  }
  .home-v346 .featured-events>.container{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 14px!important;
  }
  .home-v346 .featured-events .home-events-heading{
    margin:0 0 14px!important;
    padding:0 5px!important;
  }
  .home-v346 .featured-events .home-events-heading h2{
    font-size:36px!important;
    line-height:.94!important;
  }
  .home-v346 .featured-events .home-events-heading .kicker{font-size:9px!important}
  .home-v346 .featured-events .event-carousel-shell{
    padding:2px 34px 0!important;
  }
  .home-v346 .featured-events .event-grid{
    gap:12px!important;
    padding:5px 0 14px!important;
    scroll-snap-type:x mandatory!important;
  }
  .home-v346 .featured-events .event-card,
  .home-v346 .featured-events .navy-card{
    flex:0 0 100%!important;
    width:100%!important;
    border-radius:17px!important;
    scroll-snap-align:center!important;
  }
  .home-v346 .featured-events .poster-wrap,
  .home-v346 .featured-events .navy-card .poster-wrap{
    height:200px!important;
    min-height:200px!important;
  }
  .home-v346 .featured-events .event-content,
  .home-v346 .featured-events .navy-card .event-content{padding:18px 17px 16px!important}
  .home-v346 .featured-events .event-content h3{
    font-size:25px!important;
    line-height:1.03!important;
    margin:6px 0 10px!important;
  }
  .home-v346 .featured-events .event-labels{gap:5px!important;margin-bottom:9px!important}
  .home-v346 .featured-events .event-labels span,
  .home-v346 .featured-events .category-pills span{font-size:8.5px!important;padding:5px 7px!important}
  .home-v346 .featured-events .event-description{
    font-size:12px!important;
    line-height:1.55!important;
    margin-bottom:10px!important;
  }
  .home-v346 .featured-events .event-facts{
    grid-template-columns:1fr!important;
    gap:6px!important;
    margin:8px 0 12px!important;
  }
  .home-v346 .featured-events .event-facts>div{min-height:0!important;padding:9px 10px!important}
  .home-v346 .featured-events .event-facts dd{font-size:11px!important;line-height:1.35!important}
  .home-v346 .featured-events .event-facts small{font-size:7.5px!important}
  .home-v346 .featured-events .event-cta{min-height:50px!important;font-size:11px!important}
  .home-v346 .featured-events .event-cta b,
  .home-v346 .featured-events .navy-card .event-cta b{height:50px!important}
  .home-v346 .event-carousel-controls button{
    width:31px!important;
    height:58px!important;
    border-radius:11px!important;
    box-shadow:0 10px 24px rgba(5,34,58,.16)!important;
  }
  .home-v346 .event-carousel-controls button:first-child{left:0!important}
  .home-v346 .event-carousel-controls button:last-child{right:0!important}
  .home-v346 .event-carousel-controls button span{font-size:36px!important}
  .home-v346 .event-view-all-link{padding:30px 18px!important;min-height:510px!important}
  .home-v346 .event-view-all-icon{width:166px!important;height:166px!important;margin-bottom:24px!important;border-radius:40px!important}
  .home-v346 .event-view-all-icon svg{width:112px!important;height:112px!important}
  .home-v346 .event-view-all-kicker{font-size:9px!important}
  .home-v346 .event-view-all-link>strong{font-size:52px!important}
  .home-v346 .event-view-all-button.event-cta{width:min(250px,88%)!important;min-height:50px!important;margin-top:15px!important;font-size:11px!important}
  .home-v346 .event-view-all-button.event-cta>b{height:50px!important}
  .home-v346 .event-carousel-foot{display:none!important}
}

@media (max-width:430px){
  .home-v346 .featured-events>.container{padding-inline:10px!important}
  .home-v346 .featured-events .event-carousel-shell{padding-inline:30px!important}
  .home-v346 .featured-events .event-card,
  .home-v346 .featured-events .navy-card{border-radius:15px!important}
  .home-v346 .featured-events .poster-wrap,
  .home-v346 .featured-events .navy-card .poster-wrap{height:184px!important;min-height:184px!important}
  .home-v346 .featured-events .event-content,
  .home-v346 .featured-events .navy-card .event-content{padding:16px 15px 14px!important}
  .home-v346 .featured-events .event-content h3{font-size:23px!important}
  .home-v346 .featured-events .event-description{font-size:11.5px!important}
  .home-v346 .event-carousel-controls button{width:28px!important;height:54px!important}
  .home-v346 .event-view-all-link{min-height:480px!important}
  .home-v346 .event-view-all-icon{width:154px!important;height:154px!important}
  .home-v346 .event-view-all-icon svg{width:104px!important;height:104px!important}
}