/* ---------------------------------------------------------------------------
   Tema do bootstrap-datepicker para a LP Corcoran Atlantic.
   Um popup claro unico nos tres contextos (footer escuro, modal claro, chatbot).
   Carregado DEPOIS de corcoran-atlantic.css e chatbot.css para ganhar a ambos.
   --------------------------------------------------------------------------- */

/* O reset global * { border-radius: 0 } (corcoran-atlantic.css:53-61) perde por
   especificidade contra .datepicker, que traz 4px do vendor. Zerar a mao. */
.datepicker,
.datepicker table,
.datepicker table tr td,
.datepicker table tr th,
.datepicker table tr td span {
  border-radius: 0 !important;
}

.datepicker {
  /* O place() do plugin calcula o z-index a partir dos pais e escreve-o inline.
     No footer isso da 12, e o widget do chatbot esta a 1060 (chatbot.css:5), pelo
     que o calendario abria por tras dele. Dentro do modal isto fica confinado ao
     stacking context do #propertyModal (3900), por isso nao colide com nada. */
  z-index: 4200 !important;
  /* O Bootstrap 5 poe pointer-events:none no .modal-dialog. Nao anexamos o popup
     la dentro, mas esta linha garante que ele nunca fica visivel-e-nao-clicavel. */
  pointer-events: auto;
  font-family: 'Avenir LT Pro', sans-serif;
  font-size: 0.875rem;
  background: #f2f2f2;
  color: #161616;
  border: 1px solid rgba(18, 18, 18, 0.22);
  padding: 6px;
}

/* Bico do dropdown a condizer com o painel claro. */
.datepicker-dropdown:before {
  border-bottom-color: rgba(18, 18, 18, 0.22);
}
.datepicker-dropdown:after {
  border-bottom-color: #f2f2f2;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  border-top-color: rgba(18, 18, 18, 0.22);
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  border-top-color: #f2f2f2;
}

.datepicker table tr td,
.datepicker table tr th {
  color: #161616;
  background: transparent;
  border: 0;
}

.datepicker table tr th.dow {
  color: rgba(18, 18, 18, 0.55);
  font-weight: 500;
}

.datepicker .datepicker-switch {
  font-weight: 600;
  color: #161616;
}

.datepicker table tr td.day:hover,
.datepicker table tr td span:hover,
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: rgba(191, 165, 138, 0.22);
}

/* Dia/mes/ano seleccionado usa o dourado da marca (--accent #BFA58A). */
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.active,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover {
  background: var(--accent, #BFA58A) !important;
  background-image: none !important;
  color: #ffffff !important;
  text-shadow: none !important;
}

.datepicker table tr td.old,
.datepicker table tr td.new,
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: rgba(18, 18, 18, 0.35);
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  color: rgba(18, 18, 18, 0.25);
  background: transparent;
  cursor: default;
}

/* O campo de data e' um input normal do site: nao herda nada do vendor. */
.datepicker-dropdown {
  margin-top: 2px;
}