/* Floux Theme by Divi (Amwaj Tour): site CSS overrides. Loaded after Divi and the Amwaj Site plugin. */

/* Footer bar: aligned layout and room for the day/night switch (15 Oct 2026) */
@media (min-width: 981px) {
  .et-l--footer .amwaj-footer.et_pb_section { padding-top: 56px !important; padding-bottom: 112px !important; }
  .et-l--footer .amwaj-footer .et_pb_row { align-items: center !important; }
  .et-l--footer .amwaj-footer .et_pb_column_1_tb_footer { flex: 0 0 220px !important; max-width: 220px !important; }
  .et-l--footer .amwaj-footer .et_pb_column_3_tb_footer { flex: 0 0 260px !important; max-width: 260px !important; }
  .et-l--footer .amwaj-footer .et_pb_column_2_tb_footer { flex: 1 1 auto !important; max-width: none !important; }
  .et-l--footer .amwaj-footer .et_pb_image { width: 132px !important; }
  .et-l--footer .amwaj-footer .et_pb_image img { width: 100% !important; height: auto !important; }
  .et-l--footer .amwaj-footer .et_pb_text_0_tb_footer p { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; margin: 0 0 12px; padding: 0; line-height: 1.5; }
  .et-l--footer .amwaj-footer .et_pb_text_0_tb_footer p:last-child { margin-bottom: 0; }
  .et-l--footer .amwaj-footer .et_pb_text_0_tb_footer p a { margin: 0; font-size: 15px; }
  .et-l--footer .amwaj-footer .amwaj-social { display: flex; flex-basis: 100%; justify-content: center; gap: 8px 24px; }
  .et-l--footer .amwaj-footer .et_pb_text_1_tb_footer,
  .et-l--footer .amwaj-footer .et_pb_text_1_tb_footer p { text-align: right; white-space: nowrap; }
}
@media (min-width: 981px) and (max-width: 1279px) {
  .et-l--footer .amwaj-footer .et_pb_column_1_tb_footer { flex: 0 0 150px !important; max-width: 150px !important; }
  .et-l--footer .amwaj-footer .et_pb_column_3_tb_footer { flex: 0 0 190px !important; max-width: 190px !important; }
  .et-l--footer .amwaj-footer .et_pb_text_1_tb_footer p { white-space: normal; }
  .et-l--footer .amwaj-footer .et_pb_text_0_tb_footer p,
  .et-l--footer .amwaj-footer .amwaj-social { gap: 8px 18px; }
  .et-l--footer .amwaj-footer .et_pb_text_0_tb_footer p a { font-size: 14px; }
}
@media (max-width: 980px) {
  .et-l--footer .amwaj-footer.et_pb_section { padding-bottom: 104px !important; }
  .et-l--footer .amwaj-footer .et_pb_row { align-items: center !important; padding-left: 24px !important; padding-right: 24px !important; text-align: center; }
  .et-l--footer .amwaj-footer .et_pb_image { width: 132px !important; margin: 0 auto; }
  .et-l--footer .amwaj-footer .et_pb_text_0_tb_footer,
  .et-l--footer .amwaj-footer .et_pb_text_1_tb_footer { width: 100% !important; }
  .et-l--footer .amwaj-footer .et_pb_text p { justify-content: center; }
  .et-l--footer .amwaj-footer .amwaj-social { display: flex; flex-basis: 100%; justify-content: center; gap: 10px 20px; }
  .et-l--footer .amwaj-footer .et_pb_text_1_tb_footer,
  .et-l--footer .amwaj-footer .et_pb_text_1_tb_footer p,
  .et-l--footer .amwaj-footer .et_pb_text_1_tb_footer .et_pb_text_inner { text-align: center !important; }
}

/* WhatsApp topic chooser (inc/whatsapp-chat.php + assets/js/floux.js) */
.floux-wa {
  position: fixed; right: 20px; bottom: 92px; z-index: 9991;
  width: min(344px, calc(100vw - 24px));
  border-radius: 22px; overflow: hidden;
  background: rgba(18, 18, 18, .92);
  -webkit-backdrop-filter: blur(24px) saturate(140%); backdrop-filter: blur(24px) saturate(140%);
  border: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .25), 0 18px 40px rgba(0, 0, 0, .35), 0 40px 90px rgba(229, 190, 119, .06);
  color: #f2efe9; font-size: 14px; line-height: 1.55;
  opacity: 0; transform: translateY(12px) scale(.97); transform-origin: 100% 100%;
  transition: opacity .3s cubic-bezier(.22, 1, .36, 1), transform .45s cubic-bezier(.34, 1.4, .64, 1);
}
.floux-wa[hidden] { display: none; }
.floux-wa.is-open { opacity: 1; transform: none; }
.floux-wa__head { display: flex; align-items: center; gap: 12px; padding: 16px 16px 14px; border-bottom: 1px solid rgba(255, 255, 255, .07); }
.floux-wa__avatar { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: #000; border: 1px solid rgba(229, 190, 119, .45); }
.floux-wa__who { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.floux-wa__who strong { font-size: 15px; font-weight: 600; letter-spacing: -.01em; color: #fff; }
.floux-wa__who span { font-size: 12px; color: #a3adb5; line-height: 1.4; }
.floux-wa__close {
  flex: 0 0 36px; width: 36px; height: 36px; border: 0; border-radius: 50%; padding: 0; cursor: pointer;
  display: grid; place-items: center; background: rgba(255, 255, 255, .06); color: #d9d9d6;
  transition: transform .3s cubic-bezier(.34, 1.4, .64, 1), opacity .2s;
}
.floux-wa__close:hover { transform: rotate(90deg); }
.floux-wa__close:active { transform: scale(.92); }
.floux-wa__body { padding: 16px; }
.floux-wa__bubble { margin: 0 0 12px; padding: 12px 14px; border-radius: 4px 16px 16px 16px; background: rgba(255, 255, 255, .06); color: #f2efe9; }
.floux-wa__prompt { margin: 0 0 10px; font-size: 12px; letter-spacing: .02em; color: #a3adb5; }
.floux-wa__topics { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.floux-wa__topic {
  position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  min-height: 48px; padding: 12px 16px; border-radius: 14px; text-decoration: none;
  color: #fff !important; font-weight: 500;
  background: rgba(255, 255, 255, .03); border: 1px solid rgba(255, 255, 255, .1);
  transition: transform .35s cubic-bezier(.34, 1.4, .64, 1), opacity .2s;
}
.floux-wa__topic::before {
  content: ""; position: absolute; inset: -1px; border-radius: inherit; border: 1px solid #e5be77;
  opacity: 0; transition: opacity .25s; pointer-events: none;
}
.floux-wa__arrow { color: #e5be77; transition: transform .35s cubic-bezier(.34, 1.4, .64, 1); }
.floux-wa__topic:hover::before { opacity: 1; }
.floux-wa__topic:hover .floux-wa__arrow { transform: translateX(4px); }
.floux-wa__topic:active { transform: scale(.98); }
.floux-wa__start {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  margin: 0 16px 16px; min-height: 48px; padding: 12px 18px; border-radius: 999px;
  background: #e5be77; color: #000 !important; font-weight: 600; text-decoration: none;
  box-shadow: 0 8px 24px rgba(229, 190, 119, .22);
  transition: transform .35s cubic-bezier(.34, 1.4, .64, 1), opacity .2s;
}
.floux-wa__start:hover { transform: translateY(-2px); }
.floux-wa__start:active { transform: scale(.98); }
.floux-wa a:focus-visible, .floux-wa button:focus-visible, .amwaj-wa:focus-visible { outline: 2px solid #e5be77; outline-offset: 3px; }
html.floux-wa-open .amwaj-wa { box-shadow: 0 0 0 2px #e5be77, var(--float, 0 24px 60px rgba(0, 0, 0, .6)); }
html.amwaj-mm-open .floux-wa { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
  .floux-wa, .floux-wa__topic, .floux-wa__arrow, .floux-wa__start, .floux-wa__close { transition: none; }
}

/* Tour search dropdowns (Where / When / Travelers) on listing pages, 16 Oct 2026.
   The filter chips live in a later Divi section, so they painted over the open list on phones and tablets,
   and the list was 55% see-through. While a picker is open, its column is lifted above them,
   and the list is almost solid (the frosted blur stays). */
.et_pb_column:has(.amwaj.search .sfield.open),
.et_pb_column:has(.amwaj.search [aria-expanded="true"]) { z-index: 60 !important; }
.amwaj.search .spop { background: rgba(250, 250, 252, .97) !important; }
:root[data-theme="dark"] .amwaj.search .spop { background: rgba(22, 22, 24, .96) !important; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .amwaj.search .spop { background: rgba(22, 22, 24, .96) !important; }
}

/* Filter chips (Destination / Kind of trip): the list items showed bullet dots next to each chip. */
.amwaj .fgroup ul,
.amwaj .fgroup li { list-style: none; }
.amwaj .fgroup li::marker { content: none; }

/* Listing pages on tablets/phones: the sideways-scrolling chip rows made the filters column wider than the
   screen (897px content on a 753px screen), so the whole page could slide sideways. Grid items may now shrink. */
.amwaj-results > *,
.amwaj-results .filters,
.amwaj .fgroup { min-width: 0; max-width: 100%; }