.awpi-widget{
  --awpi-bg: rgba(255,255,255,.78);
  --awpi-border: rgba(120,120,120,.18);
  --awpi-shadow: 0 18px 50px rgba(0,0,0,.12);
  --awpi-text: #1b1b1b;
  --awpi-muted: rgba(27,27,27,.62);
  --awpi-brand: #b7892a;
  --awpi-brand-2: #8f5a18;
  --awpi-radius: 18px;
  --awpi-radius-sm: 14px;

  max-width: 440px;
  margin: 0 auto;
  border: 1px solid var(--awpi-border);
  border-radius: var(--awpi-radius);
  background: linear-gradient(180deg, var(--awpi-bg), rgba(255,255,255,.62));
  box-shadow: var(--awpi-shadow);
  overflow: hidden;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  position: relative;
  isolation: isolate;
}

.awpi-widget::before{
  content:"";
  position:absolute;
  inset:-120px -120px auto -120px;
  height: 220px;
  background: radial-gradient(circle at 20% 30%, rgba(183,137,42,.32), transparent 55%),
              radial-gradient(circle at 80% 40%, rgba(0,0,0,.12), transparent 60%);
  z-index: -1;
  pointer-events:none;
}

.awpi-head{
  background: linear-gradient(90deg, var(--awpi-brand), var(--awpi-brand-2));
  color: #fff;
  padding: 16px 18px;
  font-weight: 800;
  letter-spacing: .2px;
  font-size: 18px;
}

.awpi-body{ padding: 16px 18px 18px; color: var(--awpi-text); }

.awpi-body{
  padding: 16px 18px 18px;
  color: var(--awpi-text);
  background: #fff !important;   /* <- aqui está o pulo do gato */
}

/* ✅ AJUSTE 2: subtítulo com fundo branco (removendo "efeito") */
.awpi-subtitle{
  margin: 8px 0 14px;
  color: var(--awpi-muted);
  font-size: 14px;
  line-height: 1.35;

  /* deixa o texto "limpo", sem faixa */
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}
.awpi-subtitle::before,
.awpi-subtitle::after{
  content: none !important;
}

.awpi-date-row{
  display:flex;
  align-items:center;
  gap: 10px;
}

.awpi-date{
  display:flex;
  align-items:center;
  flex:1;
  min-width:0;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: var(--awpi-radius-sm);
  background: rgba(255,255,255,.92);
  height: 46px;
  padding: 0 12px;
  transition: transform .12s ease, box-shadow .18s ease, border-color .18s ease;
}

.awpi-date:focus-within{
  border-color: rgba(183,137,42,.55);
  box-shadow: 0 0 0 4px rgba(183,137,42,.14);
}

.awpi-date-start{ padding-left: 12px; }
.awpi-date-end{ position:relative; }

.awpi-cal{ margin-right: 10px; font-size: 16px; opacity: .85; }

.awpi-arrow{ color: rgba(27,27,27,.38); font-weight: 900; }

.awpi-input{
  border: 0 !important;
  outline: 0 !important;
  width: 100% !important;
  background: transparent !important;
  font-size: 14px !important;
  color: var(--awpi-text) !important;
  padding: 0 !important;
}

.awpi-clear-dates{
  margin: 8px 0 0 auto;
  padding: 6px 10px;
  border: 1px solid rgba(183,137,42,.28);
  border-radius: 999px;
  background: rgba(183,137,42,.08);
  color: #8f5a18;
  cursor: pointer;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
}

.awpi-clear-dates:hover{
  background: rgba(183,137,42,.14);
  border-color: rgba(183,137,42,.42);
}

.awpi-row{ margin-top: 12px; }

.awpi-row-people{
  position:relative;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: var(--awpi-radius-sm);
  background: rgba(255,255,255,.92);
  height: 46px;
  display:flex;
  align-items:center;
}

.awpi-select{
  width: 100%;
  height: 46px;
  padding: 0 42px 0 12px;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 14px;
  appearance:none;
  color: var(--awpi-text);
}

.awpi-caret{ position:absolute; right: 14px; top:50%; transform:translateY(-50%); color: rgba(27,27,27,.55); }

.awpi-row-pet{ display:flex; align-items:center; gap: 10px; color: var(--awpi-muted); font-size: 14px; }

.awpi-divider{ height: 1px; background: rgba(0,0,0,.08); margin: 14px 0; }

/* Buttons */
.awpi-check, .awpi-book{
  width: 100%;
  height: 52px;
  border: 0;
  border-radius: 16px;
  cursor: pointer;
  font-weight: 900;
  letter-spacing: .45px;
  text-transform: uppercase;
  transition: transform .10s ease, filter .18s ease, box-shadow .18s ease, opacity .18s ease;
  position: relative;
  user-select: none;
}

.awpi-check{
  margin-top: 16px;
  color:#fff; /* ✅ AJUSTE 1 */
  background: linear-gradient(135deg, var(--awpi-brand), var(--awpi-brand-2));
  box-shadow: 0 14px 30px rgba(183,137,42,.22);
}

/* ✅ AJUSTE 1: manter texto branco no hover/focus e em elementos internos */
.awpi-check:hover,
.awpi-check:focus{
  color:#fff !important;
  filter: brightness(1.03);
  box-shadow: 0 16px 36px rgba(183,137,42,.28);
}
.awpi-check *{
  color:#fff !important;
}

.awpi-book{
  margin-top: 16px;
  color:#fff;
  background: linear-gradient(135deg, #1b1b1b, #000);
  box-shadow: 0 14px 30px rgba(0,0,0,.18);
}

.awpi-book:hover{ filter: brightness(1.05); box-shadow: 0 16px 38px rgba(0,0,0,.22); }

.awpi-check:active, .awpi-book:active{ transform: translateY(1px) scale(.99); }

.awpi-book.is-disabled{ opacity: .65; cursor: not-allowed; transform: none; }

.awpi-check[disabled]{ opacity: .65; cursor:not-allowed; transform:none; }

/* subtle shine */
.awpi-check::after, .awpi-book::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  background: linear-gradient(115deg, rgba(255,255,255,.22), transparent 40%, rgba(255,255,255,.14));
  opacity: 0;
  transition: opacity .18s ease;
  pointer-events:none;
}

.awpi-check:hover::after, .awpi-book:hover::after{ opacity: 1; }

/* Secondary action: Change dates (small & discreet) */
.awpi-change{
  display: block;
  width: auto;
  margin-top: 10px;
  margin-left: auto;
  background: transparent;
  border: 0;
  padding: 6px 0;
  cursor: pointer;
  color: var(--awpi-muted);
  font-weight: 800;
  font-size: 11px;
  letter-spacing: .2px;
  text-transform: none;
  transition: color .18s ease, transform .10s ease;
}

.awpi-change:hover{ color: rgba(183,137,42,.95); }
.awpi-change:active{ transform: translateY(1px); }

/* Price card */
.awpi-step2{ margin-top: 16px; }

.awpi-price{
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.78);
  padding: 14px 14px 12px;
}

.awpi-price-label{ color: var(--awpi-muted); font-weight: 800; font-size: 14px; }

.awpi-price-value{ color: var(--awpi-brand); font-size: 34px; font-weight: 950; letter-spacing: -.6px; }

.awpi-currency{ margin-left: 6px; }

.awpi-nights{ color: var(--awpi-muted); font-size: 12px; font-weight: 700; margin-top: 6px; text-align: right; }

.awpi-fees{ margin-top: 14px; }
.awpi-fees-title{ margin-top: 10px; font-size: 12px; color: var(--awpi-muted); font-weight: 850; text-transform: uppercase; letter-spacing: .35px; text-align:center; }

.awpi-fee-row{
  display:flex;
  justify-content: space-between;
  align-items:center;
  font-size: 14px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.05);
  margin-top: 8px;
  color: rgba(27,27,27,.82);
}

.awpi-vat-note{ color: var(--awpi-muted); font-size: 12px; margin-top: 12px; }
.awpi-not-included{ color: rgba(27,27,27,.72); font-size: 12px; margin-top: 10px; line-height: 1.45; }

.awpi-msg{ margin-top: 10px; font-size: 13px; color: var(--awpi-muted); font-weight: 700; }
.awpi-msg.is-error{ color: #b91c1c; }

.awpi-error{ padding: 10px; border: 1px dashed #b91c1c; color:#b91c1c; background: rgba(220,38,38,.06); border-radius: 14px; }

/* Loading overlay */
.awpi-widget.is-loading{ pointer-events:none; }
.awpi-loading{ display:none; }
.awpi-widget.is-loading .awpi-loading{
  display:flex;
  position:absolute;
  inset:0;
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(6px);
  align-items:center;
  justify-content:center;
  z-index: 50;
}

.awpi-loader{
  width: 54px;
  height: 54px;
  border-radius: 999px;
  border: 3px solid rgba(0,0,0,.10);
  border-top-color: rgba(183,137,42,.95);
  animation: awpiSpin .9s linear infinite;
  box-shadow: 0 12px 30px rgba(0,0,0,.10);
}

.awpi-loading-text{ margin-top: 12px; font-weight: 850; color: rgba(0,0,0,.62); letter-spacing: .2px; }

@keyframes awpiSpin{ to { transform: rotate(360deg); } }

/* Flatpickr tweaks */
.flatpickr-calendar{ z-index: 999999 !important; border-radius: 16px; box-shadow: 0 18px 50px rgba(0,0,0,.15); }
.flatpickr-day.disabled,.flatpickr-day.disabled:hover{ opacity: .25; cursor:not-allowed; }
.flatpickr-day.inRange{ background: rgba(149,97,27,.18); border-color: rgba(149,97,27,.18); box-shadow:none; }
.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected{ background: #95611B; border-color: #95611B; color:#fff; border-radius: 999px; }
/* Selected day hover/focus (force brand color, avoids default blue) */
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus{
  background:#95611B !important;
  border-color:#95611B !important;
  color:#fff !important;
}

@media (max-width: 767px){
  .awpi-date-row{ display:block; }
  .awpi-date-start{ width:100%; position:relative; }
  .awpi-date-end,
  .awpi-arrow{ display:none; }

  .awpi-clear-dates{
    display: block;
    width: auto;
    margin: 8px 0 0 auto;
    padding: 0 0 2px;
    border: 0;
    border-bottom: 1px dashed rgba(27,27,27,.35);
    border-radius: 0;
    background: transparent;
    color: rgba(27,27,27,.62);
    font-size: 12px;
    font-weight: 850;
    line-height: 1.2;
  }

  .awpi-clear-dates:hover{
    background: transparent;
    color: #95611B;
    border-bottom-color: #95611B;
  }

  .flatpickr-calendar{
    max-width: calc(100vw - 24px);
  }
}

/* Cancellation policy link */
.awpi-cancel{
  margin-top: 10px;
  text-align: right;
}
.awpi-cancel-link{
  font-size: 12px;
  font-weight: 850;
  color: rgba(27,27,27,.62);
  text-decoration: none;
  border-bottom: 1px dashed rgba(27,27,27,.35);
  padding-bottom: 2px;
}
.awpi-cancel-link:hover{
  color: #95611B;
  border-bottom-color: #95611B;
}

/* Modal (popup) */
.awpi-modal{ display:none; }
.awpi-modal.is-open{
  display:flex;
  position:fixed;
  inset:0;
  z-index: 999999;
  align-items:center;
  justify-content:center;
  padding: 18px;
}
.awpi-modal__backdrop{ position:absolute; inset:0; background: rgba(0,0,0,.55); }

.awpi-modal__dialog{
  position: relative;
  width: min(520px, calc(100% - 28px));
  max-width: 520px;
  max-height: 80vh;
  margin: 0;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 22px 70px rgba(0,0,0,.25);
  overflow: hidden;
  z-index: 1;
}

.awpi-modal__close{
  position:absolute;
  right: 10px;
  top: 8px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 10px;
  background: rgba(0,0,0,.05);
  cursor: pointer;
  font-size: 18px;
  line-height: 34px;
  z-index: 2;
}
.awpi-modal__close:hover{ background: rgba(0,0,0,.08); }

.awpi-modal__body{
  padding: 16px 14px 14px;
  max-height: 80vh;
  overflow: auto;
}
.awpi-modal__loading{ font-weight: 800; color: rgba(0,0,0,.62); padding: 12px 4px; }
.awpi-modal__frame{
  width: 100%;
  height: min(72vh, 620px);
  border: 0;
  border-radius: 12px;
}
.awpi-modal__html{ display:none; font-size: 13px; color: rgba(0,0,0,.78); line-height: 1.55; }
.awpi-modal__html .awpi-cancel-box{ background: rgba(0,0,0,.03); border: 1px solid rgba(0,0,0,.06); border-radius: 14px; padding: 12px; }
.awpi-modal__html ul{ margin: 0; padding-left: 18px; }
.awpi-modal__html li{ margin: 6px 0; }