/* safar-wpte.css (#296) — identitas safar untuk halaman/template WP Travel Engine.
   Palet: latar #080B12 · panel #0F1420 · emas #C9A45C · teks #F4EFE6 · judul Cormorant Garamond.
   File ini HANYA dimuat di safar.mutqinin.id (host-gate) dan tidak menimpa safar.css / safar-wp.css. */

body.trip-template-default,
body.post-type-archive-trip,
body.page-template-page-lp,
.single-trip,
.wte-page {
  background: #080B12 !important;
  color: #F4EFE6;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* judul */
.single-trip h1, .single-trip h2, .single-trip h3,
.post-type-archive-trip h1, .post-type-archive-trip h2,
.mq-booking-wrap h1, .mq-booking-wrap h2,
.wte-title, .wte-section-title, .trip-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  color: #F4EFE6;
  letter-spacing: .01em;
}

/* kartu trip WPTE + kartu umum di halaman trip */
.single-trip .wte-trip-card,
.wte-trip-item, .trip-card, .wte-related-trips .trip,
article.trip, .post-type-archive-trip li.product {
  background: #0F1420 !important;
  border: 1px solid rgba(201, 164, 92, .28) !important;
  border-radius: 14px !important;
  color: #F4EFE6;
  overflow: hidden;
}
.single-trip img, article.trip img { border-bottom: 1px solid rgba(201, 164, 92, .22); }

/* tabel itinerary & daftar */
.single-trip table, .wte-itinerary table, .itinerary table { width: 100%; border-collapse: collapse; background: #0F1420; color: #F4EFE6; }
.single-trip table th, .single-trip table td,
.wte-itinerary th, .wte-itinerary td, .itinerary th, .itinerary td {
  border: 1px solid rgba(201, 164, 92, .22);
  padding: 10px 12px;
  color: #F4EFE6;
}
.single-trip table th, .wte-itinerary th, .itinerary th { background: #12192a; color: #C9A45C; font-weight: 600; }
.single-trip ol, .single-trip ul, .wte-itinerary ol, .itinerary ol { color: #F4EFE6; }
.single-trip ol li, .itinerary li { margin-bottom: 8px; }

/* tautan & tombol */
.single-trip a, .post-type-archive-trip a, .mq-booking-wrap a { color: #C9A45C; }
.single-trip a:hover, .mq-booking-wrap a:hover { color: #E2C27E; }
.single-trip .wte-btn, .single-trip button, .single-trip input[type="submit"],
.wte-enquiry-form button, .wte-enquiry-form input[type="submit"],
.mq-booking-btn {
  background: linear-gradient(180deg, #C9A45C, #B08F45) !important;
  color: #10141d !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 12px 20px !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  cursor: pointer;
}

/* form booking (mu-plugin mq-booking) + form enquiry WPTE */
.mq-booking-wrap, .wte-enquiry-form, .wte-booking-form, .wte-checkout {
  background: #0F1420 !important;
  border: 1px solid rgba(201, 164, 92, .28);
  border-radius: 16px;
  padding: 22px;
  color: #F4EFE6;
}
.mq-booking-wrap label, .wte-enquiry-form label, .wte-booking-form label { color: #F4EFE6; font-size: 14px; }
.mq-booking-wrap input, .mq-booking-wrap select, .mq-booking-wrap textarea,
.wte-enquiry-form input, .wte-enquiry-form select, .wte-enquiry-form textarea,
.wte-booking-form input, .wte-booking-form select, .wte-booking-form textarea {
  width: 100%;
  background: #0b1018 !important;
  border: 1px solid rgba(201, 164, 92, .35) !important;
  border-radius: 10px !important;
  color: #F4EFE6 !important;
  padding: 10px 12px !important;
  margin-top: 4px;
}
.mq-booking-wrap input::placeholder, .wte-enquiry-form input::placeholder { color: #9aa4b2; }
.mq-booking-note { color: #C9A45C; font-size: 14px; line-height: 1.6; }
.mq-booking-ok { background: rgba(201, 164, 92, .12); border: 1px solid #C9A45C; color: #F4EFE6; border-radius: 12px; padding: 14px 16px; margin-bottom: 16px; }

/* daftar trip ringkas di /paket/ */
.mq-trip-list { list-style: none; padding-left: 0; }
.mq-trip-item {
  background: #0F1420 !important;
  border: 1px solid rgba(201, 164, 92, .28);
  border-radius: 12px;
  padding: 14px 16px;
  color: #F4EFE6;
}
.mq-trip-item a { color: #C9A45C; text-decoration: none; }
.mq-trip-item a:hover { text-decoration: underline; }

/* tabel/iframe WPTE yang bisa meluber */
.wte-itinerary, .single-trip table, .mq-booking-wrap { max-width: 100%; }
.wte-itinerary table { display: block; overflow-x: auto; }
@media (max-width: 480px) {
  .mq-booking-wrap, .wte-enquiry-form { padding: 16px; }
  .single-trip h1, .mq-booking-wrap h1 { font-size: 34px !important; line-height: 1.15; }
}