/* IOL-X Dev Tool - Custom Styles */

/* HTMX yükleme animasyonu */
.htmx-indicator {
    opacity: 0;
    transition: opacity 200ms ease-in;
}

.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
    opacity: 1;
}

/* Sync progress bar animasyonu */
@keyframes progress-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.sync-running {
    animation: progress-pulse 1.5s ease-in-out infinite;
}

/* JSON görüntüleyici */
.json-viewer {
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 0.75rem;
    background: #1e1e1e;
    color: #d4d4d4;
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: auto;
    max-height: 400px;
    overflow-y: auto;
}

/* Hotel kart hover efekti */
.hotel-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.hotel-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

/* Star rating */
.star-rating::before {
    content: "★";
    color: #f59e0b;
}

/* Log satırı renklendirme */
.log-success { border-left: 3px solid #10b981; }
.log-error { border-left: 3px solid #ef4444; }
.log-warning { border-left: 3px solid #f59e0b; }