/* 
 * watermark-logos.css - Estilos para añadir logos de MLS y Baja Sur Realtors a las imágenes de propiedades
 * Asegura que los logos estén presentes en todos los tipos de visualización de propiedades
 */

/* Estilo base para contenedores de imágenes para posicionar logos */
.property-image,
.main-image-container,
.gallery-image-container,
.featured-image-card {
    position: relative;
}

/* Estilos base para los logos watermark */
.watermark-logo {
    position: absolute;
    z-index: 10;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none; /* Permite interactuar con elementos debajo del logo */
}

/* Logo MLS - posicionado en la esquina superior izquierda */
.mls-logo {
    top: 10px;
    left: 10px;
    width: 60px;
    height: 30px;
    background-image: url('/assets/LogoMLS.png');
    opacity: 0.9;
}

/* Logo Baja Sur Realtors - posicionado en la esquina inferior derecha */
.bajasur-logo {
    bottom: 10px;
    right: 10px;
    width: 120px;
    height: 40px;
    background-image: url('/assets/Logo2.png');
    opacity: 0.9;
}

/* Ajustes para tarjetas de propiedad */
.property-card .watermark-logo {
    transition: opacity 0.3s ease;
}

.property-card .mls-logo {
    top: 8px;
    left: 8px;
  }

  /* Adjust for list view specifically if needed */
.list-card .bajasur-logo {
    bottom: 10px;
    left: 10px;
  }
  
  /* Add some extra padding/margin to the price tag to ensure it stands out */
  .property-card .price-tag {
    margin-bottom: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* Add a shadow for better visibility */
  }

.property-card .bajasur-logo {
    right: auto; 
    left: 8px;   
    bottom: 8px;
    width: 90px; 
    height: 32px;
    opacity: 0.85; 
  }

/* Ajustes para miniaturas */
.thumbnail-wrapper .watermark-logo,
.gallery-thumb-wrapper .watermark-logo {
    display: none; /* Ocultar en miniaturas para evitar saturación visual */
}

/* Ajustes para featured images (imágenes pequeñas de vista previa) */
.featured-image-card .mls-logo {
    top: 5px;
    left: 5px;
    width: 40px;
    height: 20px;
}

.featured-image-card .bajasur-logo {
    bottom: 5px;
    right: 5px;
    width: 70px;
    height: 25px;
}

/* Ajustes para galería modal - imagen ampliada */
.gallery-image-container .mls-logo {
    top: 15px;
    left: 15px;
    width: 80px;
    height: 40px;
}

.gallery-image-container .bajasur-logo {
    bottom: 15px;
    right: 15px;
    width: 150px;
    height: 50px;
}

/* Ajustes responsivos */
@media (max-width: 768px) {
    /* Logos más pequeños en dispositivos móviles */
    .mls-logo {
        width: 45px;
        height: 22px;
    }
    
    .bajasur-logo {
        width: 90px;
        height: 30px;
    }
    
    .gallery-image-container .mls-logo {
        top: 10px;
        left: 10px;
        width: 60px;
        height: 30px;
    }
    
    .gallery-image-container .bajasur-logo {
        bottom: 10px;
        right: 10px;
        width: 120px;
        height: 40px;
    }
}

/* Ajustes para dispositivos muy pequeños */
@media (max-width: 480px) {
    .mls-logo {
        width: 40px;
        height: 20px;
    }
    
    .bajasur-logo {
        width: 80px;
        height: 28px;
    }
    
    .featured-image-card .mls-logo {
        top: 3px;
        left: 3px;
        width: 30px;
        height: 15px;
    }
    
    .featured-image-card .bajasur-logo {
        bottom: 3px;
        right: 3px;
        width: 60px;
        height: 20px;
    }
}

/* Clase de fallback para asegurar que los logos se muestren si las imágenes originales no están disponibles */
.watermark-logo.fallback {
    opacity: 0.9 !important;
    display: block !important;
}

/* Soporte para modo de alto contraste */
@media (forced-colors: active) {
    .watermark-logo {
        forced-color-adjust: none; /* Mantener colores originales en modo de alto contraste */
    }
}

/* Soporte para modo oscuro */
@media (prefers-color-scheme: dark) {
    .watermark-logo {
        opacity: 0.85; /* Ligeramente más visibles en modo oscuro */
    }
}