/* Section – Discovery */
:root{ --container-w: 1200px;
 --bg:#0e1422;         /* latar section (gelap flat) */
  --card:#0f172a;       /* latar kartu */
  --ink:#e8eefc;        /* teks utama */
  --muted:#9fb0cc;      /* teks sekunder */
  --line:rgba(255,255,255,.12);
  --accent:#8ab4ff;     /* aksen tombol/price */
  background:var(--bg);
  color:var(--ink);
  padding-block:clamp(1px,5vw,15px);
    
}

.s-discovery{ display:grid; }
.s-discovery > .s-discovery__inner{
  width:min(100%, var(--container-w));
  margin-inline:auto;
  padding-inline:16px;
}
.s-discovery__head{ margin-bottom:16px; }
.s-discovery__head h2{
  font:700 28px/1.2 var(--ive-font-secondary, system-ui);
  letter-spacing:-.02em;
  margin:0 0 4px;
}
.s-discovery__head p{ margin:0; color:#788195; }

/* Grid card */
.discovery-grid{
  display:grid;
  gap:16px;
  grid-template-columns: repeat(12, 1fr);
}

/* Cards */
.card{ background:#0f172a; border:1px solid #1f2937; color:#e5e7eb; }
.card--flat{ border-radius:10px; }
.card__head{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 14px; border-bottom:1px solid #1f2937;
}
.card__head h3{ margin:0; font:600 15px/1.2 var(--ive-font-secondary, system-ui); }
.link-more{ color:#93c5fd; text-decoration:none; font:600 13px/1 var(--ive-font-primary, system-ui); }
.link-more:hover{ text-decoration:underline; }

/* Blocks placement (desktop) */
.block-fasilitas{ grid-column: span 6; }
.block-video    { grid-column: span 3; }
.block-artikel  { grid-column: span 3; }
.block-promo    { grid-column: span 6; }
.block-ads      { grid-column: 1 / -1; }
.ivearni-video__iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
/* Fasilitas */
.fasilitas-list{ padding:12px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.f-item{ display:flex; gap:10px; align-items:flex-start; background:#0b1223; border:1px solid #1e2a40; border-radius:8px; padding:10px; }
.f-icon img{ width:28px; height:28px; object-fit:contain; }
.f-ico-placeholder{ display:inline-block; width:28px; height:28px; text-align:center; line-height:28px; background:#13203a; border-radius:6px; }
.f-title{ font-weight:600; }
.f-desc{ color:#94a3b8; font-size:12px; margin-top:2px; }

/* Video */
.video-list{ padding:12px; display:grid; gap:12px; }
.v-item{ display:block; text-decoration:none; color:#e5e7eb; }
.v-thumb{ position:relative; aspect-ratio:16/9; background:#0b1223; border:1px solid #1e2a40; border-radius:8px; overflow:hidden; }
.v-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.v-thumb .play{
  position:absolute; right:8px; top:8px; font-size:12px; background:#1f2937; color:#fff;
  border-radius:999px; padding:4px 8px; opacity:.9;
}
.v-title{ margin-top:6px; font-weight:600; font-size:14px; }

/* Artikel */
.artikel-list{ padding:12px; display:grid; gap:12px; }
.a-item{ display:grid; grid-template-columns:96px 1fr; gap:10px; }
.a-thumb{ display:block; aspect-ratio:16/10; background:#0b1223; border:1px solid #1e2a40; border-radius:8px; overflow:hidden; }
.a-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.a-title{ color:#e5e7eb; font-weight:600; text-decoration:none; }
.a-title:hover{ text-decoration:underline; }
.a-date{ color:#94a3b8; font-size:12px; margin-top:2px; }

/* Promo */
.promo-list{ padding:12px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.p-item{ display:block; }
.p-banner{ display:block; aspect-ratio:42/9; background:#0b1223; border:1px solid #1e2a40; border-radius:8px; overflow:hidden; }
.p-banner img{ width:100%; height:100%; object-fit:cover; display:block; }
.p-title a{ color:#e5e7eb; text-decoration:none; font-weight:600; display:inline-block; margin-top:6px; }
.p-title a:hover{ text-decoration:underline; }
.p-date{ color:#94a3b8; font-size:12px; }

/* Iklan */
.block-ads .ads-wrap{ display:block; }
.block-ads img{ width:100%; height:260px; object-fit:cover; display:block; border-radius:10px; }
.block-ads .ads-ph{
  height:260px; display:grid; place-items:center; color:#94a3b8; background:#0b1223; border:1px dashed #1e2a40; border-radius:10px;
}

/* Empty state */
.empty{ padding:16px; color:#94a3b8; }

/* Responsive */
@media (max-width: 1024px){
  .block-fasilitas,.block-video,.block-artikel,.block-promo{ grid-column: span 6; }
}
@media (max-width: 768px){
  .discovery-grid{ grid-template-columns: repeat(6, 1fr); }
  .block-fasilitas,.block-video,.block-artikel,.block-promo{ grid-column: 1 / -1; }
  .block-ads{ grid-column: 1 / -1; }
  .fasilitas-list{ grid-template-columns:1fr; }
  .promo-list{ grid-template-columns:1fr; }
}
/* ==== THEME MATCH (Dark) – Discovery ==== */

/* Paksa latar section jadi dark meski aturan "even=white" ada di home.css */
.ive-home-container .s-discovery{
  background:#0b1223 !important;   /* sama seperti section lain */
  color:#e5e7eb;
}

/* Head */
.s-discovery__head h2{ color:#e5e7eb; }
.s-discovery__head p{ color:#9aa3b2; }

/* Kartu/box */
.s-discovery .card{
  background:#0e1629;
  border:1px solid #1e2a40;
  color:#e5e7eb;
  border-radius:10px;
}
.s-discovery .card__head{
  border-bottom:1px solid #1e2a40;
}
.s-discovery .link-more{ color:#93c5fd; }

/* State kosong & placeholder */
.s-discovery .empty{
  background:#0b1223;
  border:1px dashed #1e2a40;
  color:#9aa3b2;
  border-radius:8px;
}

/* Item detail */
.f-title,.v-title,.a-title,.p-title a{ color:#e5e7eb; }
.f-desc,.a-date,.p-date{ color:#94a3b8; }

/* Banner iklan */
.block-ads img{ border-radius:10px; }
.block-ads .ads-ph{
  background:#0b1223;
  border:1px dashed #1e2a40;
  color:#9aa3b2;
}

/* biar kolom sidebar match tinggi baris promo */
.disc-grid{ align-items: stretch; }

.box-ads-side{ height: 100%; }
.ads-side__link, .ads-side__ph{
  height: 100%;
  min-height: 280px;
  display: grid; place-items: center;
  border-radius: 10px;
  object-fit:cover;
}
.ads-side__img{ width:100%; height:100%; object-fit:cover; border-radius:8px; }

/* banner wide bawah */
.ads-wide__link, .ads-wide__ph{
  display:block; width:100%;
  aspect-ratio: 21 / 5; /* jika didukung; auto responsif */
}
.ads-wide__img{ width:100%; height:100%; object-fit:cover; border-radius:10px; }
/* Sidebar ads fill the column */
.box-ads-side { width: 100%; }
.box-ads-side .box__body { padding: 10px; }

/* Frame with a standard sidebar ratio */
.ads-side__frame {
  width: 300px; /* Set explicit width */
  height: 60px; /* Set explicit height */
  
  border-radius: 12px;
  overflow: hidden;
  background: #0f172a;
  border: 1px solid rgba(148, 163, 184, 0.15);
  object-fit: cover;
}

/* Ensuring the image fills the frame */
.ads-sidelink {
  display: block;
  width: 100%;
}

.ads-sideimg {
  width: 100%; /* Full width image */
  height: 100%; /* Full height image */
  object-fit: cover; /* Maintain cover to crop neatly */
}

/* For non-crop fit, use object-fit contain */
.ads-sideframe.is-contain .ads-sideimg {
  object-fit: contain; /* Adjust from cover to contain for no crop */
  background: #0b1220; /* Letterbox when using contain */
}

/* Placeholder styling */
.ads-side__ph {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  font-size: 0.9rem;
  border: 1px dashed rgba(148, 163, 184, 0.25);
}