/* ── Shakira Tour — Custom Overrides ─────────────────────────────────────
   File ini di-copy ke /www/wwwroot/shakirawisata.com/css/custom.css
   setiap kali deploy_paket.sh dijalankan. JANGAN edit langsung di webroot.
   ──────────────────────────────────────────────────────────────────────── */

/* ── Hijriah overlay ─────────────────────────────────────────────────── */
.overlay-hijri {
    font-size: 11px; color: rgba(255,255,255,.8);
    margin-top: 3px; font-style: italic; letter-spacing: .3px;
}

/* ── HIGHLIGHT label di kartu paket ─────────────────────────────────── */
.features-hl { margin-top: 2px; }
.features-hl-label {
    display: block;
    font-family: 'Dancing Script', cursive;
    font-size: 17px;
    font-weight: 700;
    color: #DC143C !important;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 6px;
    padding-bottom: 4px;
    border-bottom: 1.5px solid #f5c6cb;
}

/* ── DOWNLOAD BUTTONS (brosur / itinerary) ───────────────────────────── */
.card-downloads {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    flex-wrap: wrap;
}
.btn-dl {
    background: #0e7a8a !important;
    font-size: 0.78rem !important;
    padding: 7px 14px !important;
}
.btn-dl:hover {
    background: #0a5f6c !important;
}

/* ── Guide row (pembimbing) di kartu paket ───────────────────────────── */
.guide-row {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 0 2px; border-top: 1px solid #f0f0f0; margin-top: 8px;
}
.guide-avatar {
    width: 38px; height: 38px; border-radius: 50%;
    background: linear-gradient(135deg, #1B5E20, #2E7D32);
    color: #fff; font-size: 11px; font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; overflow: hidden;
}
.guide-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.guide-name { font-size: 12px; color: #4A4A4A; font-weight: 500; }

/* ── Keunggulan: icon menggantikan nomor ─────────────────────────────── */
.keunggulan-icon {
    width: 42px; height: 42px; border-radius: 12px;
    background: #FFF7ED; font-size: 22px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; line-height: 1;
}
.keunggulan-item:nth-child(even) .keunggulan-icon { background: #F1F8F1; }

/* ── Reel frame: tinggi diperbesar ───────────────────────────────────── */
.reel-frame { height: 720px !important; }

/* ── Staff: foto dalam lingkaran, posisi tengah ──────────────────────── */
.staff-photo img {
    width: 100%; height: 100%; object-fit: cover; border-radius: 50%;
    display: block; object-position: center center !important;
}