.eir-voting-container {
    margin: 0.1em 0 1.2em 0;
    padding: 0.6em 0.5em;
    border-radius: 1px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    gap: 0.5em;
    flex-wrap: wrap;
}

/* Language-specific styles - Hide all languages by default */
[lang-text] {
    display: none;
}

/* Show languages only when specific language class is applied */
.eir-lang-en [lang-text="en"] {
    display: inline-block;
}

.eir-lang-tr [lang-text="tr"] {
    display: inline-block;
}

.eir-lang-de [lang-text="de"] {
    display: inline-block;
}

.eir-lang-fr [lang-text="fr"] {
    display: inline-block;
}

.eir-lang-es [lang-text="es"] {
    display: inline-block;
}

/* Fallback to English if no language class is set */
.eir-voting-container:not([class*="eir-lang-"]) [lang-text="en"] {
    display: inline-block;
}

.eir-attendance-container,
.eir-likes-container,
.eir-ratings-container {
    margin: 0;
    padding: 0 0.5em;
    border-right: 1px solid #e0e0e0;
    border-bottom: none;
    display: flex;
    align-items: center;
    gap: 0.3em;
}

.eir-attendance-container:last-child,
.eir-likes-container:last-child,
.eir-ratings-container:last-child {
    border-right: none;
    padding-right: 0;
}

.eir-voting-container h3 {
    display: none;
}

.eir-button {
    display: inline-flex;
    align-items: center;
    padding: 0.2em 0.5em;
    margin-right: 0.3em;
    border: none;
    border-radius: 3px;
    background-color: #f5f5f5;
    color: #333;
    font-size: 0.85em;
    cursor: pointer;
    transition: all 0.2s ease;
    height: 24px;
    line-height: 1;
}

.eir-button:hover {
    background-color: #e0e0e0;
}

.eir-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.eir-button.active {
    background-color: #4CAF50;
    color: white;
}

.eir-button.eir-attend.active {
    background-color: #4CAF50;
}

.eir-button.eir-not-attend.active {
    background-color: #f44336;
}

.eir-button.eir-like.active {
    background-color: #2196F3;
}

.eir-button.eir-dislike.active {
    background-color: #f44336;
}

/* Bootstrap sınıfları için aktif buton stilleri */
.btn.btn-outline-success.eir-attend.active {
    background-color: #28a745;
    color: white;
    border-color: #28a745;
}

.btn.btn-outline-danger.eir-not-attend.active {
    background-color: #dc3545;
    color: white;
    border-color: #dc3545;
}

.btn.btn-outline-success.eir-like.active {
    background-color: #28a745;
    color: white;
    border-color: #28a745;
}

.btn.btn-outline-danger.eir-dislike.active {
    background-color: #dc3545;
    color: white;
    border-color: #dc3545;
}

.eir-icon {
    margin-right: 0.3em;
    font-size: 1em;
}

.eir-count {
    margin-left: 0.3em;
    padding: 0.1em 0.4em;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    font-size: 0.85em;
}

.eir-stars {
    display: flex;
    gap: 0.2em;
    margin: 0;
    height: 24px;
    align-items: center;
}

.eir-star {
    font-size: 1em;
    line-height: 1;
    color: #ddd;
    cursor: pointer;
    transition: color 0.2s ease;
}

.eir-star:hover,
.eir-star.active {
    color: #FFD700;
}

/* Kullanıcının seçtiği yıldızlar için özel stil */
.eir-stars[data-user-rating] .eir-star[data-rating] i.fas.fa-star {
    color: #FFD700;
}

.eir-rating-stats {
    display: flex;
    align-items: center;
    gap: 0.3em;
    font-size: 0.85em;
    color: #666;
    height: 24px;
    line-height: 1;
}

.eir-average {
    font-weight: bold;
    color: #333;
}

.eir-expired-message {
    margin: 0;
    padding: 0.2em 0;
    color: #f44336;
    font-style: italic;
    font-size: 0.85em;
}

/* Responsive Design */
@media (max-width: 768px) {
    .eir-voting-container {
        flex-direction: column;
        align-items: stretch;
        gap: 0.3em;
    }

    .eir-attendance-container,
    .eir-likes-container,
    .eir-ratings-container {
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
        padding: 0.3em 0;
    }

    .eir-attendance-container:last-child,
    .eir-likes-container:last-child,
    .eir-ratings-container:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
}