/* UMRAGO Marketplace Jamaah */
.jm-hero{min-height:760px;padding:135px 0 80px;display:flex;align-items:center;background:radial-gradient(circle at 75% 35%,rgba(212,175,55,.13),transparent 31%),var(--bg-primary)}
.jm-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.8fr);gap:68px;align-items:center}
.jm-hero-copy h1{margin:0 0 19px;font-size:clamp(3rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.055em}.jm-hero-copy h1 span{display:block;color:var(--gold-primary)}.jm-hero-copy>p{max-width:650px;margin:0;color:var(--text-secondary);font-size:1rem;line-height:1.75}
.jm-search-panel{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;margin-top:27px;padding:10px;border:1px solid var(--border-strong);border-radius:15px;background:var(--surface);box-shadow:var(--soft-shadow)}
.jm-search-panel label{padding:8px 10px;border-right:1px solid var(--border-color)}.jm-search-panel small{display:block;color:var(--text-muted);font-size:.57rem}.jm-search-panel select{width:100%;margin-top:3px;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit;font-size:.7rem;font-weight:700}.jm-search-panel button{min-width:115px}
.jm-quick-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.jm-quick-tags span{padding:6px 9px;border:1px solid var(--border-color);border-radius:999px;color:var(--text-muted);font-size:.62rem}
.jm-featured{overflow:hidden;border:1px solid var(--border-strong);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.jm-featured-label{display:block;padding:11px 15px;color:var(--gold-primary);font-size:.58rem;font-weight:800;letter-spacing:.12em}.jm-featured-cover{min-height:240px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle,rgba(212,175,55,.25),transparent 48%),linear-gradient(135deg,#050505,#17130a);color:#fff;text-align:center}.jm-cover-badge{position:absolute;top:14px;right:14px;padding:6px 8px;border:1px solid rgba(212,175,55,.4);border-radius:7px;color:var(--gold-primary);font-size:.56rem;font-weight:800}.jm-featured-cover>strong{font-size:2.3rem;line-height:.92}.jm-featured-cover>strong span{color:var(--gold-primary)}.jm-featured-cover>small{margin-top:10px;color:#aaa;font-size:.63rem}
.jm-featured-body{padding:18px}.jm-travel-line{display:flex;align-items:center;gap:9px}.jm-travel-logo{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:1px solid var(--border-strong);border-radius:9px;background:rgba(212,175,55,.08);color:var(--gold-primary);font-size:.62rem;font-weight:800}.jm-travel-line div:nth-child(2){flex:1}.jm-travel-line b,.jm-travel-line small{display:block}.jm-travel-line b{font-size:.7rem}.jm-travel-line small{color:var(--text-muted);font-size:.55rem}.jm-travel-line>span{color:var(--success)}.jm-featured-body h3{margin:14px 0 8px;font-size:1.05rem}.jm-package-meta{display:flex;gap:8px;flex-wrap:wrap}.jm-package-meta span{color:var(--text-muted);font-size:.6rem}.jm-featured-price{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-color)}.jm-featured-price small,.jm-featured-price strong{display:block}.jm-featured-price small{color:var(--text-muted);font-size:.58rem}.jm-featured-price strong{margin-top:2px;color:var(--gold-primary);font-size:1.25rem}

.jm-list-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.jm-list-head h2{margin:0;font-size:2.25rem;letter-spacing:-.04em}.jm-list-head p{margin:5px 0 0;color:var(--text-muted)}.jm-sort{display:flex;align-items:center;gap:8px}.jm-sort span{color:var(--text-muted);font-size:.7rem}.jm-sort select{padding:9px 11px;border:1px solid var(--border-color);border-radius:9px;background:var(--surface);color:var(--text-primary)}
.jm-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}.jm-filter{position:sticky;top:90px;padding:18px;border:1px solid var(--border-color);border-radius:15px;background:var(--surface)}.jm-filter h3{margin:0 0 16px;font-size:.9rem}.jm-filter-group{display:grid;gap:8px;padding:15px 0;border-top:1px solid var(--border-color)}.jm-filter-group>b{font-size:.67rem;margin-bottom:2px}.jm-filter-group label{color:var(--text-secondary);font-size:.64rem}.jm-filter-group input{margin-right:7px;accent-color:var(--gold-primary)}
.jm-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.jm-card{overflow:hidden;border:1px solid var(--border-color);border-radius:17px;background:var(--surface);transition:.2s}.jm-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--soft-shadow)}.jm-card-cover{min-height:165px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle,rgba(212,175,55,.18),transparent 52%),#080808;color:#fff;text-align:center}.jm-card-cover.premium{background:radial-gradient(circle,rgba(212,175,55,.28),transparent 52%),linear-gradient(135deg,#070707,#1d180c)}.jm-card-cover.luxury{background:radial-gradient(circle,rgba(212,175,55,.25),transparent 52%),linear-gradient(135deg,#060606,#111)}.jm-card-cover>span{position:absolute;top:12px;left:12px;padding:5px 7px;border-radius:6px;background:var(--gold-primary);color:#080808;font-size:.5rem;font-weight:800}.jm-card-cover>strong{font-size:1.55rem;line-height:.95}.jm-card-cover>small{margin-top:7px;color:#aaa;font-size:.57rem}.jm-card-body{padding:15px}.jm-card-travel{display:flex;align-items:center;gap:8px}.jm-card-travel b,.jm-card-travel small{display:block}.jm-card-travel b{font-size:.66rem}.jm-card-travel small{color:var(--success);font-size:.52rem}.jm-card-body h3{margin:13px 0 8px;font-size:.92rem}.jm-card-info{display:flex;gap:8px;flex-wrap:wrap}.jm-card-info span{color:var(--text-muted);font-size:.57rem}.jm-hotel{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.jm-hotel>div{padding:10px;border:1px solid var(--border-color);border-radius:9px;background:var(--surface-elevated)}.jm-hotel small,.jm-hotel b,.jm-hotel span{display:block}.jm-hotel small{color:var(--gold-primary);font-size:.48rem;font-weight:800}.jm-hotel b{margin:3px 0;font-size:.6rem}.jm-hotel span{color:var(--gold-secondary);font-size:.52rem}.jm-card-bottom{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:15px;padding-top:14px;border-top:1px solid var(--border-color)}.jm-card-bottom small,.jm-card-bottom strong,.jm-card-bottom span{display:block}.jm-card-bottom small,.jm-card-bottom span{color:var(--text-muted);font-size:.52rem}.jm-card-bottom strong{margin:2px 0;color:var(--gold-primary);font-size:.94rem}.jm-card-bottom .btn{font-size:.62rem;padding:8px 10px}

.jm-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.jm-steps article{padding:18px;border:1px solid var(--border-color);border-radius:13px;background:var(--surface)}.jm-steps article>b{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:50%;color:var(--gold-primary);font-size:.62rem}.jm-steps h3{margin:12px 0 5px;font-size:.8rem}.jm-steps p{margin:0;color:var(--text-secondary);font-size:.67rem;line-height:1.5}
.jm-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px;border:1px solid var(--border-strong);border-radius:20px;background:var(--surface)}.jm-cta h2{margin:0 0 8px;font-size:2rem;letter-spacing:-.04em}.jm-cta p{margin:0;max-width:650px;color:var(--text-secondary)}

@media(max-width:980px){.jm-hero-grid{grid-template-columns:1fr}.jm-featured{max-width:500px}.jm-layout{grid-template-columns:1fr}.jm-filter{position:static}.jm-packages{grid-template-columns:1fr 1fr}.jm-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.jm-hero{padding-top:115px}.jm-hero-copy h1{font-size:2.7rem}.jm-search-panel{grid-template-columns:1fr}.jm-search-panel label{border-right:0;border-bottom:1px solid var(--border-color)}.jm-packages,.jm-hotel,.jm-steps{grid-template-columns:1fr}.jm-list-head,.jm-cta{align-items:flex-start;flex-direction:column}.jm-card-bottom{align-items:flex-start;flex-direction:column}.jm-card-bottom .btn{width:100%}}

/* V4.4 — Dark-mode native select readability */
html[data-theme="dark"] .jm-search-panel select,
html[data-theme="dark"] .jm-sort select {
  color-scheme: dark;
  background-color: #111111;
  color: #ffffff;
  border-radius: 8px;
}

html[data-theme="dark"] .jm-search-panel select option,
html[data-theme="dark"] .jm-sort select option {
  background-color: #151515;
  color: #ffffff;
}

html[data-theme="dark"] .jm-search-panel select:focus,
html[data-theme="dark"] .jm-sort select:focus {
  outline: 1px solid #D4AF37;
  outline-offset: 2px;
}

html[data-theme="light"] .jm-search-panel select,
html[data-theme="light"] .jm-sort select {
  color-scheme: light;
  background-color: #ffffff;
  color: #151515;
}

html[data-theme="light"] .jm-search-panel select option,
html[data-theme="light"] .jm-sort select option {
  background-color: #ffffff;
  color: #151515;
}