/* Index Page Specific Styles */

/* Story Styles */
.story-active {
    border: 3px solid #dc2626;
    box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.2);
}

.story-circle {
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
    box-shadow: 0 4px 16px rgba(220, 38, 38, 0.3);
}

.story-circle.blue {
    background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.3);
}

.story-circle.green {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
    box-shadow: 0 4px 16px rgba(5, 150, 105, 0.3);
}

.story-circle.yellow {
    background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
    box-shadow: 0 4px 16px rgba(217, 119, 6, 0.3);
}

.story-circle.purple {
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);
    box-shadow: 0 4px 16px rgba(124, 58, 237, 0.3);
}

/* Poll Styles */
.poll-option-selected {
    border-color: #3b82f6 !important;
    background-color: #eff6ff !important;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2) !important;
}

.poll-option-selected span {
    color: #1e40af !important;
}

/* Slider Styles */
.slider {
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.slider-dot-active {
    background-color: #dc2626;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.4);
}

.slider-card {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    box-shadow: 0 8px 32px rgba(30, 64, 175, 0.3);
}

.slider-card.red {
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
    box-shadow: 0 8px 32px rgba(220, 38, 38, 0.3);
}

.slider-card.green {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
    box-shadow: 0 8px 32px rgba(5, 150, 105, 0.3);
}

/* Event Card Styles */
.event-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(59, 130, 246, 0.2);
    box-shadow: 0 8px 32px rgba(59, 130, 246, 0.15);
}

/* News Card Styles */
.news-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.news-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

/* Haber özeti için 2 satır sınırlaması */
.news-card .line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    max-height: 3em;
}

/* Poll Styles */
.poll-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.poll-option-selected {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border-color: #dc2626;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.15);
}