/* =========================================================
   Galleon — Section Instagram (carousel lengkung, auto-slide)
   ========================================================= */
.ig-arc-section{overflow:hidden;background:#fff}
.ig-arc{
  --ig-card-w:clamp(150px,17vw,250px);
  position:relative;z-index:0;isolation:isolate; /* z-index kartu (0-135) tidak menembus navbar & tombol WhatsApp */
  margin-top:clamp(2rem,3vw,3rem);
  height:calc(var(--ig-card-w) * 1.25 * 1.42);
  cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y;
}
.ig-arc.is-dragging{cursor:grabbing}
.ig-arc__card{
  position:absolute;top:50%;left:0;width:var(--ig-card-w);aspect-ratio:4/5;
  margin:0;padding:0;border:0;border-radius:18px;overflow:hidden;background:#2A251E;
  box-shadow:0 18px 40px rgb(42 37 30 / .18);
  transform-origin:center center;will-change:transform;cursor:pointer;
}
.ig-arc__card img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.ig-arc__badge{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(42,37,30,.55);color:#fff;backdrop-filter:blur(4px)}
.ig-arc__badge svg{width:14px;height:14px}
.ig-arc__hover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;text-align:left;color:#fff;background:linear-gradient(to top,rgba(42,37,30,.95),rgba(42,37,30,.35) 60%,transparent);opacity:0;transition:opacity .25s ease}
.ig-arc__card:hover .ig-arc__hover,.ig-arc__card:focus-visible .ig-arc__hover{opacity:1}
.ig-arc__cap{font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ig-arc__more{margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-accent,#F4C45C)}
.ig-arc__card:focus-visible{outline:3px solid var(--c-accent,#F4C45C);outline-offset:3px}

/* ---------- Kartu profil (di atas carousel) ---------- */
.ig-arc__profile{
  display:flex;align-items:center;gap:12px;
  width:fit-content;max-width:100%;margin:clamp(1rem,1.6vw,1.25rem) auto 0;
  padding:8px 8px 8px 10px;
  border:1px solid var(--c-line,#EDE6D8);border-radius:999px;
  background:#fff;
  /* box-shadow:0 6px 20px rgb(42 37 30 / .07); */
  text-align:left;
}
.ig-arc__avatar{display:block;width:52px;height:52px;border-radius:50%;padding:2px;background:linear-gradient(45deg,#F4C45C,#E1306C,#833AB4);flex-shrink:0}
.ig-arc__avatar img{display:block;width:100%;height:100%;border-radius:50%;border:2px solid #fff;object-fit:cover}
.ig-arc__info{min-width:0;padding-right:4px}
.ig-arc__handle{font-weight:700;font-size:16px;line-height:1.25;color:var(--c-text,#2A251E);overflow-wrap:anywhere}
.ig-arc__sub{margin-top:1px;font-size:13px;line-height:1.4;color:var(--c-text-muted,#6E6559)}
.ig-arc__follow{gap:6px;flex-shrink:0;white-space:nowrap;min-height:40px;padding:8px 16px;border-radius:999px;font-size:13px}
.ig-arc__follow svg{width:16px;height:16px}

@media (max-width:640px){
  .ig-arc__profile{flex-wrap:wrap;justify-content:center;gap:10px 12px;width:100%;padding:14px;border-radius:16px}
  .ig-arc__avatar{width:46px;height:46px}
  .ig-arc__handle{font-size:15px}
  .ig-arc__sub{font-size:12px}
  .ig-arc__follow{width:100%}
}


.ig-arc__hint{width:100%;text-align:center;font-size:13px;color:var(--c-text-muted,#6E6559);margin:0}

/* ---------- Popup detail ---------- */
.igc-dialog{width:calc(100% - 2rem);max-width:1000px;padding:0;border:0;border-radius:16px;overflow:hidden;box-shadow:0 20px 48px rgb(42 37 30 / .2);margin:auto;font-family:inherit;color:#2A251E}
.igc-dialog::backdrop{background:rgba(42,37,30,.82);backdrop-filter:blur(3px)}
.igc-dialog__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:min(85vh,640px)}
.igc-dialog__media{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;background:#14110D}
.igc-dialog__media img,.igc-dialog__media video{width:100%;height:100%;object-fit:contain}
.igc-dialog__side{display:flex;flex-direction:column;min-height:0}
.igc-dialog__head{display:flex;align-items:center;gap:12px;padding:16px 56px 16px 20px;border-bottom:1px solid #EDE6D8}
.igc-dialog__head img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.igc-dialog__user{font-weight:700;font-size:14px;line-height:1.3}
.igc-dialog__date{font-size:12px;color:#6E6559}
.igc-dialog__caption{flex:1;overflow-y:auto;margin:0;padding:18px 20px;font-size:14px;line-height:1.7;white-space:pre-line}
.igc-dialog__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid #EDE6D8}
.igc-dialog__count{font-size:12px;font-weight:600;color:#6E6559}
.igc-dialog__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:6px;background:#F4C45C;color:#2A251E;font-size:14px;font-weight:700;text-decoration:none}
.igc-dialog__btn:hover{background:#EBAF37}
.igc-dialog__btn svg{width:18px;height:18px}
.igc-icon-btn{position:absolute;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#2A251E;box-shadow:0 8px 24px rgb(42 37 30 / .1);cursor:pointer}
.igc-icon-btn:hover{background:#fff}
.igc-icon-btn:disabled{opacity:0;pointer-events:none}
.igc-icon-btn svg{width:20px;height:20px}
/* Slider isi postingan (album) di dalam popup */
.igc-slider{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.igc-slider::-webkit-scrollbar{display:none}
.igc-slider__slide{position:relative;flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always}
.igc-slider__slide img,.igc-slider__slide video{width:100%;height:100%;object-fit:contain;-webkit-user-drag:none}
.igc-slider__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;border-radius:999px;background:rgba(20,17,13,.72);color:#fff;font-size:13px;font-weight:700;text-decoration:none;backdrop-filter:blur(4px)}
.igc-slider__play:hover{background:rgba(20,17,13,.88)}
.igc-slider__play svg{width:22px;height:22px}
.igc-slider__prev,.igc-slider__next{width:34px;height:34px;top:50%;transform:translateY(-50%);z-index:2}
.igc-slider__prev{left:12px}
.igc-slider__next{right:12px}
.igc-slider__prev svg,.igc-slider__next svg{width:18px;height:18px}
.igc-slider__counter{position:absolute;top:12px;left:12px;z-index:2;padding:4px 10px;border-radius:999px;background:rgba(20,17,13,.6);color:#fff;font-size:12px;font-weight:600;line-height:1.5}
.igc-slider__dots{position:absolute;left:0;right:0;bottom:12px;z-index:2;display:flex;justify-content:center;gap:6px;pointer-events:none}
.igc-slider__dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);transition:background .2s ease,transform .2s ease}
.igc-slider__dots span.is-active{background:#fff;transform:scale(1.25)}
[hidden].igc-icon-btn,.igc-slider__counter[hidden],.igc-slider__dots[hidden]{display:none}

/* Navigasi antar postingan (footer popup) */
.igc-dialog__nav{display:flex;align-items:center;gap:6px}
.igc-nav-btn{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #EDE6D8;border-radius:50%;background:#fff;color:#2A251E;cursor:pointer}
.igc-nav-btn:hover{background:#F7F2E8}
.igc-nav-btn:disabled{opacity:.35;cursor:default;background:#fff}
.igc-nav-btn svg{width:16px;height:16px}
.igc-dialog__close{top:12px;right:12px;z-index:3}
@media (max-width:767px){
  .igc-dialog__grid{grid-template-columns:1fr;grid-template-rows:auto;height:auto;max-height:90vh;overflow-y:auto}
  .igc-dialog__media{aspect-ratio:4/5}
  .igc-dialog__caption{overflow:visible}
}