/* RMM Jamaah App — gaya bersama (diturunkan dari portal app.rmmtravel.com) */

  html { scroll-behavior: smooth; }
  body { font-family: 'Inter', sans-serif; }

  .no-scrollbar::-webkit-scrollbar { display: none; }
  .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

  /* Teks dengan isian gradasi emas */
  .text-gold {
    background: linear-gradient(135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

  /* Ornamen garis emas tipis */
  .rule-gold {
    height: 1px;
    background: linear-gradient(90deg, transparent, #D4AF37, transparent);
  }

  /* Akordion: animasi max-height */
  .acc-item .acc-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .45s cubic-bezier(.4, 0, .2, 1), opacity .3s ease;
    opacity: 0;
  }
  .acc-item.open .acc-body { max-height: 420px; opacity: 1; }
  .acc-chevron { transition: transform .35s cubic-bezier(.4, 0, .2, 1); }
  .acc-item.open .acc-chevron { transform: rotate(180deg); }

  /* Reveal saat scroll */
  .reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease-out, transform .7s ease-out; }
  .reveal.shown { opacity: 1; transform: none; }

  /* Aksesibilitas keyboard */
  :focus-visible {
    outline: 2px solid #D4AF37;
    outline-offset: 3px;
    border-radius: 6px;
  }

  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
      animation-duration: .001ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: .001ms !important;
      scroll-behavior: auto !important;
    }
    .reveal { opacity: 1; transform: none; }
    .acc-item.open .acc-body { max-height: 999px; }
  }


  :root{ --rmm-botol:#004225; --rmm-botol-dark:#00301b; --rmm-emas:#D4AF37; --rmm-emas-dark:#AA771C; }

  /* ---- Logo resmi (mengikuti halaman index) ---- */
  .rmm-logo{
    display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
    width:40px; height:40px; border-radius:12px;
    background:linear-gradient(160deg,#004225 0%,#00301b 100%);
    box-shadow:inset 0 0 0 1px rgba(212,175,55,.4);
    color:var(--rmm-emas); font-size:16px; line-height:1;
  }
  .rmm-logo--sm{ width:30px; height:30px; border-radius:9px; font-size:12px; }
  .rmm-logo--lg{ width:52px; height:52px; border-radius:16px; font-size:21px; }
  .rmm-logo--ondark{ background:rgba(255,255,255,.07); box-shadow:inset 0 0 0 1px rgba(212,175,55,.5); }

  .rmm-word{ font-family:'Inter',ui-sans-serif,system-ui,sans-serif; line-height:1.15; }
  .rmm-word b{ display:block; font-size:15px; font-weight:800; letter-spacing:-.01em; color:var(--rmm-botol); }
  .rmm-word small{ display:block; font-size:9.5px; font-weight:600; letter-spacing:.14em;
    text-transform:uppercase; color:#94a3b8; margin-top:2px; }
  .rmm-word--ondark b{ color:#fff; }
  .rmm-word--ondark small{ color:var(--rmm-emas); }

  /* ---- App bar antar halaman ---- */
  .rmm-appbar{
    position:relative; z-index:60; display:flex; align-items:center; gap:11px;
    width:100%; max-width:480px; margin:0 auto; box-sizing:border-box;
    padding:10px 14px; background:#fff; border-bottom:1px solid #eef2f6;
    font-family:'Inter',ui-sans-serif,system-ui,sans-serif;
  }
  .rmm-appbar *{ box-sizing:border-box; }
  .rmm-appbar .rmm-brand{ display:flex; align-items:center; gap:10px; flex:1; min-width:0; text-decoration:none; }
  .rmm-appbar .rmm-word b{ font-size:14.5px; }
  .rmm-iconbtn{
    width:38px; height:38px; flex-shrink:0; border-radius:11px; cursor:pointer;
    display:inline-flex; align-items:center; justify-content:center; text-decoration:none;
    background:#fff; border:1px solid #e2e8f0; color:var(--rmm-botol); font-size:13px;
    transition:border-color .2s ease, color .2s ease, background .2s ease;
  }
  .rmm-iconbtn:hover{ border-color:var(--rmm-emas); color:var(--rmm-emas-dark); background:#fbf8f1; }
  .rmm-iconbtn--back{ width:auto; gap:7px; padding:0 13px; font-size:12px; font-weight:700; }

  /* ---- Bottom sheet menu ---- */
  .rmm-overlay{
    position:fixed; inset:0; z-index:9999; display:none;
    align-items:flex-end; justify-content:center;
    background:rgba(0,48,27,.72); backdrop-filter:blur(4px);
    font-family:'Inter',ui-sans-serif,system-ui,sans-serif;
  }
  .rmm-overlay.rmm-open{ display:flex; }
  .rmm-sheet{
    width:100%; max-width:480px; background:#fff; border-radius:26px 26px 0 0;
    padding:16px 18px 26px; animation:rmmUp .3s cubic-bezier(.4,0,.2,1);
    max-height:88vh; overflow-y:auto;
  }
  @keyframes rmmUp{ from{ transform:translateY(24px); opacity:0 } to{ transform:none; opacity:1 } }
  .rmm-grip{ width:42px; height:4px; border-radius:999px; background:#e2e8f0; margin:0 auto 14px; }
  .rmm-sheet-head{ display:flex; align-items:center; justify-content:space-between; }
  .rmm-sheet-head h3{ margin:0; font-size:15.5px; font-weight:800; color:var(--rmm-botol); }
  .rmm-close{ width:32px; height:32px; border:0; background:transparent; color:#94a3b8;
    font-size:15px; cursor:pointer; border-radius:9px; }
  .rmm-close:hover{ color:var(--rmm-botol); background:#f1f5f9; }
  .rmm-hint{ margin:4px 0 14px; font-size:11.5px; color:#64748b; }
  .rmm-link{
    display:flex; align-items:center; gap:13px; padding:11px 13px; margin-bottom:9px;
    border:1px solid #e2e8f0; border-radius:16px; text-decoration:none; background:#fff;
    transition:border-color .2s ease, box-shadow .2s ease;
  }
  .rmm-link:hover{ border-color:var(--rmm-emas); box-shadow:0 8px 20px -12px rgba(0,66,37,.5); }
  .rmm-link.rmm-active{ border-color:var(--rmm-emas); background:#fbf8f1; }
  .rmm-ico{
    width:42px; height:42px; flex-shrink:0; border-radius:13px; display:flex;
    align-items:center; justify-content:center; font-size:15px;
    background:rgba(0,66,37,.06); color:var(--rmm-botol);
  }
  .rmm-link.rmm-active .rmm-ico{ background:linear-gradient(160deg,#004225,#00301b); color:var(--rmm-emas); }
  .rmm-txt{ flex:1; min-width:0; }
  .rmm-txt b{ display:block; font-size:13.5px; font-weight:700; color:#0f172a; }
  .rmm-txt span{ display:block; font-size:11.5px; color:#64748b; margin-top:1px; }
  .rmm-chev{ font-size:11px; color:#cbd5e1; }
  .rmm-badge{ font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
    color:var(--rmm-emas-dark); background:rgba(212,175,55,.16); padding:4px 8px; border-radius:999px; }
  .rmm-wa{
    display:flex; align-items:center; justify-content:center; gap:8px; margin-top:6px;
    padding:12px; border-radius:999px; text-decoration:none; font-size:12.5px; font-weight:700;
    color:var(--rmm-emas); background:linear-gradient(160deg,#004225,#00301b);
    border:1px solid rgba(212,175,55,.4);
  }

  /* ---- Footer seragam ---- */
  .rmm-footer{
    width:100%; max-width:480px; margin:0 auto; box-sizing:border-box;
    background:#fff; border-top:1px solid #eef2f6; padding:30px 22px 34px;
    text-align:center; font-family:'Inter',ui-sans-serif,system-ui,sans-serif;
  }
  .rmm-footer *{ box-sizing:border-box; }
  .rmm-foot-by{ margin:0 0 12px; font-size:10px; font-weight:700; letter-spacing:.2em;
    text-transform:uppercase; color:#94a3b8; }
  .rmm-foot-brand{ display:flex; align-items:center; justify-content:center; gap:11px; }
  .rmm-foot-name{ font-size:19px; font-weight:900; letter-spacing:.02em; color:var(--rmm-botol); }
  .rmm-foot-co{ margin:9px 0 0; font-size:11.5px; font-weight:600; color:#64748b; }
  .rmm-rule{ height:1px; width:88px; margin:16px auto;
    background:linear-gradient(90deg,transparent,var(--rmm-emas),transparent); }
  .rmm-foot-tag{ margin:0; font-size:12.5px; font-style:italic; font-weight:600; color:var(--rmm-emas-dark); }
  .rmm-foot-copy{ margin:16px 0 0; font-size:10px; color:#94a3b8; }
  .rmm-footer--pad{ padding-bottom:96px; }

/* ---- Tambahan plugin ---- */
.rmm-link .rmm-ico i, .rmm-ico i { line-height: 1; }
.rmmj-shell { min-height: 100vh; }
.rmmj-pb { padding-bottom: 110px; }

/* Konten editor WordPress */
.rmmj-prose { font-size: 14.5px; line-height: 1.75; color: #334155; word-wrap: break-word; }
.rmmj-prose > * + * { margin-top: 1em; }
.rmmj-prose h1, .rmmj-prose h2, .rmmj-prose h3, .rmmj-prose h4 { color: #004225; font-weight: 800; line-height: 1.3; letter-spacing: -.01em; margin-top: 1.6em; }
.rmmj-prose h2 { font-size: 19px; }
.rmmj-prose h3 { font-size: 16.5px; }
.rmmj-prose h4 { font-size: 15px; }
.rmmj-prose a { color: #0a5c37; text-decoration: underline; text-decoration-color: #D4AF37; text-underline-offset: 3px; }
.rmmj-prose ul, .rmmj-prose ol { padding-left: 1.3em; }
.rmmj-prose ul { list-style: disc; }
.rmmj-prose ol { list-style: decimal; }
.rmmj-prose li + li { margin-top: .35em; }
.rmmj-prose li::marker { color: #AA771C; }
.rmmj-prose blockquote { border-left: 3px solid #D4AF37; background: #fbf8f1; padding: 12px 16px; border-radius: 0 14px 14px 0; font-style: italic; color: #475569; }
.rmmj-prose img, .rmmj-prose video, .rmmj-prose iframe { max-width: 100%; height: auto; border-radius: 16px; }
.rmmj-prose figure { margin: 1.2em 0; }
.rmmj-prose figcaption { font-size: 12px; color: #94a3b8; text-align: center; margin-top: 6px; }
.rmmj-prose table { width: 100%; border-collapse: collapse; font-size: 13px; display: block; overflow-x: auto; }
.rmmj-prose th, .rmmj-prose td { border: 1px solid #e2e8f0; padding: 8px 10px; text-align: left; }
.rmmj-prose th { background: #f1f5f9; color: #004225; }
.rmmj-prose .arab, .rmmj-prose [lang="ar"] { font-size: 1.5em; line-height: 2; direction: rtl; text-align: right; font-family: 'Amiri', 'Scheherazade New', serif; color: #00301b; }
.rmmj-prose .wp-block-button__link { display: inline-block; background: linear-gradient(160deg,#004225,#00301b); color: #D4AF37; padding: 10px 20px; border-radius: 999px; text-decoration: none; font-weight: 700; font-size: 13px; }
.rmmj-prose .alignwide, .rmmj-prose .alignfull { margin-left: 0; margin-right: 0; }

/* Kartu artikel */
.rmmj-card-thumb { aspect-ratio: 16/10; object-fit: cover; width: 100%; background: linear-gradient(160deg,#004225,#00301b); }
.rmmj-line-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rmmj-line-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Paginasi */
.rmmj-pager { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
.rmmj-pager a, .rmmj-pager span { min-width: 36px; height: 36px; padding: 0 10px; border-radius: 11px; border: 1px solid #e2e8f0; display: inline-flex; align-items: center; justify-content: center; font-size: 12.5px; font-weight: 700; color: #004225; text-decoration: none; }
.rmmj-pager .current { background: linear-gradient(160deg,#004225,#00301b); color: #D4AF37; border-color: transparent; }
.acc-item.open .acc-body { max-height: 1600px; }

/* Linimasa itinerary jadwal */
.rmmj-tl{position:relative;margin:0;padding:0 0 0 30px;list-style:none}
.rmmj-tl::before{content:"";position:absolute;left:13px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,#D4AF37,rgba(212,175,55,.15))}
.rmmj-tl-item{position:relative;margin-bottom:14px}
.rmmj-tl-dot{position:absolute;left:-30px;top:2px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#004225,#00301b);color:#D4AF37;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 0 0 3px #fff}
.rmmj-tl-card{border:1px solid #e2e8f0;border-radius:16px;padding:13px 14px;background:#fff;transition:border-color .2s,box-shadow .2s}
.rmmj-tl-item.is-open .rmmj-tl-card{border-color:rgba(212,175,55,.6);box-shadow:0 8px 20px -14px rgba(0,48,27,.45)}
.rmmj-day-head{display:flex;align-items:flex-start;gap:10px;width:100%;background:none;border:0;padding:0;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}
.rmmj-day-chev{display:flex;align-items:center;padding-top:6px;transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s}
.rmmj-tl-item.is-open .rmmj-day-chev{transform:rotate(180deg);color:#D4AF37}
.rmmj-day-body{max-height:0;overflow:hidden;opacity:0;transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .28s}
.rmmj-tl-item.is-open .rmmj-day-body{max-height:1400px;opacity:1}
.rmmj-day-all{cursor:pointer}

@media (prefers-reduced-motion:reduce){.rmmj-day-body,.rmmj-day-chev{transition:none}}
.rmmj-tl-item:last-child{margin-bottom:0}
.rmmj-trip-html{padding:4px 0}

/* Kartu informasi penerbangan */
.rmmj-fl{border:1px solid #e2e8f0;border-radius:18px;background:#fff;overflow:hidden}
.rmmj-fl-head{display:flex;align-items:center;gap:12px;width:100%;padding:14px;background:#f8fafc;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.rmmj-fl-ico{width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#004225;font-size:16px}
.rmmj-fl-chev{width:34px;height:34px;flex:0 0 34px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#004225;transition:transform .3s cubic-bezier(.4,0,.2,1)}
.rmmj-fl.is-open .rmmj-fl-chev{transform:rotate(180deg)}
.rmmj-fl-body{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s}
.rmmj-fl.is-open .rmmj-fl-body{max-height:1600px;opacity:1}
.rmmj-fl-inner{padding:14px}
.rmmj-fl-sec+.rmmj-fl-sec{margin-top:16px;padding-top:16px;border-top:1px dashed #e2e8f0}
.rmmj-fl-sec-t{margin:0 0 10px;font:800 11px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;color:#AA771C;text-transform:uppercase}
.rmmj-fl-sec-t i{margin-right:5px}
.rmmj-leg{display:flex;align-items:flex-start;gap:8px;padding:6px 0}
.rmmj-leg-end{min-width:66px}
.rmmj-leg-end b{display:block;font:800 21px/1.15 Inter,system-ui,sans-serif;color:#00301b;letter-spacing:-.02em}
.rmmj-leg-end span{display:block;font-size:12px;color:#475569;margin-top:2px}
.rmmj-leg-end .rmmj-leg-date{color:#94a3b8;font-size:11.5px}
.rmmj-leg-right{text-align:right}
.rmmj-leg-mid{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2px;min-width:0}
.rmmj-leg-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#e7f3ec;color:#004225;border-radius:999px;padding:5px 11px;font:600 12px/1 Inter,system-ui,sans-serif}
.rmmj-leg-line{position:relative;display:block;width:100%;height:14px;margin-top:8px}
.rmmj-leg-line::before{content:"";position:absolute;top:7px;left:0;right:0;height:1px;background:#e2e8f0}
.rmmj-leg-line i{position:absolute;top:0;left:50%;transform:translateX(-50%);color:#94a3b8;font-size:12px;background:#fff;padding:0 4px}
.rmmj-fl-note{display:flex;align-items:flex-start;gap:7px;margin:4px 0 0;font-size:12px;color:#64748b}
.rmmj-fl-note i{margin-top:2px;color:#94a3b8}
@media (max-width:360px){.rmmj-leg-end b{font-size:18px}.rmmj-leg-end{min-width:58px}}
@media (prefers-reduced-motion:reduce){.rmmj-fl-body,.rmmj-fl-chev{transition:none}}

/* Pengatur ukuran huruf di lembar menu */
.rmm-fs{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:9px 12px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}
.rmm-fs-label{font:700 12px/1 Inter,system-ui,sans-serif;color:#004225}
.rmm-fs-label i{margin-right:6px;color:#AA771C}
.rmm-fs-ctl{display:flex;align-items:center;gap:8px}
.rmm-fs-btn{width:34px;height:34px;border-radius:11px;border:1px solid #e2e8f0;background:#fff;color:#004225;font:800 13px/1 Inter,system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s,transform .12s}
.rmm-fs-btn.rmm-fs-big{font-size:17px}
.rmm-fs-btn sub{font-size:10px;vertical-align:baseline}
.rmm-fs-btn:hover{border-color:#D4AF37}
.rmm-fs-btn:active{transform:scale(.93)}
.rmm-fs-val{min-width:44px;text-align:center;font:700 12px/1 Inter,system-ui,sans-serif;color:#475569}

/* ===== Tampilan beranda gaya aplikasi ===== */






.rmmj-cta{display:flex;align-items:center;gap:12px;border-radius:18px;padding:13px 14px;box-shadow:0 12px 28px -18px rgba(0,48,27,.55)}
.rmmj-cta b{display:block;font-size:14.5px;font-weight:800;line-height:1.25}
.rmmj-cta small{display:block;margin-top:2px;font-size:11.5px;opacity:.8}
.rmmj-cta-ico{display:flex;width:40px;height:40px;flex:0 0 40px;align-items:center;justify-content:center;border-radius:13px;font-size:16px}
.rmmj-cta-go{opacity:.75;font-size:11px}
.rmmj-cta--primary{background:linear-gradient(135deg,#004225,#00301b);color:#fff}
.rmmj-cta--primary .rmmj-cta-ico{background:rgba(255,255,255,.12);color:#D4AF37}
.rmmj-cta--gold{background:linear-gradient(135deg,#F7E7A6,#D4AF37 60%,#C9A227);color:#00301b;border:0;cursor:pointer}
.rmmj-cta--gold .rmmj-cta-ico{background:rgba(0,48,27,.12);color:#00301b}

.rmmj-tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:104px;padding:12px 11px;border-radius:18px;background:var(--tile-bg,#e8f1ec);border:1px solid rgba(15,23,42,.05);text-decoration:none;transition:transform .15s,box-shadow .2s}
.rmmj-tile:active{transform:scale(.97)}
.rmmj-tile:hover{box-shadow:0 10px 22px -16px rgba(15,23,42,.5)}
.rmmj-tile-ico{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:11px;background:rgba(255,255,255,.75);color:var(--tile-fg,#004225);font-size:15px}
.rmmj-tile-t{font:800 12px/1.25 Inter,system-ui,sans-serif;color:var(--tile-fg,#004225)}

.rmmj-ai-cta{display:flex;gap:12px;align-items:flex-start;border-radius:22px;padding:16px;color:#fff;background:linear-gradient(135deg,#004225 0%,#0a5c37 55%,#00301b 100%);box-shadow:0 16px 34px -22px rgba(0,48,27,.9)}
.rmmj-ai-ico{display:flex;width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center;border-radius:15px;background:rgba(255,255,255,.12);color:#D4AF37;font-size:19px}

.rmmj-chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;-ms-overflow-style:none;scrollbar-width:none}
.rmmj-chips::-webkit-scrollbar{display:none}
.rmmj-chip{flex:0 0 auto;border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:999px;padding:7px 14px;font:700 12px/1 Inter,system-ui,sans-serif;text-decoration:none}
.rmmj-chip.is-on{background:linear-gradient(135deg,#004225,#00301b);border-color:transparent;color:#fff}