/* ============================================================
   FIX: Colores derivados de $primary, $warning y $danger
   El turismo.css fue compilado con colores rosados/rojos.
   Este archivo sobreescribe todo con tonos amarillos.
   ============================================================ */

/* ============================================================
   PRIMARY derived fixes → amarillo
   Original $primary: #ff214f (rosa) → debe ser #ffd600 (amarillo)
   ============================================================ */

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #FFF4B8;
  border-color: #FFED7A;
}
.table-hover .table-primary:hover,
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #FFEE99;
}

.alert-primary {
  color: #856F00;
  background-color: #FFF7CC;
  border-color: #FFF4B8;
}
.alert-primary hr {
  border-top-color: #FFEE99;
}
.alert-primary .alert-link {
  color: #6B5900;
}

.list-group-item-primary {
  color: #856F00;
  background-color: #FFF4B8;
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #856F00;
  background-color: #FFEE99;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #856F00;
  border-color: #856F00;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #FFF2B3;
  border-color: #FFF2B3;
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #FFF2B3;
}
.custom-range::-moz-range-thumb:active {
  background-color: #FFF2B3;
}
.custom-range::-ms-thumb:active {
  background-color: #FFF2B3;
}

/* ============================================================
   DANGER derived fixes → amarillo oscuro
   Original $danger: #F85C70 (rojo) → debe ser #CC9900 (amarillo oscuro)
   ============================================================ */

.btn-danger {
  background-color: #CC9900 !important;
  border-color: #CC9900 !important;
}
.btn-danger:hover {
  background-color: #B38600 !important;
  border-color: #B38600 !important;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  background-color: #A67A00 !important;
  border-color: #A67A00 !important;
}

.btn-outline-danger {
  color: #CC9900 !important;
  border-color: #CC9900 !important;
}
.btn-outline-danger:hover {
  background-color: #CC9900 !important;
  border-color: #CC9900 !important;
  color: #000 !important;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active {
  background-color: #A67A00 !important;
  border-color: #A67A00 !important;
  color: #000 !important;
}

.text-danger {
  color: #CC9900 !important;
}

.badge-danger {
  background-color: #CC9900 !important;
}

.alert-danger {
  color: #6A5000 !important;
  background-color: #F2E6CC !important;
  border-color: #E8D699 !important;
}
.alert-danger .alert-link {
  color: #3B2C00 !important;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #F2E6CC !important;
  border-color: #E8D699 !important;
}
.table-hover .table-danger:hover,
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #ECD9B3 !important;
}

.list-group-item-danger {
  color: #6A5000 !important;
  background-color: #F2E6CC !important;
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: #6A5000 !important;
  background-color: #ECD9B3 !important;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff !important;
  background-color: #6A5000 !important;
  border-color: #6A5000 !important;
}

/* ============================================================
   WARNING derived fixes → amarillo (igual que primary)
   Original $warning: #FF8882 (salmón) → debe ser #FFD600 (amarillo)
   ============================================================ */

.btn-warning {
  background-color: #FFD600 !important;
  border-color: #FFD600 !important;
}
.btn-warning:hover {
  background-color: #E6C100 !important;
  border-color: #E6C100 !important;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  background-color: #D9B400 !important;
  border-color: #D9B400 !important;
}

.btn-outline-warning {
  color: #FFD600 !important;
  border-color: #FFD600 !important;
}
.btn-outline-warning:hover {
  background-color: #FFD600 !important;
  border-color: #FFD600 !important;
  color: #000 !important;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active {
  background-color: #D9B400 !important;
  border-color: #D9B400 !important;
  color: #000 !important;
}

.text-warning {
  color: #FFD600 !important;
}

.badge-warning {
  background-color: #FFD600 !important;
}

.alert-warning {
  color: #857000 !important;
  background-color: #FFF4CC !important;
  border-color: #FFE999 !important;
}
.alert-warning .alert-link {
  color: #4D3F00 !important;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #FFF4CC !important;
  border-color: #FFE999 !important;
}
.table-hover .table-warning:hover,
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #FFEDB3 !important;
}

.list-group-item-warning {
  color: #857000 !important;
  background-color: #FFF4CC !important;
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #857000 !important;
  background-color: #FFEDB3 !important;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff !important;
  background-color: #857000 !important;
  border-color: #857000 !important;
}

/* ============================================================
   Override para inline style en logout_modal.php
   (visited/focus .text-danger con #dc3545)
   ============================================================ */
a.nav-link.text-danger:visited,
a.nav-link.text-danger:focus {
  color: #CC9900 !important;
}

/* ============================================================
   intl-tel-input fixes: dark theme + alignment
   ============================================================ */

.iti__country {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px;
  padding: 6px 10px !important;
  white-space: nowrap;
}

.iti__country-name {
  flex: 1;
  text-align: left !important;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.iti__dial-code {
  text-align: right !important;
  flex-shrink: 0;
}

.iti__dropdown-content {
  max-height: 260px;
  overflow-y: auto;
  background: #2d2d2d !important;
  color: #ddd !important;
  border: 1px solid #555 !important;
}

.iti__dropdown-content::-webkit-scrollbar {
  width: 6px;
}
.iti__dropdown-content::-webkit-scrollbar-track {
  background: #1a1a1a;
}
.iti__dropdown-content::-webkit-scrollbar-thumb {
  background: #555;
  border-radius: 3px;
}

.iti__country:hover,
.iti__country.iti__highlight {
  background-color: #3a3a3a !important;
}

.iti__search-input {
  background: #1a1a1a !important;
  color: #fff !important;
  border-color: #555 !important;
}

.iti__selected-country {
  background: transparent !important;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=tel],
.iti input.iti__tel-input[type=text] {
  height: calc(1.5em + 0.75rem + 2px);
  padding-left: 56px;
}

.iti--allow-dropdown .iti__country-container {
  right: auto;
}

.iti__selected-country-primary {
  padding-left: 10px;
}

.iti {
  width: 100%;
}

.iti__search-label {
  color: #999;
}