/* Separar el dropdown de "Mi Cuenta" del texto que lo dispara */
.header-dropdown .onhover-show-div {
    top: 41px;
}

/* Eliminar el borde circular de los elementos de SweetAlert2 */
.sweet-no-border {
	border: 0;
}

/* Cambiar el color de las paginaciones a tonos de naranja, basandose en los colores originales del template ultikart */
.pagination {
	--bs-pagination-color: #ec8951;
	--bs-pagination-hover-color: #ec8951;
	--bs-pagination-active-bg: #ec8951;
	--bs-pagination-active-border-color: #ec8951;
	--bs-pagination-border-color: #ec8951;
	--bs-pagination-hover-bg: rgba(236, 137, 81, 0.1);
}

/* Cambiar el ancho al 100% para los alertas de error */
#alert-create-errors,
#alert-edit-errors {
    max-width: 100% !important;
}

/* SweetAlert2: Cambiar tamaños de textos en los mensajes */
.swal2-title {
    font-size: 18px !important;
}

.swal2-html-container {
    font-size: 16px !important;
}

/* =============================================
   btn-check: checked + hover fix para el template
   Pegar en tu CSS personalizado
   ============================================= */

/* PRIMARY  #ec8951 */
.btn-check:checked + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary:hover {
    background-color: #ec8951 !important;
    border-color:     #ec8951 !important;
    color:            #ffffff !important;
}
.btn-check:checked + .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(236,137,81,0.4) !important;
}

/* SECONDARY  #13c9ca */
.btn-check:checked + .btn-outline-secondary,
.btn-check:checked + .btn-outline-secondary:hover {
    background-color: #13c9ca !important;
    border-color:     #13c9ca !important;
    color:            #ffffff !important;
}
.btn-check:checked + .btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgba(19,201,202,0.4) !important;
}

/* SUCCESS  #81ba00 */
.btn-check:checked + .btn-outline-success,
.btn-check:checked + .btn-outline-success:hover {
    background-color: #81ba00 !important;
    border-color:     #81ba00 !important;
    color:            #ffffff !important;
}
.btn-check:checked + .btn-outline-success:focus {
    box-shadow: 0 0 0 0.2rem rgba(129,186,0,0.4) !important;
}

/* DANGER  #a5a5a5 */
.btn-check:checked + .btn-outline-danger,
.btn-check:checked + .btn-outline-danger:hover {
    background-color: #a5a5a5 !important;
    border-color:     #a5a5a5 !important;
    color:            #ffffff !important;
}
.btn-check:checked + .btn-outline-danger:focus {
    box-shadow: 0 0 0 0.2rem rgba(165,165,165,0.4) !important;
}

/* INFO  #00a8ff */
.btn-check:checked + .btn-outline-info,
.btn-check:checked + .btn-outline-info:hover {
    background-color: #00a8ff !important;
    border-color:     #00a8ff !important;
    color:            #ffffff !important;
}
.btn-check:checked + .btn-outline-info:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,168,255,0.4) !important;
}

/* WARNING  #ffbc58 */
.btn-check:checked + .btn-outline-warning,
.btn-check:checked + .btn-outline-warning:hover {
    background-color: #ffbc58 !important;
    border-color:     #ffbc58 !important;
    color:            #ffffff !important;
}
.btn-check:checked + .btn-outline-warning:focus {
    box-shadow: 0 0 0 0.2rem rgba(255,188,88,0.4) !important;
}

/* DARK  #2a3142 */
.btn-check:checked + .btn-outline-dark,
.btn-check:checked + .btn-outline-dark:hover {
    background-color: #2a3142 !important;
    border-color:     #2a3142 !important;
    color:            #ffffff !important;
}
.btn-check:checked + .btn-outline-dark:focus {
    box-shadow: 0 0 0 0.2rem rgba(42,49,66,0.4) !important;
}

/* LIGHT  #f8f8f9 */
.btn-check:checked + .btn-outline-light,
.btn-check:checked + .btn-outline-light:hover {
    background-color: #f8f8f9 !important;
    border-color:     #dddde1 !important;
    color:            #2a3142 !important;
}
.btn-check:checked + .btn-outline-light:focus {
    box-shadow: 0 0 0 0.2rem rgba(248,248,249,0.6) !important;
}

/* ========================================
   Alert Label Icon - Custom CSS
   Colores del template (ec8951 theme)
   ======================================== */

.alert-label-icon {
    position: relative;
    padding-left: 60px;
    border: 0;
    width: 100%;
}

.alert-label-icon .label-icon {
    position: absolute;
    width: 45px;
    height: 100%;
    left: 0;
    top: 0;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.15);
}

/* label-arrow */
.alert-label-icon.label-arrow {
    overflow: visible !important; /* era hidden, causaba el recorte */
}

.alert-label-icon.label-arrow .label-icon::after {
    content: "";
    position: absolute;
    border: 6px solid transparent;
    right: -12px;
}

/* DANGER */
.label-arrow.alert-danger .label-icon {
    background-color: #dc3545;
    color: #ffffff;
}
.label-arrow.alert-danger .label-icon::after {
    border-left-color: #dc3545 !important;
}

/* SUCCESS */
.label-arrow.alert-success .label-icon {
    background-color: #81ba00;
    color: #ffffff;
}
.label-arrow.alert-success .label-icon::after {
    border-left-color: #81ba00 !important;
}

/* WARNING */
.label-arrow.alert-warning .label-icon {
    background-color: #ffbc58;
    color: #ffffff;
}
.label-arrow.alert-warning .label-icon::after {
    border-left-color: #ffbc58 !important;
}

/* INFO */
.label-arrow.alert-info .label-icon {
    background-color: #00a8ff;
    color: #ffffff;
}
.label-arrow.alert-info .label-icon::after {
    border-left-color: #00a8ff !important;
}

/* PRIMARY (naranja del template) */
.label-arrow.alert-primary .label-icon {
    background-color: #ec8951;
    color: #ffffff;
}
.label-arrow.alert-primary .label-icon::after {
    border-left-color: #ec8951 !important;
}

/* btn-close con ícono MDI */
.alert-dismissible .btn-close {
    background: transparent !important;
}
.alert-dismissible .btn-close::after {
    content: "✕" !important;
    font-family: inherit !important;
    font-size: 16px;
    line-height: 1;
    background: transparent !important;
}

/* Background colors for different statuses */
.bg-activo {
    color: #2f8733 !important;
    background-color: #2f87331a;
    border: 1px solid rgba(47, 135, 51, 0.541176);
}

.bg-inactivo,
.bg-cancelled {
    color: #dc3545 !important;
    background-color: #dc35451a;
    border: 1px solid rgba(220, 53, 69, 0.541);
}

.bg-advertencia,
.bg-pending {
    color: #ffc107 !important;
    background-color: #ffc1071a;
    border: 1px solid rgba(255, 193, 7, 0.541);
}

.bg-informacion {
    color: #00a8ff !important;
    background-color: rgba(0, 168, 255, 0.1);
    border: 1px solid rgba(0, 168, 255, 0.4);
}

/* Selects de ordenamiento y cantidad en el toolbar del listado */
.product-top-filter .form-select {
    font-size: 0.78rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

/* Título del bien en cards: permitir salto de línea */
.product-detail .product-title {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    word-break: break-word;
    width: auto !important;
}

/* Badges tipo de bien en el listado de bienes */
.bg-vehiculo {
    color: #00a8ff !important;
    background-color: rgba(0, 168, 255, 0.1);
    border: 1px solid rgba(0, 168, 255, 0.541);
}

.bg-inmueble {
    color: #ec8951 !important;
    background-color: rgba(236, 137, 81, 0.1);
    border: 1px solid rgba(236, 137, 81, 0.541);
}

.bg-pendiente {
    color: #2f8733 !important;
    background-color: #2f87331a;
    border: 1px solid rgba(47, 135, 51, 0.541176);
}

.bg-finalizado {
    color: #6c757d !important;
    background-color: rgba(108, 117, 125, 0.1);
    border: 1px solid rgba(108, 117, 125, 0.541);
}

/* =============================================
   Sidebar de filtros — estilos compactos
   ============================================= */

.collection-filter .accordion-button {
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.45rem 0.6rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.collection-filter .accordion-body {
    padding: 0.4rem 0.6rem 0.5rem;
}

.collection-filter .accordion-item {
    border-color: #f0f0f0;
}

.collection-filter .collection-listing li {
    margin-bottom: 3px !important;
}

.collection-filter .collection-listing li .form-check {
    gap: 6px !important;
}

.collection-filter .collection-listing li .form-check-input {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px;
}

.collection-filter .collection-listing li .form-check-input::after {
    width: 15px !important;
    height: 15px !important;
    border-width: 1.5px !important;
}

.collection-filter .collection-listing li .form-check-input::before {
    width: 10px !important;
    height: 6px !important;
    left: 2px !important;
    top: 3px !important;
}

.collection-filter .form-check-label {
    font-size: 0.75rem;
    line-height: 1.3;
    cursor: pointer;
}

.sidebar-filter-count {
    font-size: 0.65rem;
    font-weight: 500;
    color: #999;
    margin-left: 4px;
}

.sidebar-search {
    width: 100%;
    font-size: 0.72rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    margin-bottom: 0.4rem;
    outline: none;
    color: #555;
}

.sidebar-search:focus {
    border-color: var(--theme-color, #ec8951);
    box-shadow: none;
}